@gentleduck/docs 0.0.11 → 0.0.13

package/dist/{utils-DJ_-rCtq.js → utils-Ck5VSddf.js}

@@ -1,2 +1,2 @@
 function e(e){return new Date(e).toLocaleDateString(`en-US`,{day:`numeric`,month:`long`,year:`numeric`})}function t(e){return`${process.env.NEXT_PUBLIC_APP_URL}${e}`}const n=(e,t)=>Object.fromEntries(Object.entries(t).filter(([t])=>!e.includes(t)));function r(e,t){let n=[],r=0;for(let i of t){let t=e.slice(r,r+i);n.push(t),r+=i}return n}function i(e,t){let n=[],r=0;for(let i of e){let e=t.slice(r,r+i);n.push(e),r+=i}return n}export{r as a,i,n,e as r,t};
-//# sourceMappingURL=utils-DJ_-rCtq.js.map
+//# sourceMappingURL=utils-Ck5VSddf.js.map

package/dist/{utils-DJ_-rCtq.js.map → utils-Ck5VSddf.js.map}

@@ -1 +1 @@
-{"version":3,"file":"utils-DJ_-rCtq.js","names":["result: T[][]"],"sources":["../src/lib/utils.ts"],"sourcesContent":["export function formatDate(input: string | number): string {\n  const date = new Date(input)\n  return date.toLocaleDateString('en-US', {\n    day: 'numeric',\n    month: 'long',\n    year: 'numeric',\n  })\n}\n\nexport function absoluteUrl(path: string) {\n  return `${process.env.NEXT_PUBLIC_APP_URL}${path}`\n}\n\nexport const filteredObject = <T extends Record<string, any>>(keys: string[], obj: T): Partial<T> => {\n  return Object.fromEntries(Object.entries(obj).filter(([key]) => !keys.includes(key))) as Partial<T>\n}\n\nexport function groupDataByNumbers<T>(strings: T[], groupSizes: number[]): T[][] {\n  const result: T[][] = []\n  let index = 0\n\n  for (const size of groupSizes) {\n    const group = strings.slice(index, index + size)\n    result.push(group)\n    index += size\n  }\n\n  return result\n}\n\nexport function groupArrays<T>(numbers: number[], arr: T[]): T[][] {\n  const result: T[][] = []\n  let index = 0\n\n  for (const num of numbers) {\n    const headerGroup = arr.slice(index, index + num)\n    result.push(headerGroup)\n    index += num\n  }\n\n  return result\n}\n"],"mappings":"AAAA,SAAgB,EAAW,EAAgC,CAEzD,OADa,IAAI,KAAK,EAAM,CAChB,mBAAmB,QAAS,CACtC,IAAK,UACL,MAAO,OACP,KAAM,UACP,CAAC,CAGJ,SAAgB,EAAY,EAAc,CACxC,MAAO,GAAG,QAAQ,IAAI,sBAAsB,IAG9C,MAAa,GAAiD,EAAgB,IACrE,OAAO,YAAY,OAAO,QAAQ,EAAI,CAAC,QAAQ,CAAC,KAAS,CAAC,EAAK,SAAS,EAAI,CAAC,CAAC,CAGvF,SAAgB,EAAsB,EAAc,EAA6B,CAC/E,IAAMA,EAAgB,EAAE,CACpB,EAAQ,EAEZ,IAAK,IAAM,KAAQ,EAAY,CAC7B,IAAM,EAAQ,EAAQ,MAAM,EAAO,EAAQ,EAAK,CAChD,EAAO,KAAK,EAAM,CAClB,GAAS,EAGX,OAAO,EAGT,SAAgB,EAAe,EAAmB,EAAiB,CACjE,IAAMA,EAAgB,EAAE,CACpB,EAAQ,EAEZ,IAAK,IAAM,KAAO,EAAS,CACzB,IAAM,EAAc,EAAI,MAAM,EAAO,EAAQ,EAAI,CACjD,EAAO,KAAK,EAAY,CACxB,GAAS,EAGX,OAAO"}
+{"version":3,"file":"utils-Ck5VSddf.js","names":["result: T[][]"],"sources":["../src/lib/utils.ts"],"sourcesContent":["export function formatDate(input: string | number): string {\n  const date = new Date(input)\n  return date.toLocaleDateString('en-US', {\n    day: 'numeric',\n    month: 'long',\n    year: 'numeric',\n  })\n}\n\nexport function absoluteUrl(path: string) {\n  return `${process.env.NEXT_PUBLIC_APP_URL}${path}`\n}\n\nexport const filteredObject = <T extends Record<string, any>>(keys: string[], obj: T): Partial<T> => {\n  return Object.fromEntries(Object.entries(obj).filter(([key]) => !keys.includes(key))) as Partial<T>\n}\n\nexport function groupDataByNumbers<T>(strings: T[], groupSizes: number[]): T[][] {\n  const result: T[][] = []\n  let index = 0\n\n  for (const size of groupSizes) {\n    const group = strings.slice(index, index + size)\n    result.push(group)\n    index += size\n  }\n\n  return result\n}\n\nexport function groupArrays<T>(numbers: number[], arr: T[]): T[][] {\n  const result: T[][] = []\n  let index = 0\n\n  for (const num of numbers) {\n    const headerGroup = arr.slice(index, index + num)\n    result.push(headerGroup)\n    index += num\n  }\n\n  return result\n}\n"],"mappings":"AAAA,SAAgB,EAAW,EAAgC,CAEzD,OADa,IAAI,KAAK,EAAM,CAChB,mBAAmB,QAAS,CACtC,IAAK,UACL,MAAO,OACP,KAAM,UACP,CAAC,CAGJ,SAAgB,EAAY,EAAc,CACxC,MAAO,GAAG,QAAQ,IAAI,sBAAsB,IAG9C,MAAa,GAAiD,EAAgB,IACrE,OAAO,YAAY,OAAO,QAAQ,EAAI,CAAC,QAAQ,CAAC,KAAS,CAAC,EAAK,SAAS,EAAI,CAAC,CAAC,CAGvF,SAAgB,EAAsB,EAAc,EAA6B,CAC/E,IAAMA,EAAgB,EAAE,CACpB,EAAQ,EAEZ,IAAK,IAAM,KAAQ,EAAY,CAC7B,IAAM,EAAQ,EAAQ,MAAM,EAAO,EAAQ,EAAK,CAChD,EAAO,KAAK,EAAM,CAClB,GAAS,EAGX,OAAO,EAGT,SAAgB,EAAe,EAAmB,EAAiB,CACjE,IAAMA,EAAgB,EAAE,CACpB,EAAQ,EAEZ,IAAK,IAAM,KAAO,EAAS,CACzB,IAAM,EAAc,EAAI,MAAM,EAAO,EAAQ,EAAI,CACjD,EAAO,KAAK,EAAY,CACxB,GAAS,EAGX,OAAO"}

package/dist/{utils-BKcsqHz0.d.ts → utils-gls3XPIE.d.ts}

@@ -6,4 +6,4 @@ declare function groupDataByNumbers<T>(strings: T[], groupSizes: number[]): T[][
 declare function groupArrays<T>(numbers: number[], arr: T[]): T[][];
 //#endregion
 export { groupDataByNumbers as a, groupArrays as i, filteredObject as n, formatDate as r, absoluteUrl as t };
-//# sourceMappingURL=utils-BKcsqHz0.d.ts.map
+//# sourceMappingURL=utils-gls3XPIE.d.ts.map

package/dist/{utils-BKcsqHz0.d.ts.map → utils-gls3XPIE.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"utils-BKcsqHz0.d.ts","names":[],"sources":["../src/lib/utils.ts"],"sourcesContent":[],"mappings":";iBAAgB,UAAA;AAAA,iBASA,WAAA,CATU,IAAA,EAAA,MAAA,CAAA,EAAA,MAAA;AASV,cAIH,cAJc,EAAA,CAAA,UAIc,MAJd,CAAA,MAAA,EAAA,GAAA,CAAA,CAAA,CAAA,IAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAIwD,CAJxD,EAAA,GAI4D,OAJ5D,CAIoE,CAJpE,CAAA;AAId,iBAIG,kBAFf,CAAA,CAAA,CAAA,CAAA,OAAA,EAE8C,CAF9C,EAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,EAE0E,CAF1E,EAAA,EAAA;AAFwC,iBAiBzB,WAjByB,CAAA,CAAA,CAAA,CAAA,OAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAiBc,CAjBd,EAAA,CAAA,EAiBoB,CAjBpB,EAAA,EAAA"}
+{"version":3,"file":"utils-gls3XPIE.d.ts","names":[],"sources":["../src/lib/utils.ts"],"sourcesContent":[],"mappings":";iBAAgB,UAAA;AAAA,iBASA,WAAA,CATU,IAAA,EAAA,MAAA,CAAA,EAAA,MAAA;AASV,cAIH,cAJc,EAAA,CAAA,UAIc,MAJd,CAAA,MAAA,EAAA,GAAA,CAAA,CAAA,CAAA,IAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAIwD,CAJxD,EAAA,GAI4D,OAJ5D,CAIoE,CAJpE,CAAA;AAId,iBAIG,kBAFf,CAAA,CAAA,CAAA,CAAA,OAAA,EAE8C,CAF9C,EAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,EAE0E,CAF1E,EAAA,EAAA;AAFwC,iBAiBzB,WAjByB,CAAA,CAAA,CAAA,CAAA,OAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAiBc,CAjBd,EAAA,CAAA,EAiBoB,CAjBpB,EAAA,EAAA"}

package/dist/velite/config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"config.d.ts","names":[],"sources":["../../src/velite/config.ts"],"sourcesContent":[],"mappings":";;;KAcY,uBAAA;;EAAA,aAAA,CAAA,EAEM,SAFN,EAAuB;EAEjB,mBAAA,CAAA,EACM,SADN,EAAA;EACM,aAAA,CAAA,EACN,SADM,EAAA;EACN,mBAAA,CAAA,EACM,SADN,EAAA;CACM;AAAS,iBAGjB,sBAAA,CAHiB;EAAA,WAAA;EAAA,aAAA;EAAA,mBAAA;EAAA,aAAA;EAAA;AAAA,CAAA,CAAA,EAS9B,uBAT8B,CAAA,EAAA,GAAA;AAGjB,cA+FH,gBA/FyB,EAAA,GAAA"}
+{"version":3,"file":"config.d.ts","names":[],"sources":["../../src/velite/config.ts"],"sourcesContent":[],"mappings":";;;KAaY,uBAAA;;EAAA,aAAA,CAAA,EAEM,SAFN,EAAuB;EAEjB,mBAAA,CAAA,EACM,SADN,EAAA;EACM,aAAA,CAAA,EACN,SADM,EAAA;EACN,mBAAA,CAAA,EACM,SADN,EAAA;CACM;AAAS,iBAGjB,sBAAA,CAHiB;EAAA,WAAA;EAAA,aAAA;EAAA,mBAAA;EAAA,aAAA;EAAA;AAAA,CAAA,CAAA,EAS9B,uBAT8B,CAAA,EAAA,GAAA;AAGjB,cAgGH,gBAhGyB,EAAA,GAAA"}

package/dist/velite/config.js

@@ -1,2 +1,2 @@
-import{t as e}from"../metadata-plugin-DGwA5NWw.js";import{t}from"../rehype-pre-block-source-3-fJ4WJH.js";import{t as n}from"../rehype-title-tATZyrYL.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-B-M8WB5-.js";
-import "../index-BCvK1fdV.js";
+import "../unist-DN6buKAy.js";
+import "../index-CGglgRYd.js";
 import { DocsVeliteConfigOptions, createDocsVeliteConfig, docsVeliteConfig } from "./config.js";
-import { t as rhypeMetadataPlugin } from "../metadata-plugin-CMU3PUxV.js";
-import { t as rehypePreBlockSource } from "../rehype-pre-block-source-CMhCtBYe.js";
-import { t as rehypeTitle } from "../rehype-title-DoG6hqwI.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-DGwA5NWw.js";import{t}from"../rehype-pre-block-source-3-fJ4WJH.js";import{t as n}from"../rehype-title-tATZyrYL.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-B-M8WB5-.js";
-import "../../index-BCvK1fdV.js";
-import { t as rhypeMetadataPlugin } from "../../metadata-plugin-CMU3PUxV.js";
-import { t as rehypePreBlockSource } from "../../rehype-pre-block-source-CMhCtBYe.js";
-import { t as rehypeTitle } from "../../rehype-title-DoG6hqwI.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-DGwA5NWw.js";import{t}from"../../rehype-pre-block-source-3-fJ4WJH.js";import{t as n}from"../../rehype-title-tATZyrYL.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-B-M8WB5-.js";
-import "../../index-BCvK1fdV.js";
-import { t as rhypeMetadataPlugin } from "../../metadata-plugin-CMU3PUxV.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-DGwA5NWw.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-B-M8WB5-.js";
-import "../../index-BCvK1fdV.js";
-import { t as rehypePreBlockSource } from "../../rehype-pre-block-source-CMhCtBYe.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-3-fJ4WJH.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-B-M8WB5-.js";
-import "../../index-BCvK1fdV.js";
-import { t as rehypeTitle } from "../../rehype-title-DoG6hqwI.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-tATZyrYL.js";export{e as rehypeTitle};
+import{t as e}from"../../rehype-title-TRUGszot.js";export{e as rehypeTitle};

package/package.json

@@ -27,16 +27,20 @@
   },
   "devDependencies": {
     "@excalidraw/excalidraw": "^0.17.2",
+    "@gentleduck/hooks": "workspace:*",
+    "@gentleduck/libs": "workspace:*",
+    "@gentleduck/registry-ui-duckui": "workspace:*",
+    "@gentleduck/tsdown-config": "workspace:*",
+    "@gentleduck/typescript-config": "workspace:*",
+    "@gentleduck/vim": "workspace:*",
     "@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",
@@ -48,26 +52,20 @@
     "tsdown": "0.18.3",
     "typescript": "5.9.3",
     "vite": "npm:rolldown-vite@^7.3.0",
-    "vitest": "^4.0.16",
-    "@gentleduck/hooks": "0.1.8",
-    "@gentleduck/libs": "0.1.11",
-    "@gentleduck/registry-ui-duckui": "0.1.13",
-    "@gentleduck/typescript-config": "0.1.0",
-    "@gentleduck/tsdown-config": "0.0.1",
-    "@gentleduck/vim": "0.1.12"
+    "vitest": "^4.0.16"
   },
   "peerDependencies": {
     "@excalidraw/excalidraw": "^0.17.2",
+    "@gentleduck/hooks": "workspace:*",
+    "@gentleduck/libs": "workspace:*",
+    "@gentleduck/vim": "workspace:*",
     "jotai": "^2.14.0",
     "lucide-react": "0.562.0",
     "next": "^16.1.1",
     "next-themes": "^0.4.6",
     "react": "^19.2.3",
     "react-dom": "^19.2.3",
-    "react-resizable-panels": "^3.0.6",
-    "@gentleduck/hooks": "0.1.8",
-    "@gentleduck/vim": "0.1.12",
-    "@gentleduck/libs": "0.1.11"
+    "react-resizable-panels": "^3.0.6"
   },
   "peerDependenciesMeta": {
     "@excalidraw/excalidraw": {
@@ -134,8 +132,9 @@
   },
   "module": "./dist/index.js",
   "name": "@gentleduck/docs",
+  "packageManager": "bun@1.3.5",
   "private": false,
-  "description": "Shared docs app kit used by the GentleDuck docs apps.",
+  "description": "Shared docs app kit used by the duck-ui docs apps.",
   "keywords": [
     "gentleduck",
     "duck-ui",
@@ -145,7 +144,7 @@
     "nextjs"
   ],
   "license": "MIT",
-  "author": "GentleDuck (https://www.gentleduck.org)",
+  "author": "duck-ui contributors",
   "homepage": "https://github.com/gentleeduck/duck-ui/tree/master/packages/duck-docs#readme",
   "bugs": {
     "url": "https://github.com/gentleeduck/duck-ui/issues"
@@ -158,13 +157,13 @@
   "publishConfig": {
     "access": "public"
   },
-  "type": "module",
-  "types": "./dist/index.d.ts",
-  "version": "0.0.11",
   "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",
     "check-types": "tsc -p tsconfig.json --noEmit --pretty false --skipLibCheck",
     "test": "vitest run"
-  }
-}
+  },
+  "type": "module",
+  "types": "./dist/index.d.ts",
+  "version": "0.0.13"
+}

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/command-menu/command-menu.tsx

@@ -127,7 +127,7 @@ function CommandFooter() {
       description: 'Copy command',
       execute: () =>
         navigator.clipboard.writeText(
-          ('pnpm dlx @gentleduck/cli add ' + selectedItem?.innerText.toLowerCase().replace(/ /g, '-')) as string,
+          ('bunx @gentleduck/cli add ' + selectedItem?.innerText.toLowerCase().replace(/ /g, '-')) as string,
         ),
       name: 'ctrl+shift+c',
     },
@@ -150,7 +150,7 @@ function CommandFooter() {
             </div>
             <Separator className="m-0 h-4 p-0" orientation="vertical" />
             <div className="flex items-center gap-1">
-              <span>pnpm dlx @gentleduck/cli add</span>
+              <span>bunx @gentleduck/cli add</span>
               <span className="text-blue-400">{selectedNavItem.title.toLowerCase()}</span>
             </div>
           </Button>

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

@@ -63,8 +63,11 @@ function GitHubStarsButton() {
           return
         }
         const res = await fetch(`https://api.github.com/repos/${repo}`)
+        if (!res.ok) return
         const data = await res.json()
-        setStars(data.stargazers_count)
+        if (typeof data.stargazers_count === 'number') {
+          setStars(data.stargazers_count)
+        }
       } catch (err) {
         console.error('Failed to fetch stars:', err)
       }
@@ -104,7 +107,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