@rasenganjs/mdx 1.0.5 → 1.1.0-beta.0

package/CHANGELOG.md

@@ -0,0 +1,3 @@
+## Unreleased
+
+## 1.1.0-beta.0 (2025-03-07)

package/README.md

@@ -31,8 +31,8 @@ Here is an example of how you can use the `@rasenganjs/mdx` package:
 Import the `mdx` plugin into the `rasengan.config.js` file.
 
 ```javascript
-import { defineConfig } from "rasengan";
-import mdx from "@rasenganjs/mdx";
+import { defineConfig } from 'rasengan';
+import mdx from '@rasenganjs/mdx';
 
 export default defineConfig({
   vite: {
@@ -53,7 +53,7 @@ metadata:
   description: Discover our new blog posts
 ---
 
-import Button from "@/components/Button";
+import Button from '@/components/Button';
 
 # Blog page
 
@@ -67,10 +67,10 @@ This is a `blog` page.
 Inside the `app.router.ts` file, import your Markdown Component and the `MDXRenderer` component from `@rasenganjs/mdx` and add it to `defineRouter` option like this:
 
 ```typescript
-import { RouterComponent, defineRouter } from "rasengan";
-import AppLayout from "@app/app.layout";
-import Blog from "@app/blog.page.mdx";
-import { MDXRenderer } from "@rasenganjs/mdx";
+import { RouterComponent, defineRouter } from 'rasengan';
+import AppLayout from '@app/app.layout';
+import Blog from '@app/blog.page.mdx';
+import { MDXRenderer } from '@rasenganjs/mdx';
 
 class AppRouter extends RouterComponent {}
 
@@ -78,7 +78,7 @@ export default defineRouter({
   imports: [],
   layout: AppLayout,
   pages: [Blog],
-  MDXRenderer
+  MDXRenderer,
 })(AppRouter);
 ```
 
@@ -112,4 +112,4 @@ We also have a [Twitter](https://twitter.com/rasenganjs) account where you can f
 
 Here is the authors list:
 
-- Dilane Kombou ([**@dilanekombou**](https://twitter.com/dilanekombou))
+- Dilane Kombou ([**@dilanekombou**](https://twitter.com/dilanekombou))

package/lib/components/codeblock.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import { CodeBlockProps, ComponentWithTextChildrenProps } from "../types/index.js";
+import React from 'react';
+import { CodeBlockProps, ComponentWithTextChildrenProps } from '../types/index.js';
 /**
  * A React component that renders a code block with syntax highlighting and a copy button.
  *

package/lib/components/codeblock.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from "react";
-import { renderToString } from "react-dom/server";
+import React from 'react';
+import { renderToString } from 'react-dom/server';
 /**
  * A React component that renders a code block with syntax highlighting and a copy button.
  *
@@ -12,10 +12,9 @@ import { renderToString } from "react-dom/server";
  * @param {string} [props.className] - The CSS class name to apply to the code block.
  * @returns {React.ReactElement} - The rendered code block component.
  */
-export const CodeBlock = ({ children, className = "", ...rest }) => {
-    const language = rest["data-language"] || "";
-    const numbers = rest["data-line-numbers"];
-    // const theme = rest["data-theme"] || "github-dark-dimmed";
+export const CodeBlock = ({ children, className = '', ...rest }) => {
+    const language = rest['data-language'] || '';
+    const numbers = rest['data-line-numbers'];
     const [hover, setHover] = React.useState(false);
     const [copied, setCopied] = React.useState(false);
     React.useEffect(() => {
@@ -40,24 +39,24 @@ export const CodeBlock = ({ children, className = "", ...rest }) => {
         setCopied(true);
     };
     /**
-  * Extracts the text content from an HTML string.
-  *
-  * This function takes an HTML string as input and returns the plain text content of the HTML, excluding any HTML tags or markup.
-  *
-  * @param htmlString - The HTML string to extract text from.
-  * @returns The plain text content of the HTML string.
-  */
+     * Extracts the text content from an HTML string.
+     *
+     * This function takes an HTML string as input and returns the plain text content of the HTML, excluding any HTML tags or markup.
+     *
+     * @param htmlString - The HTML string to extract text from.
+     * @returns The plain text content of the HTML string.
+     */
     const extractTextFromHTML = (htmlString) => {
         const parser = new DOMParser();
-        const doc = parser.parseFromString(htmlString, "text/html");
-        return doc.body.textContent || "";
+        const doc = parser.parseFromString(htmlString, 'text/html');
+        return doc.body.textContent || '';
     };
     if (!language) {
         return _jsx(SimpleBlock, { children: children });
     }
-    return (_jsxs("div", { onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false), children: [hover ? (_jsx("button", { className: 'copy-button', onClick: handleCopy, children: copied ? (_jsxs("svg", { xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 24 24', width: '20', height: '20', color: '#f0f0f0', fill: 'none', children: [_jsx("path", { d: 'M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z', stroke: 'currentColor', strokeWidth: '1.5' }), _jsx("path", { d: 'M8 12.5L10.5 15L16 9', stroke: 'currentColor', strokeWidth: '1.5', strokeLinecap: 'round', strokeLinejoin: 'round' })] })) : (_jsxs("svg", { xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 24 24', width: '20', height: '20', color: '#f0f0f0', fill: 'none', children: [_jsx("path", { d: 'M9 15C9 12.1716 9 10.7574 9.87868 9.87868C10.7574 9 12.1716 9 15 9L16 9C18.8284 9 20.2426 9 21.1213 9.87868C22 10.7574 22 12.1716 22 15V16C22 18.8284 22 20.2426 21.1213 21.1213C20.2426 22 18.8284 22 16 22H15C12.1716 22 10.7574 22 9.87868 21.1213C9 20.2426 9 18.8284 9 16L9 15Z', stroke: 'currentColor', strokeWidth: '1.5', strokeLinecap: 'round', strokeLinejoin: 'round' }), _jsx("path", { d: 'M16.9999 9C16.9975 6.04291 16.9528 4.51121 16.092 3.46243C15.9258 3.25989 15.7401 3.07418 15.5376 2.90796C14.4312 2 12.7875 2 9.5 2C6.21252 2 4.56878 2 3.46243 2.90796C3.25989 3.07417 3.07418 3.25989 2.90796 3.46243C2 4.56878 2 6.21252 2 9.5C2 12.7875 2 14.4312 2.90796 15.5376C3.07417 15.7401 3.25989 15.9258 3.46243 16.092C4.51121 16.9528 6.04291 16.9975 9 16.9999', stroke: 'currentColor', strokeWidth: '1.5', strokeLinecap: 'round', strokeLinejoin: 'round' })] })) })) : (_jsx("span", { className: 'lang', children: language })), _jsx("code", { className: `${className} code-block`, "data-line-numbers": numbers !== undefined ? "" : undefined, children: children })] }));
+    return (_jsxs("div", { onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false), children: [hover ? (_jsx("button", { className: "copy-button", onClick: handleCopy, children: copied ? (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "16", height: "16", color: "#f0f0f0", fill: "none", children: [_jsx("path", { d: "M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z", stroke: "currentColor", strokeWidth: "1.5" }), _jsx("path", { d: "M8 12.5L10.5 15L16 9", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] })) : (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "16", height: "16", color: "#f0f0f0", fill: "none", children: [_jsx("path", { d: "M9 15C9 12.1716 9 10.7574 9.87868 9.87868C10.7574 9 12.1716 9 15 9L16 9C18.8284 9 20.2426 9 21.1213 9.87868C22 10.7574 22 12.1716 22 15V16C22 18.8284 22 20.2426 21.1213 21.1213C20.2426 22 18.8284 22 16 22H15C12.1716 22 10.7574 22 9.87868 21.1213C9 20.2426 9 18.8284 9 16L9 15Z", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M16.9999 9C16.9975 6.04291 16.9528 4.51121 16.092 3.46243C15.9258 3.25989 15.7401 3.07418 15.5376 2.90796C14.4312 2 12.7875 2 9.5 2C6.21252 2 4.56878 2 3.46243 2.90796C3.25989 3.07417 3.07418 3.25989 2.90796 3.46243C2 4.56878 2 6.21252 2 9.5C2 12.7875 2 14.4312 2.90796 15.5376C3.07417 15.7401 3.25989 15.9258 3.46243 16.092C4.51121 16.9528 6.04291 16.9975 9 16.9999", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] })) })) : (_jsx("span", { className: "lang", children: language })), _jsx("code", { className: `${className} code-block`, "data-line-numbers": numbers !== undefined ? '' : undefined, children: children })] }));
 };
 export const SimpleBlock = ({ children, }) => {
-    return _jsx("code", { className: 'simple-block', children: children });
+    return _jsx("code", { className: "simple-block", children: children });
 };
 //# sourceMappingURL=codeblock.js.map

package/lib/components/codeblock.js.map

@@ -1 +1 @@
-{"version":3,"file":"codeblock.js","sourceRoot":"","sources":["../../src/components/codeblock.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"codeblock.js","sourceRoot":"","sources":["../../src/components/codeblock.tsx"],"names":[],"mappings":"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"}

package/lib/components/codeblock2.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { CodeBlockProps } from '../types/index.js';
+/**
+ * A React component that renders a code block with syntax highlighting and a copy button.
+ *
+ * The component uses the `prism-react-renderer` library to provide syntax highlighting for the code block.
+ * It also includes a copy button that allows the user to copy the code to their clipboard.
+ *
+ * @param {object} props - The component props.
+ * @param {string} props.children - The code content to be displayed in the code block.
+ * @param {string} [props.className] - The CSS class name to apply to the code block.
+ * @returns {React.ReactElement} - The rendered code block component.
+ */
+export declare const CodeBlock2: ({ children, className, }: CodeBlockProps) => React.ReactElement;

package/lib/components/codeblock2.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { themes, Highlight } from 'prism-react-renderer';
+import React from 'react';
+import { SimpleBlock } from './codeblock.js';
+/**
+ * A React component that renders a code block with syntax highlighting and a copy button.
+ *
+ * The component uses the `prism-react-renderer` library to provide syntax highlighting for the code block.
+ * It also includes a copy button that allows the user to copy the code to their clipboard.
+ *
+ * @param {object} props - The component props.
+ * @param {string} props.children - The code content to be displayed in the code block.
+ * @param {string} [props.className] - The CSS class name to apply to the code block.
+ * @returns {React.ReactElement} - The rendered code block component.
+ */
+export const CodeBlock2 = ({ children, className = '', }) => {
+    const language = className.replace(/language-/, '');
+    const [hover, setHover] = React.useState(false);
+    if (!language) {
+        return _jsx(SimpleBlock, { children: children });
+    }
+    return (_jsx(Highlight, { theme: themes.oneDark, code: children.trim(), language: language, children: ({ className, tokens, getLineProps, getTokenProps, ...rest }) => {
+            const [copied, setCopied] = React.useState(false);
+            React.useEffect(() => {
+                /**
+                 * Sets the `copied` state to `false` after 2 seconds, effectively hiding the "copied" indicator.
+                 * This function is called after the user's clipboard is updated with the code content.
+                 */
+                const timer = setTimeout(() => {
+                    setCopied(false);
+                }, 2000);
+                return () => clearTimeout(timer);
+            }, [copied]);
+            /**
+             * Copies the trimmed text content of the `children` prop to the user's clipboard.
+             * This function is called when the "Copy" button is clicked in the code block component.
+             * It sets the `copied` state to `true` for 2 seconds to display a "copied" indicator.
+             */
+            const handleCopy = () => {
+                navigator.clipboard.writeText((children ?? '').trim());
+                setCopied(true);
+            };
+            return (_jsx("figure", { children: _jsx("pre", { onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false), "data-language": language, children: _jsxs("div", { children: [hover ? (_jsx("button", { className: "copy-button", onClick: handleCopy, children: copied ? (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "20", height: "20", color: "#f0f0f0", fill: "none", children: [_jsx("path", { d: "M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z", stroke: "currentColor", strokeWidth: "1.5" }), _jsx("path", { d: "M8 12.5L10.5 15L16 9", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] })) : (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "20", height: "20", color: "#f0f0f0", fill: "none", children: [_jsx("path", { d: "M9 15C9 12.1716 9 10.7574 9.87868 9.87868C10.7574 9 12.1716 9 15 9L16 9C18.8284 9 20.2426 9 21.1213 9.87868C22 10.7574 22 12.1716 22 15V16C22 18.8284 22 20.2426 21.1213 21.1213C20.2426 22 18.8284 22 16 22H15C12.1716 22 10.7574 22 9.87868 21.1213C9 20.2426 9 18.8284 9 16L9 15Z", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M16.9999 9C16.9975 6.04291 16.9528 4.51121 16.092 3.46243C15.9258 3.25989 15.7401 3.07418 15.5376 2.90796C14.4312 2 12.7875 2 9.5 2C6.21252 2 4.56878 2 3.46243 2.90796C3.25989 3.07417 3.07418 3.25989 2.90796 3.46243C2 4.56878 2 6.21252 2 9.5C2 12.7875 2 14.4312 2.90796 15.5376C3.07417 15.7401 3.25989 15.9258 3.46243 16.092C4.51121 16.9528 6.04291 16.9975 9 16.9999", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] })) })) : (_jsx("span", { className: "lang", children: language })), _jsx("code", { className: `${className} code-block`, "data-line-numbers": true, children: tokens.map((line, i) => (_jsxs("span", { "data-line": true, ...getLineProps({ line }), children: [_jsx("span", { children: " " }), line.map((token, key) => (_jsx("span", { ...getTokenProps({ token }) }, key)))] }, i))) })] }) }) }));
+        } }));
+};
+//# sourceMappingURL=codeblock2.js.map

package/lib/components/codeblock2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"codeblock2.js","sourceRoot":"","sources":["../../src/components/codeblock2.tsx"],"names":[],"mappings":"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"}

package/lib/components/heading.d.ts

@@ -1,2 +1,2 @@
-import { HeadingProps, HeadingProps2 } from "../types/index.js";
+import { HeadingProps, HeadingProps2 } from '../types/index.js';
 export declare const Heading: ({ variant }: HeadingProps) => ({ children }: HeadingProps2) => import("react/jsx-runtime").JSX.Element;

package/lib/components/heading.js

@@ -1,40 +1,26 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { createElement, useMemo } from "react";
+import { createElement, useMemo } from 'react';
+import { generateAnchor } from '../utils/extract-toc.js';
 export const Heading = ({ variant }) => {
     return ({ children }) => {
         const { text, id } = useMemo(() => {
-            // Regex pattern to match links in the format [#link text]
-            const regex = new RegExp("^\\[#.+\\]");
-            // split the children into an array of strings based on space
-            const childrenArray = children.split(" [#");
-            let lastWord = "";
-            let restOfTheWords = "";
-            let link = "";
-            // Check if we have more than one word and if the last word is a link
-            if (childrenArray.length > 1 &&
-                childrenArray.at(-1).includes("]") &&
-                regex.test(`[#${childrenArray.at(-1)}`)) {
-                lastWord = childrenArray.pop();
-            }
-            if (lastWord) {
-                link = lastWord.replace("]", "").split(" ").join("-").toLowerCase();
-                restOfTheWords = childrenArray[0];
-            }
-            else {
-                link = children.split(" ").join("-").toLowerCase();
-                restOfTheWords = children;
-            }
+            const { id, text } = generateAnchor(children);
             return {
-                id: variant === "h1" ? undefined : link,
-                text: restOfTheWords,
+                id: variant === 'h1' ? undefined : id,
+                text,
             };
         }, [children]);
         const heading = createElement(variant, {
             id,
-            className: "heading",
+            className: 'heading',
             children: text,
         });
-        return (_jsxs("div", { className: 'ra-heading-wrapper', children: [heading, id && (_jsx("a", { href: `#${id}`, children: _jsxs("svg", { xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 24 24', width: '24', height: '24', color: '#ffffff', fill: 'none', children: [_jsx("path", { d: 'M10 13.229C10.1416 13.4609 10.3097 13.6804 10.5042 13.8828C11.7117 15.1395 13.5522 15.336 14.9576 14.4722C15.218 14.3121 15.4634 14.1157 15.6872 13.8828L18.9266 10.5114C20.3578 9.02184 20.3578 6.60676 18.9266 5.11718C17.4953 3.6276 15.1748 3.62761 13.7435 5.11718L13.03 5.85978', stroke: 'currentColor', strokeWidth: '1.5', strokeLinecap: 'round' }), _jsx("path", { d: 'M10.9703 18.14L10.2565 18.8828C8.82526 20.3724 6.50471 20.3724 5.07345 18.8828C3.64218 17.3932 3.64218 14.9782 5.07345 13.4886L8.31287 10.1172C9.74413 8.62761 12.0647 8.6276 13.4959 10.1172C13.6904 10.3195 13.8584 10.539 14 10.7708', stroke: 'currentColor', strokeWidth: '1.5', strokeLinecap: 'round' })] }) }))] }));
+        const handleClick = (e, id) => {
+            e.preventDefault();
+            const element = document.getElementById(id);
+            element?.scrollIntoView({ behavior: 'smooth' });
+        };
+        return (_jsxs("div", { className: "ra-heading-wrapper", children: [heading, id && (_jsx("a", { href: `#${id}`, onClick: (e) => handleClick(e, id), children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", color: "#ffffff", fill: "none", children: [_jsx("path", { d: "M10 13.229C10.1416 13.4609 10.3097 13.6804 10.5042 13.8828C11.7117 15.1395 13.5522 15.336 14.9576 14.4722C15.218 14.3121 15.4634 14.1157 15.6872 13.8828L18.9266 10.5114C20.3578 9.02184 20.3578 6.60676 18.9266 5.11718C17.4953 3.6276 15.1748 3.62761 13.7435 5.11718L13.03 5.85978", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }), _jsx("path", { d: "M10.9703 18.14L10.2565 18.8828C8.82526 20.3724 6.50471 20.3724 5.07345 18.8828C3.64218 17.3932 3.64218 14.9782 5.07345 13.4886L8.31287 10.1172C9.74413 8.62761 12.0647 8.6276 13.4959 10.1172C13.6904 10.3195 13.8584 10.539 14 10.7708", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })] }) }))] }));
     };
 };
 //# sourceMappingURL=heading.js.map

package/lib/components/heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"heading.js","sourceRoot":"","sources":["../../src/components/heading.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAG/C,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,OAAO,EAAgB,EAAE,EAAE;IACpD,OAAO,CAAC,EAAE,QAAQ,EAAiB,EAAE,EAAE;QACtC,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;YACjC,0DAA0D;YAC1D,MAAM,KAAK,GAAG,IAAI,MAAM,CAAC,YAAY,CAAC,CAAC;YAEvC,6DAA6D;YAC7D,MAAM,aAAa,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YAC5C,IAAI,QAAQ,GAAG,EAAE,CAAC;YACf,IAAI,cAAc,GAAG,EAAE,CAAC;YAC3B,IAAI,IAAI,GAAG,EAAE,CAAC;YAEd,qEAAqE;YACrE,IACC,aAAa,CAAC,MAAM,GAAG,CAAC;gBACxB,aAAa,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC;gBAClC,KAAK,CAAC,IAAI,CAAC,KAAK,aAAa,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EACtC,CAAC;gBACF,QAAQ,GAAG,aAAa,CAAC,GAAG,EAAE,CAAC;YAChC,CAAC;YAED,IAAI,QAAQ,EAAE,CAAC;gBACV,IAAI,GAAG,QAAQ,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC;gBACpE,cAAc,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;YACvC,CAAC;iBAAM,CAAC;gBACP,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC;gBAC/C,cAAc,GAAG,QAAQ,CAAC;YAC/B,CAAC;YAED,OAAO;gBACN,EAAE,EAAE,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI;gBACvC,IAAI,EAAE,cAAc;aACpB,CAAC;QACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;QAEf,MAAM,OAAO,GAAG,aAAa,CAAC,OAAO,EAAE;YACtC,EAAE;YACF,SAAS,EAAE,SAAS;YACpB,QAAQ,EAAE,IAAI;SACd,CAAC,CAAC;QAEH,OAAO,CACN,eAAK,SAAS,EAAC,oBAAoB,aACjC,OAAO,EACP,EAAE,IAAI,CACN,YAAG,IAAI,EAAE,IAAI,EAAE,EAAE,YAChB,eACC,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,KAAK,EAAC,SAAS,EACf,IAAI,EAAC,MAAM,aAEX,eACC,CAAC,EAAC,uRAAuR,EACzR,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,GACpB,EACF,eACC,CAAC,EAAC,yOAAyO,EAC3O,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,GACpB,IACG,GACH,CACJ,IACI,CACN,CAAC;IACH,CAAC,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"heading.js","sourceRoot":"","sources":["../../src/components/heading.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEzD,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,OAAO,EAAgB,EAAE,EAAE;IACnD,OAAO,CAAC,EAAE,QAAQ,EAAiB,EAAE,EAAE;QACrC,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;YAChC,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;YAE9C,OAAO;gBACL,EAAE,EAAE,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;gBACrC,IAAI;aACL,CAAC;QACJ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;QAEf,MAAM,OAAO,GAAG,aAAa,CAAC,OAAO,EAAE;YACrC,EAAE;YACF,SAAS,EAAE,SAAS;YACpB,QAAQ,EAAE,IAAI;SACf,CAAC,CAAC;QAEH,MAAM,WAAW,GAAG,CAClB,CAAkD,EAClD,EAAU,EACV,EAAE;YACF,CAAC,CAAC,cAAc,EAAE,CAAC;YAEnB,MAAM,OAAO,GAAG,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;YAC5C,OAAO,EAAE,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;QAClD,CAAC,CAAC;QAEF,OAAO,CACL,eAAK,SAAS,EAAC,oBAAoB,aAChC,OAAO,EACP,EAAE,IAAI,CACL,YAAG,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,EAAE,EAAE,CAAC,YACnD,eACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,KAAK,EAAC,SAAS,EACf,IAAI,EAAC,MAAM,aAEX,eACE,CAAC,EAAC,uRAAuR,EACzR,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,GACrB,EACF,eACE,CAAC,EAAC,yOAAyO,EAC3O,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,GACrB,IACE,GACJ,CACL,IACG,CACP,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC,CAAC"}

package/lib/components/index.d.ts

@@ -1,12 +1,4 @@
-import React from "react";
-import { MDXRendererProps } from "../types/index.js";
-/**
- * Renders an MDX content component with a custom code block component.
- *
- * @param {MDXRendererProps} props - The props for the MDX renderer.
- * @param {React.ReactNode} props.children - The MDX content to render.
- * @param {string} [props.className] - An optional CSS class name to apply to the rendered section.
- * @returns {React.ReactElement} - The rendered MDX content with the custom code block component.
- */
-declare const MDXRenderer: ({ children: MDXContent, className }: MDXRendererProps) => React.ReactElement;
-export { MDXRenderer };
+import { MDXRenderer } from './renderer.js';
+import { Markdown } from './markdown.js';
+import { TableOfContents } from './toc.js';
+export { Markdown, MDXRenderer, TableOfContents };

package/lib/components/index.js

@@ -1,26 +1,7 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { CodeBlock } from "./codeblock.js";
-import { Table } from "./table.js";
-import { Heading } from "./heading.js";
-/**
- * Renders an MDX content component with a custom code block component.
- *
- * @param {MDXRendererProps} props - The props for the MDX renderer.
- * @param {React.ReactNode} props.children - The MDX content to render.
- * @param {string} [props.className] - An optional CSS class name to apply to the rendered section.
- * @returns {React.ReactElement} - The rendered MDX content with the custom code block component.
- */
-const MDXRenderer = ({ children: MDXContent, className }) => {
-    return (_jsx("section", { className: "rasengan-markdown-body " + className, children: _jsx(MDXContent, { components: {
-                code: CodeBlock,
-                table: Table,
-                h1: Heading({ variant: "h1" }),
-                h2: Heading({ variant: "h2" }),
-                h3: Heading({ variant: "h3" }),
-                h4: Heading({ variant: "h4" }),
-                h5: Heading({ variant: "h5" }),
-                h6: Heading({ variant: "h6" }),
-            } }) }));
-};
-export { MDXRenderer };
+// Import statements
+import { MDXRenderer } from './renderer.js';
+import { Markdown } from './markdown.js';
+import { TableOfContents } from './toc.js';
+// Export statements
+export { Markdown, MDXRenderer, TableOfContents };
 //# sourceMappingURL=index.js.map

package/lib/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAe,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAGvC;;;;;;;GAOG;AACH,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAoB,EAAsB,EAAE;IACjG,OAAO,CACN,kBAAS,SAAS,EAAE,yBAAyB,GAAG,SAAS,YACxD,KAAC,UAAU,IACV,UAAU,EAAE;gBACX,IAAI,EAAE,SAAS;gBACf,KAAK,EAAE,KAAK;gBACZ,EAAE,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gBAC9B,EAAE,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gBAC9B,EAAE,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gBAC9B,EAAE,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gBAC9B,EAAE,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gBAC9B,EAAE,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;aAC9B,GACA,GACO,CACV,CAAC;AACH,CAAC,CAAC;AAEF,OAAO,EACL,WAAW,EACZ,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,oBAAoB;AACpB,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,eAAe,EAAE,CAAC"}

package/lib/components/markdown.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare function Markdown({ content, className, }: {
+    content: string;
+    className?: React.ComponentProps<'section'>['className'];
+}): import("react/jsx-runtime").JSX.Element;
+export { Markdown };

package/lib/components/markdown.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Table } from './table.js';
+import { Heading } from './heading.js';
+import MarkdownComponent from 'react-markdown';
+import remarkGfm from 'remark-gfm';
+import rehypeStringify from 'rehype-stringify';
+import remarkParse from 'remark-parse';
+import remarkRehype from 'remark-rehype';
+// import rehypePrettyCode from "rehype-pretty-code";
+import { CodeBlock2 } from './codeblock2.js';
+function Markdown({ content, className, }) {
+    return (_jsx("section", { className: 'rasengan-markdown-body ' + className, children: _jsx(MarkdownComponent, { children: content, remarkPlugins: [remarkParse, remarkGfm], rehypePlugins: [
+                remarkRehype,
+                rehypeStringify,
+                // [rehypePrettyCode, {
+                // }]
+            ], components: {
+                code: CodeBlock2,
+                table: Table,
+                h1: Heading({ variant: 'h1' }),
+                h2: Heading({ variant: 'h2' }),
+                h3: Heading({ variant: 'h3' }),
+                h4: Heading({ variant: 'h4' }),
+                h5: Heading({ variant: 'h5' }),
+                h6: Heading({ variant: 'h6' }),
+            } }) }));
+}
+export { Markdown };
+//# sourceMappingURL=markdown.js.map

package/lib/components/markdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown.js","sourceRoot":"","sources":["../../src/components/markdown.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,OAAO,iBAAiB,MAAM,gBAAgB,CAAC;AAC/C,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,eAAe,MAAM,kBAAkB,CAAC;AAC/C,OAAO,WAAW,MAAM,cAAc,CAAC;AACvC,OAAO,YAAY,MAAM,eAAe,CAAC;AACzC,qDAAqD;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,SAAS,QAAQ,CAAC,EAChB,OAAO,EACP,SAAS,GAIV;IACC,OAAO,CACL,kBAAS,SAAS,EAAE,yBAAyB,GAAG,SAAS,YACvD,KAAC,iBAAiB,IAChB,QAAQ,EAAE,OAAO,EACjB,aAAa,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,EACvC,aAAa,EAAE;gBACb,YAAY;gBACZ,eAAe;gBACf,uBAAuB;gBAEvB,KAAK;aACN,EACD,UAAU,EAAE;gBACV,IAAI,EAAE,UAAU;gBAChB,KAAK,EAAE,KAAK;gBACZ,EAAE,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gBAC9B,EAAE,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gBAC9B,EAAE,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gBAC9B,EAAE,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gBAC9B,EAAE,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gBAC9B,EAAE,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;aAC/B,GACD,GACM,CACX,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/lib/components/renderer.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { MDXRendererProps } from '../types/index.js';
+/**
+ * Renders an MDX content component with a custom code block component.
+ *
+ * @param {MDXRendererProps} props - The props for the MDX renderer.
+ * @param {React.ReactNode} props.children - The MDX content to render.
+ * @param {string} [props.className] - An optional CSS class name to apply to the rendered section.
+ * @returns {React.ReactElement} - The rendered MDX content with the custom code block component.
+ */
+declare const MDXRenderer: ({ children: MDXContent, className, }: MDXRendererProps) => React.ReactElement;
+export { MDXRenderer };

package/lib/components/renderer.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CodeBlock } from './codeblock.js';
+import { Table } from './table.js';
+import { Heading } from './heading.js';
+import TableOfContents from './toc.js';
+/**
+ * Renders an MDX content component with a custom code block component.
+ *
+ * @param {MDXRendererProps} props - The props for the MDX renderer.
+ * @param {React.ReactNode} props.children - The MDX content to render.
+ * @param {string} [props.className] - An optional CSS class name to apply to the rendered section.
+ * @returns {React.ReactElement} - The rendered MDX content with the custom code block component.
+ */
+const MDXRenderer = ({ children: MDXContent, className, }) => {
+    return (_jsxs("section", { className: MDXContent.toc ? 'rasengan-wrapper-with-toc' : 'rasengan-wrapper', children: [_jsx("section", { className: 'rasengan-markdown-body ' + className, children: _jsx(MDXContent, { components: {
+                        code: CodeBlock,
+                        table: Table,
+                        h1: Heading({ variant: 'h1' }),
+                        h2: Heading({ variant: 'h2' }),
+                        h3: Heading({ variant: 'h3' }),
+                        h4: Heading({ variant: 'h4' }),
+                        h5: Heading({ variant: 'h5' }),
+                        h6: Heading({ variant: 'h6' }),
+                    } }) }), MDXContent.toc && (_jsx("aside", { className: "rasengan-toc", children: _jsx(TableOfContents, { items: MDXContent.toc }) }))] }));
+};
+export { MDXRenderer };
+//# sourceMappingURL=renderer.js.map

package/lib/components/renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer.js","sourceRoot":"","sources":["../../src/components/renderer.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,eAAe,MAAM,UAAU,CAAC;AAEvC;;;;;;;GAOG;AACH,MAAM,WAAW,GAAG,CAAC,EACnB,QAAQ,EAAE,UAAU,EACpB,SAAS,GACQ,EAAsB,EAAE;IACzC,OAAO,CACL,mBACE,SAAS,EACP,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,kBAAkB,aAGnE,kBAAS,SAAS,EAAE,yBAAyB,GAAG,SAAS,YACvD,KAAC,UAAU,IACT,UAAU,EAAE;wBACV,IAAI,EAAE,SAAS;wBACf,KAAK,EAAE,KAAK;wBACZ,EAAE,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wBAC9B,EAAE,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wBAC9B,EAAE,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wBAC9B,EAAE,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wBAC9B,EAAE,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wBAC9B,EAAE,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qBAC/B,GACD,GACM,EAET,UAAU,CAAC,GAAG,IAAI,CACjB,gBAAO,SAAS,EAAC,cAAc,YAC7B,KAAC,eAAe,IAAC,KAAK,EAAE,UAAU,CAAC,GAAG,GAAI,GACpC,CACT,IACO,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/lib/components/table.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
-import { ComponentWithTextChildrenProps } from "../types/index.js";
+import React from 'react';
+import { ComponentWithTextChildrenProps } from '../types/index.js';
 export declare const Table: ({ children, }: ComponentWithTextChildrenProps) => React.ReactElement;

package/lib/components/table.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 export const Table = ({ children, }) => {
-    return (_jsx("div", { className: 'ra-table-wrapper', children: _jsx("table", { children: children }) }));
+    return (_jsx("div", { className: "ra-table-wrapper", children: _jsx("table", { children: children }) }));
 };
 //# sourceMappingURL=table.js.map

package/lib/components/table.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.js","sourceRoot":"","sources":["../../src/components/table.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EACrB,QAAQ,GACwB,EAAsB,EAAE;IACxD,OAAO,CACN,cAAK,SAAS,EAAC,kBAAkB,YAChC,0BAAQ,QAAQ,GAAS,GACpB,CACN,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"table.js","sourceRoot":"","sources":["../../src/components/table.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EACpB,QAAQ,GACuB,EAAsB,EAAE;IACvD,OAAO,CACL,cAAK,SAAS,EAAC,kBAAkB,YAC/B,0BAAQ,QAAQ,GAAS,GACrB,CACP,CAAC;AACJ,CAAC,CAAC"}

package/lib/components/toc.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { TOCItem } from '../types/index.js';
+interface TableOfContentsProps {
+    items: TOCItem[];
+}
+export declare const TableOfContents: React.FC<TableOfContentsProps>;
+export default TableOfContents;

package/lib/components/toc.js

@@ -0,0 +1,72 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState, useEffect, useRef, useCallback } from 'react';
+export const TableOfContents = ({ items }) => {
+    const [activeId, setActiveId] = useState(null);
+    const observerRef = useRef(null);
+    useEffect(() => {
+        // Create an Intersection Observer to track which section is in view
+        const observerOptions = {
+            root: null,
+            rootMargin: '0px',
+            threshold: 0.4, // Trigger when 40% of the section is visible
+        };
+        observerRef.current = new IntersectionObserver((entries) => {
+            entries.forEach((entry) => {
+                if (entry.isIntersecting) {
+                    const rect = entry.boundingClientRect;
+                    if (rect.top >= 0) {
+                        // Scrolling Down: Set the first intersecting element as active
+                        setActiveId(entry.target.id);
+                    }
+                }
+            });
+            // Sort entries by bottom position when scrolling down
+            const sortedEntries = entries
+                .filter((entry) => entry.isIntersecting)
+                .sort((a, b) => b.boundingClientRect.top - a.boundingClientRect.top);
+            if (sortedEntries.length > 0) {
+                setActiveId(sortedEntries[0].target.id);
+            }
+        }, observerOptions);
+        // Observe all sections with IDs matching TOC anchors
+        items.forEach((item) => {
+            // Observe items of level 2
+            const element = document.getElementById(item.anchor.id);
+            if (element && observerRef.current) {
+                observerRef.current.observe(element);
+            }
+            // Observe items of level 3
+            item.children.forEach((item) => {
+                const element = document.getElementById(item.anchor.id);
+                if (element && observerRef.current) {
+                    observerRef.current.observe(element);
+                }
+            });
+        });
+        // Cleanup observer on unmount
+        return () => {
+            if (observerRef.current) {
+                observerRef.current.disconnect();
+            }
+        };
+    }, [items]);
+    const renderTOCItems = useCallback((items) => {
+        return items.map((item, index) => (_jsxs(React.Fragment, { children: [_jsx(Item, { item: item, activeId: activeId, onActive: setActiveId }), item.children && item.children.length > 0 && (_jsx("div", { className: "toc-item--children", children: renderTOCItems(item.children) }))] }, index)));
+    }, [items, activeId]);
+    return (_jsxs("div", { className: "table-of-contents", children: [_jsx("h2", { className: "title", children: "ON THIS PAGE" }), _jsx("div", { className: "items-container", children: renderTOCItems(items) }), _jsx("div", { className: "w-full h-[500px] mt-10 bg-red-200", style: { height: 500 } })] }));
+};
+const Item = ({ item, activeId, onActive }) => {
+    const handleClick = (e, id) => {
+        e.preventDefault();
+        onActive(id);
+        const element = document.getElementById(id);
+        element?.scrollIntoView({ behavior: 'smooth' });
+    };
+    return (_jsx("div", { className: `
+          toc-item
+          ${item.level === 2 ? 'level2' : 'level3'} 
+          ${activeId === item.anchor.id ? 'active' : ''}
+        `, children: _jsx("a", { href: `#${item.anchor.id}`, onClick: (e) => handleClick(e, item.anchor.id), children: _jsx("div", { className: "toc-item--title", children: item.anchor.text }) }) }, item.anchor.id));
+};
+export default TableOfContents;
+//# sourceMappingURL=toc.js.map

package/lib/components/toc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toc.js","sourceRoot":"","sources":["../../src/components/toc.tsx"],"names":[],"mappings":"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"}

package/lib/index.d.ts

@@ -5,7 +5,7 @@
  *
  * This package is inspired by @mdx-js/rollup to provide a custom implement of the MDX plugin for RasenganJs.
  */
+import { extractTOC } from './utils/extract-toc.js';
 export * from './types/index.js';
 export * from './components/index.js';
-import { plugin } from "./utils/index.js";
-export default plugin;
+export { extractTOC };

package/lib/index.js

@@ -5,8 +5,11 @@
  *
  * This package is inspired by @mdx-js/rollup to provide a custom implement of the MDX plugin for RasenganJs.
  */
+// Import statements
+import { extractTOC } from './utils/extract-toc.js';
+// import { defineMDXConfig } from "./utils/define-mdx-config.js";
+// Export statements
 export * from './types/index.js';
 export * from './components/index.js';
-import { plugin } from "./utils/index.js";
-export default plugin;
+export { extractTOC };
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,oBAAoB;AACpB,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,kEAAkE;AAElE,oBAAoB;AACpB,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,CAAC"}