@gentleduck/docs 0.0.1 → 0.0.12

package/dist/velite/config.js

@@ -1,2 +1,2 @@
-import{t as e}from"../metadata-plugin-Mc8lCfYT.js";import{t}from"../rehype-pre-block-source-Bz3-G4tr.js";import{t as n}from"../rehype-title-C1q6PbyG.js";import"./plugins/index.js";import{rehypeNpmCommand as r}from"./rehype-npm-command.js";import{cleanTocItems as i}from"./utils.js";import{getHighlighter as a}from"@shikijs/compat";import o from"rehype-autolink-headings";import s from"rehype-pretty-code";import c from"rehype-slug";import{codeImport as l}from"remark-code-import";import u from"remark-gfm";import{defineConfig as d,s as f}from"velite";function p({docsPattern:p=`docs/**/*.mdx`,rehypePlugins:m=[],rehypePluginsBefore:h=[],remarkPlugins:g=[],remarkPluginsBefore:_=[]}={}){return d({collections:{docs:{name:`Docs`,pattern:p,schema:f.object({body:f.mdx(),component:f.boolean().default(!1),content:f.markdown(),description:f.string(),excerpt:f.excerpt(),links:f.object({api:f.string().optional(),doc:f.string().optional()}).optional(),metadata:f.metadata(),title:f.string().max(99),toc:f.toc()}).transform((e,{path:t,meta:n})=>{let r=n;return{...e,contentType:r.path.split(`.`).pop(),flattenedPath:r.path.split(`/`).slice(-2,-1).join(`/`).replace(/\.mdx$/,``),permalink:r.path.replace(/^.*docs\//,``).replace(/\.mdx$/,``),slug:r.path.split(`docs/`).pop()?.replace(/\.mdx$/,``).replace(/^\/+/,``)?`docs/${r.path.split(`docs/`).pop()?.replace(/\.mdx$/,``).replace(/^\/+/,``)}`:`docs`,sourceFileDir:r.path.split(`/`).slice(-3,-1).join(`/`),sourceFileName:r.path.split(`/`).pop(),sourceFilePath:t,toc:i(e.toc)}})}},mdx:{rehypePlugins:[...h,c,e,[s,{getHighlighter:a,onVisitHighlightedLine(e){e.properties.className.push(`line--highlighted`)},onVisitHighlightedWord(e){e.properties.className=[`word--highlighted`]},onVisitLine(e){e.children?.length===0&&(e.children=[{type:`text`,value:` `}])},theme:{dark:`catppuccin-mocha`,light:`github-light`}}],n,t,r,[o,{properties:{ariaLabel:`Link to section`,className:[`subheading-anchor`]}}],...m],remarkPlugins:[..._,u,l,...g]}})}const m=p();export{p as createDocsVeliteConfig,m as docsVeliteConfig};
+import{t as e}from"../metadata-plugin-tEixstEj.js";import{t}from"../rehype-mermaid-gkaeJtqn.js";import{t as n}from"../rehype-npm-command-O7ik2lKv.js";import{t as r}from"../rehype-pre-block-source-D8t3NCnT.js";import{t as i}from"../rehype-title-TRUGszot.js";import"./plugins/index.js";import{cleanTocItems as a}from"./utils.js";import{getHighlighter as o}from"@shikijs/compat";import s from"rehype-autolink-headings";import c from"rehype-pretty-code";import l from"rehype-slug";import{codeImport as u}from"remark-code-import";import d from"remark-gfm";import{defineConfig as f,s as p}from"velite";function m({docsPattern:m=`docs/**/*.mdx`,rehypePlugins:h=[],rehypePluginsBefore:g=[],remarkPlugins:_=[],remarkPluginsBefore:v=[]}={}){return f({collections:{docs:{name:`Docs`,pattern:m,schema:p.object({body:p.mdx(),component:p.boolean().default(!1),content:p.markdown(),description:p.string(),excerpt:p.excerpt(),links:p.object({api:p.string().optional(),doc:p.string().optional()}).optional(),metadata:p.metadata(),title:p.string().max(99),toc:p.toc()}).transform((e,{path:t,meta:n})=>{let r=n;return{...e,contentType:r.path.split(`.`).pop(),flattenedPath:r.path.split(`/`).slice(-2,-1).join(`/`).replace(/\.mdx$/,``),permalink:r.path.replace(/^.*docs\//,``).replace(/\.mdx$/,``),slug:r.path.split(`docs/`).pop()?.replace(/\.mdx$/,``).replace(/^\/+/,``)?`docs/${r.path.split(`docs/`).pop()?.replace(/\.mdx$/,``).replace(/^\/+/,``)}`:`docs`,sourceFileDir:r.path.split(`/`).slice(-3,-1).join(`/`),sourceFileName:r.path.split(`/`).pop(),sourceFilePath:t,toc:a(e.toc)}})}},mdx:{rehypePlugins:[...g,l,e,[c,{getHighlighter:o,onVisitHighlightedLine(e){e.properties.className.push(`line--highlighted`)},onVisitHighlightedWord(e){e.properties.className=[`word--highlighted`]},onVisitLine(e){e.children?.length===0&&(e.children=[{type:`text`,value:` `}])},theme:{dark:`catppuccin-mocha`,light:`github-light`}}],i,r,t,n,[s,{properties:{ariaLabel:`Link to section`,className:[`subheading-anchor`]}}],...h],remarkPlugins:[...v,d,u,..._]}})}const h=m();export{m as createDocsVeliteConfig,h as docsVeliteConfig};
 //# sourceMappingURL=config.js.map

package/dist/velite/config.js.map

@@ -1 +1 @@
-{"version":3,"file":"config.js","names":[],"sources":["../../src/velite/config.ts"],"sourcesContent":["import type { UnistNode } from '@duck-docs/types'\nimport { getHighlighter } from '@shikijs/compat'\nimport rehypeAutolinkHeadings from 'rehype-autolink-headings'\n// @ts-ignore\nimport rehypePrettyCode from 'rehype-pretty-code'\nimport rehypeSlug from 'rehype-slug'\nimport { codeImport } from 'remark-code-import'\nimport remarkGfm from 'remark-gfm'\nimport type { Pluggable } from 'unified'\nimport { defineConfig, s, type ZodMeta } from 'velite'\nimport { rehypePreBlockSource, rehypeTitle, rhypeMetadataPlugin } from './plugins'\nimport { rehypeNpmCommand } from './rehype-npm-command'\nimport { cleanTocItems } from './utils'\n\nexport type DocsVeliteConfigOptions = {\n  docsPattern?: string\n  rehypePlugins?: Pluggable[]\n  rehypePluginsBefore?: Pluggable[]\n  remarkPlugins?: Pluggable[]\n  remarkPluginsBefore?: Pluggable[]\n}\n\nexport function createDocsVeliteConfig({\n  docsPattern = 'docs/**/*.mdx',\n  rehypePlugins = [],\n  rehypePluginsBefore = [],\n  remarkPlugins = [],\n  remarkPluginsBefore = [],\n}: DocsVeliteConfigOptions = {}) {\n  return defineConfig({\n    collections: {\n      docs: {\n        name: 'Docs',\n        pattern: docsPattern,\n        schema: s\n          .object({\n            body: s.mdx(),\n            component: s.boolean().default(false),\n            content: s.markdown(),\n            description: s.string(),\n            excerpt: s.excerpt(),\n            links: s.object({ api: s.string().optional(), doc: s.string().optional() }).optional(),\n            metadata: s.metadata(),\n            title: s.string().max(99),\n            toc: s.toc(),\n          })\n          .transform((data, { path, meta }) => {\n            const _meta = meta as ZodMeta & { path: string }\n            return {\n              ...data,\n              contentType: _meta.path.split('.').pop(),\n              flattenedPath: _meta.path\n                .split('/')\n                .slice(-2, -1)\n                .join('/')\n                .replace(/\\.mdx$/, ''),\n              permalink: _meta.path.replace(/^.*docs\\//, '').replace(/\\.mdx$/, ''),\n              slug: _meta.path\n                .split('docs/')\n                .pop()\n                ?.replace(/\\.mdx$/, '')\n                .replace(/^\\/+/, '')\n                ? `docs/${_meta.path\n                    .split('docs/')\n                    .pop()\n                    ?.replace(/\\.mdx$/, '')\n                    .replace(/^\\/+/, '')}`\n                : 'docs',\n              sourceFileDir: _meta.path.split('/').slice(-3, -1).join('/'),\n              sourceFileName: _meta.path.split('/').pop(),\n              sourceFilePath: path,\n              toc: cleanTocItems(data.toc),\n            }\n          }),\n      },\n    },\n    mdx: {\n      rehypePlugins: [\n        ...rehypePluginsBefore,\n        // @ts-ignore\n        rehypeSlug,\n        rhypeMetadataPlugin,\n        [\n          rehypePrettyCode,\n          {\n            getHighlighter,\n            onVisitHighlightedLine(node: UnistNode) {\n              // @ts-ignore\n              node.properties.className.push('line--highlighted')\n            },\n            onVisitHighlightedWord(node: UnistNode) {\n              // @ts-ignore\n              node.properties.className = ['word--highlighted']\n            },\n            onVisitLine(node: UnistNode) {\n              if (node.children?.length === 0) {\n                node.children = [{ type: 'text', value: ' ' }]\n              }\n            },\n            theme: {\n              dark: 'catppuccin-mocha',\n              light: 'github-light',\n            },\n          },\n        ],\n        rehypeTitle,\n        rehypePreBlockSource,\n        rehypeNpmCommand,\n        // @ts-ignore\n        [rehypeAutolinkHeadings, { properties: { ariaLabel: 'Link to section', className: ['subheading-anchor'] } }],\n        ...rehypePlugins,\n      ],\n      remarkPlugins: [...remarkPluginsBefore, remarkGfm, codeImport, ...remarkPlugins],\n    },\n  }) as any\n}\n\nexport const docsVeliteConfig = createDocsVeliteConfig()\n"],"mappings":"uiBAsBA,SAAgB,EAAuB,CACrC,cAAc,gBACd,gBAAgB,EAAE,CAClB,sBAAsB,EAAE,CACxB,gBAAgB,EAAE,CAClB,sBAAsB,EAAE,EACG,EAAE,CAAE,CAC/B,OAAO,EAAa,CAClB,YAAa,CACX,KAAM,CACJ,KAAM,OACN,QAAS,EACT,OAAQ,EACL,OAAO,CACN,KAAM,EAAE,KAAK,CACb,UAAW,EAAE,SAAS,CAAC,QAAQ,GAAM,CACrC,QAAS,EAAE,UAAU,CACrB,YAAa,EAAE,QAAQ,CACvB,QAAS,EAAE,SAAS,CACpB,MAAO,EAAE,OAAO,CAAE,IAAK,EAAE,QAAQ,CAAC,UAAU,CAAE,IAAK,EAAE,QAAQ,CAAC,UAAU,CAAE,CAAC,CAAC,UAAU,CACtF,SAAU,EAAE,UAAU,CACtB,MAAO,EAAE,QAAQ,CAAC,IAAI,GAAG,CACzB,IAAK,EAAE,KAAK,CACb,CAAC,CACD,WAAW,EAAM,CAAE,OAAM,UAAW,CACnC,IAAM,EAAQ,EACd,MAAO,CACL,GAAG,EACH,YAAa,EAAM,KAAK,MAAM,IAAI,CAAC,KAAK,CACxC,cAAe,EAAM,KAClB,MAAM,IAAI,CACV,MAAM,GAAI,GAAG,CACb,KAAK,IAAI,CACT,QAAQ,SAAU,GAAG,CACxB,UAAW,EAAM,KAAK,QAAQ,YAAa,GAAG,CAAC,QAAQ,SAAU,GAAG,CACpE,KAAM,EAAM,KACT,MAAM,QAAQ,CACd,KAAK,EACJ,QAAQ,SAAU,GAAG,CACtB,QAAQ,OAAQ,GAAG,CAClB,QAAQ,EAAM,KACX,MAAM,QAAQ,CACd,KAAK,EACJ,QAAQ,SAAU,GAAG,CACtB,QAAQ,OAAQ,GAAG,GACtB,OACJ,cAAe,EAAM,KAAK,MAAM,IAAI,CAAC,MAAM,GAAI,GAAG,CAAC,KAAK,IAAI,CAC5D,eAAgB,EAAM,KAAK,MAAM,IAAI,CAAC,KAAK,CAC3C,eAAgB,EAChB,IAAK,EAAc,EAAK,IAAI,CAC7B,EACD,CACL,CACF,CACD,IAAK,CACH,cAAe,CACb,GAAG,EAEH,EACA,EACA,CACE,EACA,CACE,iBACA,uBAAuB,EAAiB,CAEtC,EAAK,WAAW,UAAU,KAAK,oBAAoB,EAErD,uBAAuB,EAAiB,CAEtC,EAAK,WAAW,UAAY,CAAC,oBAAoB,EAEnD,YAAY,EAAiB,CACvB,EAAK,UAAU,SAAW,IAC5B,EAAK,SAAW,CAAC,CAAE,KAAM,OAAQ,MAAO,IAAK,CAAC,GAGlD,MAAO,CACL,KAAM,mBACN,MAAO,eACR,CACF,CACF,CACD,EACA,EACA,EAEA,CAAC,EAAwB,CAAE,WAAY,CAAE,UAAW,kBAAmB,UAAW,CAAC,oBAAoB,CAAE,CAAE,CAAC,CAC5G,GAAG,EACJ,CACD,cAAe,CAAC,GAAG,EAAqB,EAAW,EAAY,GAAG,EAAc,CACjF,CACF,CAAC,CAGJ,MAAa,EAAmB,GAAwB"}
+{"version":3,"file":"config.js","names":[],"sources":["../../src/velite/config.ts"],"sourcesContent":["import type { UnistNode } from '@duck-docs/types'\nimport { getHighlighter } from '@shikijs/compat'\nimport rehypeAutolinkHeadings from 'rehype-autolink-headings'\n// @ts-ignore\nimport rehypePrettyCode from 'rehype-pretty-code'\nimport rehypeSlug from 'rehype-slug'\nimport { codeImport } from 'remark-code-import'\nimport remarkGfm from 'remark-gfm'\nimport type { Pluggable } from 'unified'\nimport { defineConfig, s, type ZodMeta } from 'velite'\nimport { rehypeMermaid, rehypeNpmCommand, rehypePreBlockSource, rehypeTitle, rhypeMetadataPlugin } from './plugins'\nimport { cleanTocItems } from './utils'\n\nexport type DocsVeliteConfigOptions = {\n  docsPattern?: string\n  rehypePlugins?: Pluggable[]\n  rehypePluginsBefore?: Pluggable[]\n  remarkPlugins?: Pluggable[]\n  remarkPluginsBefore?: Pluggable[]\n}\n\nexport function createDocsVeliteConfig({\n  docsPattern = 'docs/**/*.mdx',\n  rehypePlugins = [],\n  rehypePluginsBefore = [],\n  remarkPlugins = [],\n  remarkPluginsBefore = [],\n}: DocsVeliteConfigOptions = {}) {\n  return defineConfig({\n    collections: {\n      docs: {\n        name: 'Docs',\n        pattern: docsPattern,\n        schema: s\n          .object({\n            body: s.mdx(),\n            component: s.boolean().default(false),\n            content: s.markdown(),\n            description: s.string(),\n            excerpt: s.excerpt(),\n            links: s.object({ api: s.string().optional(), doc: s.string().optional() }).optional(),\n            metadata: s.metadata(),\n            title: s.string().max(99),\n            toc: s.toc(),\n          })\n          .transform((data, { path, meta }) => {\n            const _meta = meta as ZodMeta & { path: string }\n            return {\n              ...data,\n              contentType: _meta.path.split('.').pop(),\n              flattenedPath: _meta.path\n                .split('/')\n                .slice(-2, -1)\n                .join('/')\n                .replace(/\\.mdx$/, ''),\n              permalink: _meta.path.replace(/^.*docs\\//, '').replace(/\\.mdx$/, ''),\n              slug: _meta.path\n                .split('docs/')\n                .pop()\n                ?.replace(/\\.mdx$/, '')\n                .replace(/^\\/+/, '')\n                ? `docs/${_meta.path\n                    .split('docs/')\n                    .pop()\n                    ?.replace(/\\.mdx$/, '')\n                    .replace(/^\\/+/, '')}`\n                : 'docs',\n              sourceFileDir: _meta.path.split('/').slice(-3, -1).join('/'),\n              sourceFileName: _meta.path.split('/').pop(),\n              sourceFilePath: path,\n              toc: cleanTocItems(data.toc),\n            }\n          }),\n      },\n    },\n    mdx: {\n      rehypePlugins: [\n        ...rehypePluginsBefore,\n        // @ts-ignore\n        rehypeSlug,\n        rhypeMetadataPlugin,\n        [\n          rehypePrettyCode,\n          {\n            getHighlighter,\n            onVisitHighlightedLine(node: UnistNode) {\n              // @ts-ignore\n              node.properties.className.push('line--highlighted')\n            },\n            onVisitHighlightedWord(node: UnistNode) {\n              // @ts-ignore\n              node.properties.className = ['word--highlighted']\n            },\n            onVisitLine(node: UnistNode) {\n              if (node.children?.length === 0) {\n                node.children = [{ type: 'text', value: ' ' }]\n              }\n            },\n            theme: {\n              dark: 'catppuccin-mocha',\n              light: 'github-light',\n            },\n          },\n        ],\n        rehypeTitle,\n        rehypePreBlockSource,\n        rehypeMermaid,\n        rehypeNpmCommand,\n        // @ts-ignore\n        [rehypeAutolinkHeadings, { properties: { ariaLabel: 'Link to section', className: ['subheading-anchor'] } }],\n        ...rehypePlugins,\n      ],\n      remarkPlugins: [...remarkPluginsBefore, remarkGfm, codeImport, ...remarkPlugins],\n    },\n  }) as any\n}\n\nexport const docsVeliteConfig = createDocsVeliteConfig()\n"],"mappings":"olBAqBA,SAAgB,EAAuB,CACrC,cAAc,gBACd,gBAAgB,EAAE,CAClB,sBAAsB,EAAE,CACxB,gBAAgB,EAAE,CAClB,sBAAsB,EAAE,EACG,EAAE,CAAE,CAC/B,OAAO,EAAa,CAClB,YAAa,CACX,KAAM,CACJ,KAAM,OACN,QAAS,EACT,OAAQ,EACL,OAAO,CACN,KAAM,EAAE,KAAK,CACb,UAAW,EAAE,SAAS,CAAC,QAAQ,GAAM,CACrC,QAAS,EAAE,UAAU,CACrB,YAAa,EAAE,QAAQ,CACvB,QAAS,EAAE,SAAS,CACpB,MAAO,EAAE,OAAO,CAAE,IAAK,EAAE,QAAQ,CAAC,UAAU,CAAE,IAAK,EAAE,QAAQ,CAAC,UAAU,CAAE,CAAC,CAAC,UAAU,CACtF,SAAU,EAAE,UAAU,CACtB,MAAO,EAAE,QAAQ,CAAC,IAAI,GAAG,CACzB,IAAK,EAAE,KAAK,CACb,CAAC,CACD,WAAW,EAAM,CAAE,OAAM,UAAW,CACnC,IAAM,EAAQ,EACd,MAAO,CACL,GAAG,EACH,YAAa,EAAM,KAAK,MAAM,IAAI,CAAC,KAAK,CACxC,cAAe,EAAM,KAClB,MAAM,IAAI,CACV,MAAM,GAAI,GAAG,CACb,KAAK,IAAI,CACT,QAAQ,SAAU,GAAG,CACxB,UAAW,EAAM,KAAK,QAAQ,YAAa,GAAG,CAAC,QAAQ,SAAU,GAAG,CACpE,KAAM,EAAM,KACT,MAAM,QAAQ,CACd,KAAK,EACJ,QAAQ,SAAU,GAAG,CACtB,QAAQ,OAAQ,GAAG,CAClB,QAAQ,EAAM,KACX,MAAM,QAAQ,CACd,KAAK,EACJ,QAAQ,SAAU,GAAG,CACtB,QAAQ,OAAQ,GAAG,GACtB,OACJ,cAAe,EAAM,KAAK,MAAM,IAAI,CAAC,MAAM,GAAI,GAAG,CAAC,KAAK,IAAI,CAC5D,eAAgB,EAAM,KAAK,MAAM,IAAI,CAAC,KAAK,CAC3C,eAAgB,EAChB,IAAK,EAAc,EAAK,IAAI,CAC7B,EACD,CACL,CACF,CACD,IAAK,CACH,cAAe,CACb,GAAG,EAEH,EACA,EACA,CACE,EACA,CACE,iBACA,uBAAuB,EAAiB,CAEtC,EAAK,WAAW,UAAU,KAAK,oBAAoB,EAErD,uBAAuB,EAAiB,CAEtC,EAAK,WAAW,UAAY,CAAC,oBAAoB,EAEnD,YAAY,EAAiB,CACvB,EAAK,UAAU,SAAW,IAC5B,EAAK,SAAW,CAAC,CAAE,KAAM,OAAQ,MAAO,IAAK,CAAC,GAGlD,MAAO,CACL,KAAM,mBACN,MAAO,eACR,CACF,CACF,CACD,EACA,EACA,EACA,EAEA,CAAC,EAAwB,CAAE,WAAY,CAAE,UAAW,kBAAmB,UAAW,CAAC,oBAAoB,CAAE,CAAE,CAAC,CAC5G,GAAG,EACJ,CACD,cAAe,CAAC,GAAG,EAAqB,EAAW,EAAY,GAAG,EAAc,CACjF,CACF,CAAC,CAGJ,MAAa,EAAmB,GAAwB"}

package/dist/velite/index.d.ts

@@ -1,10 +1,11 @@
-import "../unist-Bs-H_R8g.js";
-import "../index-otwxHF3U.js";
+import "../unist-DN6buKAy.js";
+import "../index-CGglgRYd.js";
 import { DocsVeliteConfigOptions, createDocsVeliteConfig, docsVeliteConfig } from "./config.js";
-import { t as rhypeMetadataPlugin } from "../metadata-plugin-Ag61IUUu.js";
-import { t as rehypePreBlockSource } from "../rehype-pre-block-source-Le9z9RN8.js";
-import { t as rehypeTitle } from "../rehype-title-Dwt_OKnR.js";
+import { t as rhypeMetadataPlugin } from "../metadata-plugin-OKcE6Xsj.js";
+import { t as rehypeMermaid } from "../rehype-mermaid-kjf2DmAC.js";
+import { t as rehypeNpmCommand } from "../rehype-npm-command-C7BP6nqi.js";
+import { t as rehypePreBlockSource } from "../rehype-pre-block-source-zKoXg4aL.js";
+import { t as rehypeTitle } from "../rehype-title-umwuNb2D.js";
 import "./plugins/index.js";
-import { rehypeNpmCommand } from "./rehype-npm-command.js";
 import { cleanTocItems } from "./utils.js";
-export { type DocsVeliteConfigOptions, cleanTocItems, createDocsVeliteConfig, docsVeliteConfig, rehypeNpmCommand, rehypePreBlockSource, rehypeTitle, rhypeMetadataPlugin };
+export { type DocsVeliteConfigOptions, cleanTocItems, createDocsVeliteConfig, docsVeliteConfig, rehypeMermaid, rehypeNpmCommand, rehypePreBlockSource, rehypeTitle, rhypeMetadataPlugin };

package/dist/velite/index.js

@@ -1 +1 @@
-import{t as e}from"../metadata-plugin-Mc8lCfYT.js";import{t}from"../rehype-pre-block-source-Bz3-G4tr.js";import{t as n}from"../rehype-title-C1q6PbyG.js";import"./plugins/index.js";import{rehypeNpmCommand as r}from"./rehype-npm-command.js";import{cleanTocItems as i}from"./utils.js";import{createDocsVeliteConfig as a,docsVeliteConfig as o}from"./config.js";export{i as cleanTocItems,a as createDocsVeliteConfig,o as docsVeliteConfig,r as rehypeNpmCommand,t as rehypePreBlockSource,n as rehypeTitle,e as rhypeMetadataPlugin};
+import{t as e}from"../metadata-plugin-tEixstEj.js";import{t}from"../rehype-mermaid-gkaeJtqn.js";import{t as n}from"../rehype-npm-command-O7ik2lKv.js";import{t as r}from"../rehype-pre-block-source-D8t3NCnT.js";import{t as i}from"../rehype-title-TRUGszot.js";import"./plugins/index.js";import{cleanTocItems as a}from"./utils.js";import{createDocsVeliteConfig as o,docsVeliteConfig as s}from"./config.js";export{a as cleanTocItems,o as createDocsVeliteConfig,s as docsVeliteConfig,t as rehypeMermaid,n as rehypeNpmCommand,r as rehypePreBlockSource,i as rehypeTitle,e as rhypeMetadataPlugin};

package/dist/velite/plugins/index.d.ts

@@ -1,6 +1,8 @@
-import "../../unist-Bs-H_R8g.js";
-import "../../index-otwxHF3U.js";
-import { t as rhypeMetadataPlugin } from "../../metadata-plugin-Ag61IUUu.js";
-import { t as rehypePreBlockSource } from "../../rehype-pre-block-source-Le9z9RN8.js";
-import { t as rehypeTitle } from "../../rehype-title-Dwt_OKnR.js";
-export { rehypePreBlockSource, rehypeTitle, rhypeMetadataPlugin };
+import "../../unist-DN6buKAy.js";
+import "../../index-CGglgRYd.js";
+import { t as rhypeMetadataPlugin } from "../../metadata-plugin-OKcE6Xsj.js";
+import { t as rehypeMermaid } from "../../rehype-mermaid-kjf2DmAC.js";
+import { t as rehypeNpmCommand } from "../../rehype-npm-command-C7BP6nqi.js";
+import { t as rehypePreBlockSource } from "../../rehype-pre-block-source-zKoXg4aL.js";
+import { t as rehypeTitle } from "../../rehype-title-umwuNb2D.js";
+export { rehypeMermaid, rehypeNpmCommand, rehypePreBlockSource, rehypeTitle, rhypeMetadataPlugin };

package/dist/velite/plugins/index.js

@@ -1 +1 @@
-import{t as e}from"../../metadata-plugin-Mc8lCfYT.js";import{t}from"../../rehype-pre-block-source-Bz3-G4tr.js";import{t as n}from"../../rehype-title-C1q6PbyG.js";export{t as rehypePreBlockSource,n as rehypeTitle,e as rhypeMetadataPlugin};
+import{t as e}from"../../metadata-plugin-tEixstEj.js";import{t}from"../../rehype-mermaid-gkaeJtqn.js";import{t as n}from"../../rehype-npm-command-O7ik2lKv.js";import{t as r}from"../../rehype-pre-block-source-D8t3NCnT.js";import{t as i}from"../../rehype-title-TRUGszot.js";export{t as rehypeMermaid,n as rehypeNpmCommand,r as rehypePreBlockSource,i as rehypeTitle,e as rhypeMetadataPlugin};

package/dist/velite/plugins/metadata-plugin.d.ts

@@ -1,4 +1,4 @@
-import "../../unist-Bs-H_R8g.js";
-import "../../index-otwxHF3U.js";
-import { t as rhypeMetadataPlugin } from "../../metadata-plugin-Ag61IUUu.js";
+import "../../unist-DN6buKAy.js";
+import "../../index-CGglgRYd.js";
+import { t as rhypeMetadataPlugin } from "../../metadata-plugin-OKcE6Xsj.js";
 export { rhypeMetadataPlugin };

package/dist/velite/plugins/metadata-plugin.js

@@ -1 +1 @@
-import{t as e}from"../../metadata-plugin-Mc8lCfYT.js";export{e as rhypeMetadataPlugin};
+import{t as e}from"../../metadata-plugin-tEixstEj.js";export{e as rhypeMetadataPlugin};

package/dist/velite/plugins/rehype-mermaid.d.ts

@@ -0,0 +1,4 @@
+import "../../unist-DN6buKAy.js";
+import "../../index-CGglgRYd.js";
+import { t as rehypeMermaid } from "../../rehype-mermaid-kjf2DmAC.js";
+export { rehypeMermaid };

package/dist/velite/plugins/rehype-mermaid.js

@@ -0,0 +1 @@
+import{t as e}from"../../rehype-mermaid-gkaeJtqn.js";export{e as rehypeMermaid};

package/dist/velite/plugins/rehype-npm-command.d.ts

@@ -0,0 +1,4 @@
+import "../../unist-DN6buKAy.js";
+import "../../index-CGglgRYd.js";
+import { t as rehypeNpmCommand } from "../../rehype-npm-command-C7BP6nqi.js";
+export { rehypeNpmCommand };

package/dist/velite/plugins/rehype-npm-command.js

@@ -0,0 +1 @@
+import{t as e}from"../../rehype-npm-command-O7ik2lKv.js";export{e as rehypeNpmCommand};

package/dist/velite/plugins/rehype-pre-block-source.d.ts

@@ -1,4 +1,4 @@
-import "../../unist-Bs-H_R8g.js";
-import "../../index-otwxHF3U.js";
-import { t as rehypePreBlockSource } from "../../rehype-pre-block-source-Le9z9RN8.js";
+import "../../unist-DN6buKAy.js";
+import "../../index-CGglgRYd.js";
+import { t as rehypePreBlockSource } from "../../rehype-pre-block-source-zKoXg4aL.js";
 export { rehypePreBlockSource };

package/dist/velite/plugins/rehype-pre-block-source.js

@@ -1 +1 @@
-import{t as e}from"../../rehype-pre-block-source-Bz3-G4tr.js";export{e as rehypePreBlockSource};
+import{t as e}from"../../rehype-pre-block-source-D8t3NCnT.js";export{e as rehypePreBlockSource};

package/dist/velite/plugins/rehype-title.d.ts

@@ -1,4 +1,4 @@
-import "../../unist-Bs-H_R8g.js";
-import "../../index-otwxHF3U.js";
-import { t as rehypeTitle } from "../../rehype-title-Dwt_OKnR.js";
+import "../../unist-DN6buKAy.js";
+import "../../index-CGglgRYd.js";
+import { t as rehypeTitle } from "../../rehype-title-umwuNb2D.js";
 export { rehypeTitle };

package/dist/velite/plugins/rehype-title.js

@@ -1 +1 @@
-import{t as e}from"../../rehype-title-C1q6PbyG.js";export{e as rehypeTitle};
+import{t as e}from"../../rehype-title-TRUGszot.js";export{e as rehypeTitle};

package/package.json

@@ -30,13 +30,11 @@
     "@testing-library/jest-dom": "^6.8.0",
     "@testing-library/user-event": "^14.6.1",
     "@types/hast": "^3.0.4",
-    "@types/jsdom": "^21.1.7",
     "@types/node": "22.19.3",
     "@types/react": "19.2.7",
     "@types/react-dom": "19.2.3",
     "clsx": "^2.1.1",
-    "jotai": "^2.14.0",
-    "jsdom": "^27.0.0",
+    "jotai": "^2.16.2",
     "lucide-react": "0.562.0",
     "next": "^16.1.1",
     "next-themes": "^0.4.6",
@@ -51,8 +49,8 @@
     "vitest": "^4.0.16",
     "@gentleduck/hooks": "0.1.8",
     "@gentleduck/libs": "0.1.11",
+    "@gentleduck/registry-ui-duckui": "0.2.0",
     "@gentleduck/tsdown-config": "0.0.1",
-    "@gentleduck/registry-ui-duckui": "0.1.13",
     "@gentleduck/typescript-config": "0.1.0",
     "@gentleduck/vim": "0.1.12"
   },
@@ -66,9 +64,8 @@
     "react-dom": "^19.2.3",
     "react-resizable-panels": "^3.0.6",
     "@gentleduck/hooks": "0.1.8",
-    "@gentleduck/vim": "0.1.12",
-    "@gentleduck/registry-ui-duckui": "0.1.13",
-    "@gentleduck/libs": "0.1.11"
+    "@gentleduck/libs": "0.1.11",
+    "@gentleduck/vim": "0.1.12"
   },
   "peerDependenciesMeta": {
     "@excalidraw/excalidraw": {
@@ -80,9 +77,6 @@
     "@gentleduck/libs": {
       "optional": true
     },
-    "@gentleduck/registry-ui-duckui": {
-      "optional": true
-    },
     "@gentleduck/vim": {
       "optional": true
     },
@@ -164,7 +158,7 @@
   },
   "type": "module",
   "types": "./dist/index.d.ts",
-  "version": "0.0.1",
+  "version": "0.0.12",
   "scripts": {
     "build": "cp -r ../registers/registry-colors/registry-colors.ts ./src/lib/registry-colors-data.ts && tsdown && node ./scripts/patch-react-refresh.mjs && node ./scripts/copy-styles.mjs",
     "dev": "vitest",

package/src/components/copy-button/copy-button.tsx

@@ -55,7 +55,7 @@ export function CopyButton({ value, className, variant = 'ghost', event, ...prop
   )
 }
 
-export function CopyWithClassNames({ value, classNames, className, ...props }: CopyWithClassNamesProps) {
+export function CopyWithClassNames({ value, classNames, className }: CopyWithClassNamesProps) {
   const [hasCopied, setHasCopied] = React.useState(false)
 
   React.useEffect(() => {
@@ -77,7 +77,7 @@ export function CopyWithClassNames({ value, classNames, className, ...props }: C
           icon={hasCopied ? <CheckIcon /> : <ClipboardIcon />}
           size="icon"
           variant="outline"
-          {...props}></Button>
+        />
       </DropdownMenuTrigger>
       <DropdownMenuContent>
         <DropdownMenuItem onClick={() => copyToClipboard(value)}>Component</DropdownMenuItem>

package/src/components/docs/docs-pager.tsx

@@ -32,7 +32,8 @@ export function DocsPagerBottom({ doc }: DocsPagerProps) {
               variant: 'outline',
             }),
           )}
-          href={pager.prev.href}>
+          href={pager.prev.href}
+          scroll>
           <ChevronLeft className="mr-2 size-4" />
           <span>{pager.prev.title}</span>
         </Link>
@@ -45,7 +46,8 @@ export function DocsPagerBottom({ doc }: DocsPagerProps) {
               variant: 'outline',
             }),
           )}
-          href={pager.next.href}>
+          href={pager.next.href}
+          scroll>
           <span>{pager.next.title}</span>
           <ChevronRight className="ml-2 size-4" />
         </Link>
@@ -72,7 +74,8 @@ export function DocsPagerTop({ doc }: DocsPagerProps) {
               variant: 'secondary',
             }),
           )}
-          href={pager.prev.href}>
+          href={pager.prev.href}
+          scroll>
           <ArrowLeft />
         </Link>
       )}
@@ -85,7 +88,8 @@ export function DocsPagerTop({ doc }: DocsPagerProps) {
               variant: 'secondary',
             }),
           )}
-          href={pager.next.href}>
+          href={pager.next.href}
+          scroll>
           <ArrowRight />
         </Link>
       )}

package/src/components/docs/docs-sidebar.tsx

@@ -75,6 +75,7 @@ export function DocsSidebarNavItem({ item, pathname }: { item: SidebarNavItem; p
             pathname === item.href ? 'font-medium text-foreground' : 'text-muted-foreground',
           )}
           href={item.href}
+          scroll
           rel={item.external ? 'noreferrer' : ''}
           target={item.external ? '_blank' : ''}>
           {item.title}

package/src/components/layouts/site-header/index.tsx

@@ -104,7 +104,10 @@ export function FontStyleButton() {
       return
     }
 
-    const family = fontType === 'sans' ? 'var(--font-sans-geist)' : 'var(--font-mono-geist)'
+    const family =
+      fontType === 'sans'
+        ? 'var(--font-geist-sans, "Montserrat"), sans-serif'
+        : 'var(--font-geist-mono, "Geist Mono"), monospace'
 
     document.documentElement.style.setProperty('font-family', family, 'important')
   }, [fontType])

package/src/components/mdx/mdx-components/callout.tsx

@@ -1,15 +1,22 @@
+import { cn } from '@gentleduck/libs/cn'
 import { Alert, AlertDescription, AlertTitle } from '@gentleduck/registry-ui-duckui/alert'
 
 interface CalloutProps {
-  icon?: string
+  icon?: React.ReactNode
   title?: string
   children?: React.ReactNode
+  className?: string
+  [key: string]: unknown
 }
 
-export function Callout({ title, children, icon, ...props }: CalloutProps) {
+export function Callout({ title, children, icon, className, ...props }: CalloutProps) {
   return (
-    <Alert {...props}>
-      {icon && <span className="mr-4 text-2xl">{icon}</span>}
+    <Alert className={cn('my-6', icon && 'grid-cols-[calc(var(--spacing)*4)_1fr] gap-x-3', className)}>
+      {icon && (
+        <span className="row-span-2 [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:translate-y-0.5 [&_svg]:text-current">
+          {icon}
+        </span>
+      )}
       {title && <AlertTitle>{title}</AlertTitle>}
       <AlertDescription>{children}</AlertDescription>
     </Alert>

package/src/components/mdx/mdx-components/code/component-preview.tsx

@@ -1,7 +1,6 @@
 'use client'
 
 import { CopyButton } from '@duck-docs/components/copy-button'
-import { Icons } from '@duck-docs/components/icons'
 import { useRegistryIndex } from '@duck-docs/context'
 import { cn } from '@gentleduck/libs/cn'
 import { Button } from '@gentleduck/registry-ui-duckui/button'
@@ -104,15 +103,7 @@ export function ComponentPreview({
               'items-start': align === 'start',
             })}
             duck-preview="">
-            <React.Suspense
-              fallback={
-                <div className="flex w-full items-center justify-center text-muted-foreground text-sm">
-                  <Icons.spinner className="mr-2 h-4 w-4 animate-spin" />
-                  Loading...
-                </div>
-              }>
-              {Preview}
-            </React.Suspense>
+            {Preview}
           </div>
         </TabsContent>
         <TabsContent

package/src/components/mdx/mdx-components/code/index.ts

@@ -4,4 +4,5 @@ export * from './code-preview'
 export * from './component-preview'
 export * from './component-source'
 export * from './figcaption-block'
+export * from './mermaid-block'
 export * from './pre-block'

package/src/components/mdx/mdx-components/code/mermaid-block.tsx

@@ -0,0 +1,62 @@
+'use client'
+
+import { cn } from '@gentleduck/libs/cn'
+import { PreviewPanelDialog } from '@gentleduck/registry-ui-duckui/preview-panel'
+import { Loader } from 'lucide-react'
+import { useTheme } from 'next-themes'
+import { useEffect, useState } from 'react'
+
+export interface MermaidBlockProps {
+  chart?: string
+  lightSvg?: string
+  darkSvg?: string
+  className?: string
+  __mermaidLightSvg__?: string
+  __mermaidDarkSvg__?: string
+  __rawString__?: string
+  [key: string]: unknown
+}
+
+export function MermaidBlock(props: MermaidBlockProps) {
+  const chart = props.chart || props.__rawString__ || ''
+  const preLight = props.lightSvg || props.__mermaidLightSvg__ || ''
+  const preDark = props.darkSvg || props.__mermaidDarkSvg__ || ''
+
+  const { resolvedTheme } = useTheme()
+  const [mounted, setMounted] = useState(false)
+
+  useEffect(() => {
+    setMounted(true)
+  }, [])
+
+  const currentSvg = resolvedTheme === 'dark' ? preDark || preLight : preLight || preDark
+
+  if (!mounted) {
+    return (
+      <div className={cn('my-6 flex h-[300px] items-center justify-center rounded-lg border bg-card', props.className)}>
+        <div className="flex flex-col items-center gap-3">
+          <Loader className="size-4 animate-spin opacity-50" />
+          <p className="text-muted-foreground text-sm">Loading diagram...</p>
+        </div>
+      </div>
+    )
+  }
+
+  if (!currentSvg) {
+    return (
+      <pre className="my-6 overflow-auto rounded-lg border bg-muted p-4 text-muted-foreground text-sm">
+        {chart || 'Mermaid diagram'}
+      </pre>
+    )
+  }
+
+  return (
+    <PreviewPanelDialog
+      html={currentSvg}
+      maxHeight="500px"
+      className={cn('my-6', props.className)}
+      panelClassName="[&_svg]:block [&_svg]:h-auto [&_svg]:max-h-full [&_svg]:w-full [&_svg]:max-w-full"
+      syncPanels
+    />
+  )
+}

package/src/components/mdx/mdx-components/table.tsx

@@ -2,12 +2,9 @@ import { cn } from '@gentleduck/libs/cn'
 import type { FC } from 'react'
 
 export const Table: FC<React.HTMLAttributes<HTMLTableElement>> = ({ className, ...props }) => (
-  <div className="my-6 w-full rounded-lg border">
+  <div className="my-6 w-full overflow-x-auto rounded-lg border">
     <table
-      className={cn(
-        'relative w-full overflow-hidden border-none text-sm [&_tbody_tr:last-child]:border-b-0',
-        className,
-      )}
+      className={cn('relative w-full border-none text-sm [&_tbody_tr:last-child]:border-b-0', className)}
       {...props}
     />
   </div>

package/src/components/mdx/mdx-icons.ts

@@ -0,0 +1,11 @@
+import { Lightbulb, Link as LinkIcon, Map as MapIcon, Search, Target, TriangleAlert, Zap } from 'lucide-react'
+
+export const mdxIcons = {
+  Lightbulb,
+  LinkIcon,
+  MapIcon,
+  Search,
+  Target,
+  TriangleAlert,
+  Zap,
+} as const

package/src/components/mdx/mdx.tsx

@@ -11,12 +11,20 @@ import Image from 'next/image'
 import type * as React from 'react'
 import runtime from 'react/jsx-runtime'
 import { Callout } from './mdx-components/callout'
-import { CodeBlock, CodeBlockWrapper, ComponentPreview, ComponentSource, PreBlock } from './mdx-components/code'
+import {
+  CodeBlock,
+  CodeBlockWrapper,
+  ComponentPreview,
+  ComponentSource,
+  MermaidBlock,
+  PreBlock,
+} from './mdx-components/code'
 import { FigcaptionBlock } from './mdx-components/code/figcaption-block'
 import { ComponentsList } from './mdx-components/components-list'
 import { Table, TableCell, TableHeader, TableRow } from './mdx-components/table'
 import { Tab, TabContent, TabList, TabTrigger } from './mdx-components/tabs'
 import { A, H1, H2, H3, H4, H5, H6, Hr, LinkBlock, LinkedCard, P } from './mdx-components/typepography'
+import { mdxIcons } from './mdx-icons'
 
 const useMDXComponent = (code: string) => {
   const fn = new Function(code)
@@ -24,6 +32,7 @@ const useMDXComponent = (code: string) => {
 }
 
 const components = {
+  ...mdxIcons,
   Accordion,
   AccordionContent,
   AccordionItem,
@@ -67,7 +76,13 @@ const components = {
     <ol className={cn('my-6 ml-6 list-decimal', className)} {...props} />
   ),
   p: P,
-  pre: PreBlock,
+  MermaidDiagram: MermaidBlock,
+  pre: (props: any) => {
+    if (props.__isMermaid__) {
+      return <MermaidBlock {...props} />
+    }
+    return <PreBlock {...props} />
+  },
   Step: ({ className, ...props }: React.ComponentProps<'h3'>) => (
     <h3 className={cn('step scroll-m-20 font-heading font-semibold text-xl tracking-tight', className)} {...props} />
   ),

package/src/components/mobile-nav.tsx

@@ -7,7 +7,6 @@ import { Drawer, DrawerContent, DrawerTrigger } from '@gentleduck/registry-ui-du
 import { ScrollArea } from '@gentleduck/registry-ui-duckui/scroll-area'
 import { PanelsTopLeft } from 'lucide-react'
 import Link, { type LinkProps } from 'next/link'
-import { useRouter } from 'next/navigation'
 import * as React from 'react'
 
 export function MobileNav() {
@@ -75,13 +74,12 @@ interface MobileLinkProps extends LinkProps {
 }
 
 function MobileLink({ href, onOpenChange, className, children, ...props }: MobileLinkProps) {
-  const router = useRouter()
   return (
     <Link
       className={cn(className)}
       href={href}
+      scroll
       onClick={() => {
-        router.push(href.toString())
         onOpenChange?.(false)
       }}
       {...props}>

package/src/styles/base.css

@@ -1,7 +1,4 @@
 :root {
-  --font-sans-geist: "Geist", "Adjusted Arial Fallback";
-  --font-mono-geist: "Geist Mono", monospace, "Adjusted Lucida Sans Typewriter Fallback";
-
   --background: oklch(1 0 0);
   --foreground: oklch(0.141 0.005 285.823);
   --card: oklch(1 0 0);
@@ -100,8 +97,8 @@
 @theme inline {
   --breakpoint-3xl: 1600px;
   --breakpoint-4xl: 2000px;
-  --font-sans: "Geist", "Adjusted Arial Fallback";
-  --font-mono: "Geist Mono", "JetBrains Mono", monospace, "Adjusted Lucida Sans Typewriter Fallback";
+  --font-sans: var(--font-geist-sans, "Montserrat"), sans-serif;
+  --font-mono: var(--font-geist-mono, "Geist Mono"), monospace;
   --radius: 0.5rem;
 
   --color-background: var(--background);

package/src/styles/docs.css

@@ -4,38 +4,6 @@
 
 @custom-variant dark (&:is(.dark *));
 
-@font-face {
-  font-family: "Adjusted Lucida Sans Typewriter Fallback";
-  src: local("Lucida Sans Typewriter");
-  size-adjust: 119%;
-  ascent-override: 86%;
-  descent-override: 16%;
-  line-gap-override: 30%;
-}
-
-@font-face {
-  font-family: "Adjusted Arial Fallback";
-  src: local("Arial");
-  size-adjust: 99%;
-  ascent-override: 101%;
-  descent-override: 26%;
-  line-gap-override: 0%;
-}
-
-@font-face {
-  font-family: "Geist";
-  font-weight: 100 900;
-  font-display: swap;
-  src: url(/fonts/Geist-VF.woff2) format("woff2");
-}
-
-@font-face {
-  font-family: "Geist Mono";
-  font-weight: 100 900;
-  font-display: swap;
-  src: url(/fonts/GeistMono-VF.woff2) format("woff2");
-}
-
 @theme {
   --animate-shine: shine 8s ease-in-out infinite;
 
@@ -63,11 +31,11 @@
   }
 
   .font-sans {
-    font-family: var(--font-sans-geist) !important;
+    font-family: var(--font-geist-sans, "Montserrat"), sans-serif !important;
   }
 
   .font-mono {
-    font-family: var(--font-mono-geist) !important;
+    font-family: var(--font-geist-mono, "Geist Mono"), monospace !important;
   }
 
   ::-webkit-scrollbar {

package/src/styles/mdx.css

@@ -1,10 +1,3 @@
-@font-face {
-  font-family: "JetBrains Mono";
-  font-weight: 100 900;
-  font-display: swap;
-  src: url(/fonts/JetBrainsMono-VF.woff2) format("woff2");
-}
-
 @layer components {
   code,
   code > * > *,
@@ -13,7 +6,6 @@
   pre {
     font-family: var(--font-mono);
     font-style: normal;
-    font-weight: 600;
     font-optical-sizing: auto;
   }
 
@@ -61,7 +53,7 @@
     text-align: right;
     content: counter(line);
     counter-increment: line;
-    @apply text-zinc-50/40 text-xs;
+    @apply text-accent-foreground text-xs;
   }
 
   [data-rehype-pretty-code-fragment] .line--highlighted,

package/src/types/unist.ts

@@ -17,6 +17,10 @@ export interface UnistNode extends Node {
     __title__?: string
     __marks__?: string[]
     __event__?: string
+    __isMermaid__?: boolean
+    __mermaidLightSvg__?: string
+    __mermaidDarkSvg__?: string
+    className?: string[]
     [key: string]: unknown
   } & NpmCommands
   attributes?: {