boltdocs 2.7.1 → 2.7.3

package/dist/search-dialog-BvBopRsZ.cjs

@@ -0,0 +1,6 @@
+/**
+ * Boltdocs - https://boltdocs.vercel.app
+ * Copyright (c) 2026 Jesus Alcala
+ * Licensed under the MIT License.
+ */
+const e=require(`./icons-dev-BlV3wWFT.cjs`);let t=require(`react`),n=require(`react/jsx-runtime`),r=require(`react-aria-components`);r=e.rt(r);const i=({children:t,className:r,...i})=>(0,n.jsx)(`header`,{className:e.y(`boltdocs-navbar sticky top-0 z-50 w-full`,r),...i,children:t}),a=({children:t,className:r})=>(0,n.jsx)(`div`,{className:e.y(`mx-auto flex lg:h-navbar max-w-(--breakpoint-3xl) items-center justify-between px-4 md:px-6`,r),children:t}),o=({children:t,className:r})=>(0,n.jsx)(`div`,{className:e.y(`flex flex-1 items-center justify-start gap-4 min-w-0`,r),children:t}),s=({children:t,className:r})=>(0,n.jsx)(`div`,{className:e.y(`flex flex-1 items-center justify-end gap-2 md:gap-4 min-w-0`,r),children:t}),c=({children:t,className:r})=>(0,n.jsx)(`div`,{className:e.y(`hidden lg:flex flex-1 justify-center items-center gap-4 px-4 min-w-0 w-full`,r),children:t}),l=({src:t,alt:r,width:i=24,height:a=24,className:o,href:s=`/`})=>(0,n.jsx)(e._,{href:s,className:e.y(`flex items-center gap-2 shrink-0 outline-none`,o),children:t?(0,n.jsx)(`img`,{src:t,alt:r,width:i,height:a,className:`h-6 w-6 object-contain`}):null}),u=({children:t,className:r,href:i=`/`})=>(0,n.jsx)(e._,{href:i,children:(0,n.jsx)(`span`,{className:e.y(`text-lg font-bold tracking-tight hidden sm:inline-block`,r),children:t})}),d=({children:t,className:r})=>(0,n.jsx)(`nav`,{className:e.y(`hidden md:flex items-center gap-6 text-sm font-medium`,r),children:t}),f=({label:t,href:r,to:i,className:a})=>(0,n.jsxs)(e._,{href:r,target:i===`external`?`_blank`:void 0,className:e.y(`transition-all outline-none`,a),children:[t,i===`external`&&(0,n.jsx)(`span`,{className:`ml-1 inline-block`,children:(0,n.jsx)(e.j,{size:12})})]}),p=({label:r,className:i,children:a})=>{let[o,s]=(0,t.useState)(!1);return(0,n.jsxs)(`div`,{className:e.y(`relative`,i),onMouseEnter:()=>{s(!0)},onMouseLeave:()=>{s(!1)},children:[(0,n.jsxs)(`div`,{className:e.y(`flex items-center gap-1 outline-none cursor-pointer select-none font-medium text-muted hover:text-body transition-colors`),children:[r,(0,n.jsx)(`svg`,{className:e.y(`w-4 h-4 transition-transform`,o&&`rotate-180`),fill:`none`,viewBox:`0 0 24 24`,stroke:`currentColor`,children:(0,n.jsx)(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:2,d:`M19 9l-7 7-7-7`})})]}),o&&(0,n.jsx)(`div`,{className:`absolute top-full left-0 pt-1 z-[9999]`,children:(0,n.jsx)(`div`,{className:`min-w-[180px] p-1 bg-surface border border-subtle rounded-md shadow-lg`,children:a})})]})},m=({href:t,label:r,className:i})=>(0,n.jsx)(e._,{href:t,className:e.y(`block px-2 py-1.5 rounded hover:bg-surface`,i),children:r}),h={Desktop:({className:t,onPress:i,children:a})=>(0,n.jsx)(r.Button,{onPress:i,className:e.y(`hidden lg:flex items-center justify-between gap-2 px-3 py-2 text-sm outline-none cursor-pointer w-full max-w-[720px]`,t),children:a}),Mobile:({className:t,onPress:i,children:a})=>(0,n.jsx)(r.Button,{onPress:i,className:e.y(`lg:hidden flex h-10 w-10 items-center justify-center outline-none cursor-pointer`,t),"aria-label":`Search`,children:a}),Kbd:({className:r})=>{let[i,a]=(0,t.useState)(!1),o=i&&/Mac|iPod|iPhone|iPad/.test(navigator.platform);return(0,t.useEffect)(()=>{a(!0)},[]),(0,n.jsxs)(`div`,{className:e.y(`hidden sm:flex items-center gap-1 pointer-events-none select-none`,r),children:[(0,n.jsx)(`kbd`,{className:`flex items-center justify-center font-mono text-[10px]`,children:o?`⌘`:`Ctrl`}),(0,n.jsx)(`kbd`,{className:`flex items-center justify-center font-mono text-[10px]`,children:`K`})]})}},g=({className:t,theme:i,onThemeChange:a})=>(0,n.jsx)(r.ToggleButton,{isSelected:i===`dark`,onChange:a,className:e.y(`outline-none cursor-pointer`,t),"aria-label":`Toggle theme`,children:i===`dark`?(0,n.jsx)(e.K,{size:20}):(0,n.jsx)(e.H,{size:20})}),_=({name:t})=>{if(t===`github`)return(0,n.jsx)(e.s,{});if(t===`discord`)return(0,n.jsx)(e.o,{});if(t===`x`)return(0,n.jsx)(e.h,{});if(t===`bluesky`)return(0,n.jsx)(e.t,{})};i.Root=i,i.Left=o,i.Right=s,i.Center=c,i.Logo=l,i.Title=u,i.Links=d,i.Link=f,i.Dropdown=p,i.DropdownItem=m,i.SearchTrigger=h,i.Theme=g,i.Socials=({icon:t,link:r,className:i})=>(0,n.jsx)(e._,{href:r,target:`_blank`,rel:`noopener noreferrer`,className:e.y(`outline-none`,i),children:(0,n.jsx)(_,{name:t})}),i.Split=({className:t})=>(0,n.jsx)(r.Separator,{orientation:`vertical`,className:e.y(`h-full w-px`,t)}),i.Content=a,i.More=({onPress:t,className:i})=>(0,n.jsx)(r.Button,{onPress:t,className:e.y(`md:hidden flex items-center justify-center outline-none cursor-pointer`,i),"aria-label":`More navigation`,children:(0,n.jsx)(e.U,{size:20})}),i.MobileMenu=({isOpen:t,onClose:i,children:a,className:o})=>(0,n.jsx)(r.ModalOverlay,{isOpen:t,onOpenChange:e=>!e&&i(),isDismissable:!0,className:e.y(`fixed inset-0 z-60 md:hidden transition-all duration-100`,o),children:(0,n.jsx)(r.Modal,{className:`fixed inset-0 outline-none`,children:(0,n.jsxs)(r.Dialog,{className:`relative h-full outline-none flex flex-col p-6 pt-[calc(1.5rem+env(safe-area-inset-top,0px))] pb-[calc(1.5rem+env(safe-area-inset-bottom,0px))] px-[calc(1.5rem+env(safe-area-inset-left,0px))]`,children:[(0,n.jsxs)(`div`,{className:`flex items-center justify-between mb-6`,children:[(0,n.jsx)(`span`,{}),(0,n.jsx)(r.Button,{onPress:i,className:`flex items-center justify-center outline-none cursor-pointer text-muted hover:text-body transition-colors`,"aria-label":`Close menu`,children:(0,n.jsx)(e.J,{size:24})})]}),(0,n.jsx)(`nav`,{className:`flex-1 overflow-y-auto flex flex-col gap-4`,children:a})]})})}),i.MobileLink=({label:t,href:r,to:i,onPress:a,className:o})=>(0,n.jsx)(e._,{href:r,target:i===`external`?`_blank`:void 0,onClick:a,className:e.y(`group flex items-center outline-none`,o),children:t});const v=({className:t,...i})=>(0,n.jsx)(r.ModalOverlay,{className:e.y(`fixed inset-0 z-100`,t),...i});v.Root=v,v.Overlay=v,v.Content=({className:t,...i})=>(0,n.jsx)(r.Modal,{className:e.y(t),...i}),v.Dialog=({className:t,...i})=>(0,n.jsx)(r.Dialog,{className:e.y(`flex flex-col focus:outline-none`,t),...i}),v.Autocomplete=({children:t,className:i,onSelectionChange:a,...o})=>{let s=r.Autocomplete;return(0,n.jsx)(`div`,{className:e.y(`flex-1 min-h-0`,i),children:(0,n.jsx)(s,{...o,onSelectionChange:a,className:`flex flex-col min-h-0`,children:t})})},v.List=({children:t,className:i,...a})=>(0,n.jsx)(r.ListBox,{...a,className:e.y(`flex-1 overflow-y-auto outline-none min-h-0`,i),children:t}),v.Input=Object.assign(({className:t,...i})=>(0,n.jsx)(r.SearchField,{className:e.y(`flex items-center`,t),...i}),{SearchInput:({className:t,...i})=>(0,n.jsx)(r.Input,{className:e.y(`w-full bg-transparent outline-none border-none`,t),...i}),Button:({className:t,...i})=>(0,n.jsx)(r.Button,{slot:`clear`,className:e.y(t),...i})}),v.Item=Object.assign(({children:t,className:i,...a})=>(0,n.jsx)(r.ListBoxItem,{...a,className:e.y(`group flex items-center outline-none cursor-pointer`,i),children:r=>(0,n.jsxs)(n.Fragment,{children:[t,(r.isFocused||r.isSelected)&&(0,n.jsxs)(`div`,{className:`ml-auto opacity-50 flex items-center gap-1`,children:[(0,n.jsx)(`span`,{className:`text-[10px]`,children:`Select`}),(0,n.jsx)(e.A,{size:10})]})]})}),{Icon:({isHeading:t,className:r})=>(0,n.jsx)(`div`,{className:e.y(`shrink-0`,r),children:t?(0,n.jsx)(e.P,{size:18}):(0,n.jsx)(e.N,{size:18})}),Title:({children:t,className:r})=>(0,n.jsx)(`span`,{className:e.y(`block truncate flex-1`,r),children:t}),Bio:({children:t,className:r})=>(0,n.jsx)(`span`,{className:e.y(`ml-2 truncate hidden sm:inline`,r),children:t})}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return v}});

package/dist/search-dialog-ByvGScjt.js

@@ -0,0 +1,6 @@
+/**
+ * Boltdocs - https://boltdocs.vercel.app
+ * Copyright (c) 2026 Jesus Alcala
+ * Licensed under the MIT License.
+ */
+import{t as e}from"./search-dialog-B584t9ZF.js";export{e as SearchDialog};

package/dist/{search-dialog-CGyrozZE.cjs → search-dialog-Cyko6TJm.cjs}

@@ -3,4 +3,4 @@
  * Copyright (c) 2026 Jesus Alcala
  * Licensed under the MIT License.
  */
-const e=require(`./search-dialog-BACuzoVX.cjs`);exports.SearchDialog=e.t;
+const e=require(`./search-dialog-DuYTIefy.cjs`);exports.SearchDialog=e.t;

package/dist/search-dialog-D6BNohIJ.js

@@ -0,0 +1,6 @@
+/**
+ * Boltdocs - https://boltdocs.vercel.app
+ * Copyright (c) 2026 Jesus Alcala
+ * Licensed under the MIT License.
+ */
+import{A as e,H as t,J as n,K as r,N as i,P as a,U as o,_ as s,h as c,j as l,o as u,s as d,t as f,y as p}from"./icons-dev-B_RZIyxu.js";import{useEffect as m,useState as h}from"react";import{Fragment as g,jsx as _,jsxs as v}from"react/jsx-runtime";import*as y from"react-aria-components";import{Button as b,Dialog as x,Modal as S,ModalOverlay as C,Separator as w,ToggleButton as T}from"react-aria-components";const E=({children:e,className:t,...n})=>_(`header`,{className:p(`boltdocs-navbar sticky top-0 z-50 w-full`,t),...n,children:e}),D=({children:e,className:t})=>_(`div`,{className:p(`mx-auto flex lg:h-navbar max-w-(--breakpoint-3xl) items-center justify-between px-4 md:px-6`,t),children:e}),O=({children:e,className:t})=>_(`div`,{className:p(`flex flex-1 items-center justify-start gap-4 min-w-0`,t),children:e}),k=({children:e,className:t})=>_(`div`,{className:p(`flex flex-1 items-center justify-end gap-2 md:gap-4 min-w-0`,t),children:e}),A=({children:e,className:t})=>_(`div`,{className:p(`hidden lg:flex flex-1 justify-center items-center gap-4 px-4 min-w-0 w-full`,t),children:e}),j=({src:e,alt:t,width:n=24,height:r=24,className:i,href:a=`/`})=>_(s,{href:a,className:p(`flex items-center gap-2 shrink-0 outline-none`,i),children:e?_(`img`,{src:e,alt:t,width:n,height:r,className:`h-6 w-6 object-contain`}):null}),M=({children:e,className:t,href:n=`/`})=>_(s,{href:n,children:_(`span`,{className:p(`text-lg font-bold tracking-tight hidden sm:inline-block`,t),children:e})}),N=({children:e,className:t})=>_(`nav`,{className:p(`hidden md:flex items-center gap-6 text-sm font-medium`,t),children:e}),P=({label:e,href:t,to:n,className:r})=>v(s,{href:t,target:n===`external`?`_blank`:void 0,className:p(`transition-all outline-none`,r),children:[e,n===`external`&&_(`span`,{className:`ml-1 inline-block`,children:_(l,{size:12})})]}),F=({label:e,className:t,children:n})=>{let[r,i]=h(!1);return v(`div`,{className:p(`relative`,t),onMouseEnter:()=>{i(!0)},onMouseLeave:()=>{i(!1)},children:[v(`div`,{className:p(`flex items-center gap-1 outline-none cursor-pointer select-none font-medium text-muted hover:text-body transition-colors`),children:[e,_(`svg`,{className:p(`w-4 h-4 transition-transform`,r&&`rotate-180`),fill:`none`,viewBox:`0 0 24 24`,stroke:`currentColor`,children:_(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:2,d:`M19 9l-7 7-7-7`})})]}),r&&_(`div`,{className:`absolute top-full left-0 pt-1 z-[9999]`,children:_(`div`,{className:`min-w-[180px] p-1 bg-surface border border-subtle rounded-md shadow-lg`,children:n})})]})},I=({href:e,label:t,className:n})=>_(s,{href:e,className:p(`block px-2 py-1.5 rounded hover:bg-surface`,n),children:t}),L={Desktop:({className:e,onPress:t,children:n})=>_(b,{onPress:t,className:p(`hidden lg:flex items-center justify-between gap-2 px-3 py-2 text-sm outline-none cursor-pointer w-full max-w-[720px]`,e),children:n}),Mobile:({className:e,onPress:t,children:n})=>_(b,{onPress:t,className:p(`lg:hidden flex h-10 w-10 items-center justify-center outline-none cursor-pointer`,e),"aria-label":`Search`,children:n}),Kbd:({className:e})=>{let[t,n]=h(!1),r=t&&/Mac|iPod|iPhone|iPad/.test(navigator.platform);return m(()=>{n(!0)},[]),v(`div`,{className:p(`hidden sm:flex items-center gap-1 pointer-events-none select-none`,e),children:[_(`kbd`,{className:`flex items-center justify-center font-mono text-[10px]`,children:r?`⌘`:`Ctrl`}),_(`kbd`,{className:`flex items-center justify-center font-mono text-[10px]`,children:`K`})]})}},R=({className:e,theme:n,onThemeChange:i})=>_(T,{isSelected:n===`dark`,onChange:i,className:p(`outline-none cursor-pointer`,e),"aria-label":`Toggle theme`,children:_(n===`dark`?r:t,{size:20})}),z=({name:e})=>{if(e===`github`)return _(d,{});if(e===`discord`)return _(u,{});if(e===`x`)return _(c,{});if(e===`bluesky`)return _(f,{})};E.Root=E,E.Left=O,E.Right=k,E.Center=A,E.Logo=j,E.Title=M,E.Links=N,E.Link=P,E.Dropdown=F,E.DropdownItem=I,E.SearchTrigger=L,E.Theme=R,E.Socials=({icon:e,link:t,className:n})=>_(s,{href:t,target:`_blank`,rel:`noopener noreferrer`,className:p(`outline-none`,n),children:_(z,{name:e})}),E.Split=({className:e})=>_(w,{orientation:`vertical`,className:p(`h-full w-px`,e)}),E.Content=D,E.More=({onPress:e,className:t})=>_(b,{onPress:e,className:p(`md:hidden flex items-center justify-center outline-none cursor-pointer`,t),"aria-label":`More navigation`,children:_(o,{size:20})}),E.MobileMenu=({isOpen:e,onClose:t,children:r,className:i})=>_(C,{isOpen:e,onOpenChange:e=>!e&&t(),isDismissable:!0,className:p(`fixed inset-0 z-60 md:hidden transition-all duration-100`,i),children:_(S,{className:`fixed inset-0 outline-none`,children:v(x,{className:`relative h-full outline-none flex flex-col p-6 pt-[calc(1.5rem+env(safe-area-inset-top,0px))] pb-[calc(1.5rem+env(safe-area-inset-bottom,0px))] px-[calc(1.5rem+env(safe-area-inset-left,0px))]`,children:[v(`div`,{className:`flex items-center justify-between mb-6`,children:[_(`span`,{}),_(b,{onPress:t,className:`flex items-center justify-center outline-none cursor-pointer text-muted hover:text-body transition-colors`,"aria-label":`Close menu`,children:_(n,{size:24})})]}),_(`nav`,{className:`flex-1 overflow-y-auto flex flex-col gap-4`,children:r})]})})}),E.MobileLink=({label:e,href:t,to:n,onPress:r,className:i})=>_(s,{href:t,target:n===`external`?`_blank`:void 0,onClick:r,className:p(`group flex items-center outline-none`,i),children:e});const B=({className:e,...t})=>_(y.ModalOverlay,{className:p(`fixed inset-0 z-100`,e),...t});B.Root=B,B.Overlay=B,B.Content=({className:e,...t})=>_(y.Modal,{className:p(e),...t}),B.Dialog=({className:e,...t})=>_(y.Dialog,{className:p(`flex flex-col focus:outline-none`,e),...t}),B.Autocomplete=({children:e,className:t,onSelectionChange:n,...r})=>{let i=y.Autocomplete;return _(`div`,{className:p(`flex-1 min-h-0`,t),children:_(i,{...r,onSelectionChange:n,className:`flex flex-col min-h-0`,children:e})})},B.List=({children:e,className:t,...n})=>_(y.ListBox,{...n,className:p(`flex-1 overflow-y-auto outline-none min-h-0`,t),children:e}),B.Input=Object.assign(({className:e,...t})=>_(y.SearchField,{className:p(`flex items-center`,e),...t}),{SearchInput:({className:e,...t})=>_(y.Input,{className:p(`w-full bg-transparent outline-none border-none`,e),...t}),Button:({className:e,...t})=>_(y.Button,{slot:`clear`,className:p(e),...t})}),B.Item=Object.assign(({children:t,className:n,...r})=>_(y.ListBoxItem,{...r,className:p(`group flex items-center outline-none cursor-pointer`,n),children:n=>v(g,{children:[t,(n.isFocused||n.isSelected)&&v(`div`,{className:`ml-auto opacity-50 flex items-center gap-1`,children:[_(`span`,{className:`text-[10px]`,children:`Select`}),_(e,{size:10})]})]})}),{Icon:({isHeading:e,className:t})=>_(`div`,{className:p(`shrink-0`,t),children:_(e?a:i,{size:18})}),Title:({children:e,className:t})=>_(`span`,{className:p(`block truncate flex-1`,t),children:e}),Bio:({children:e,className:t})=>_(`span`,{className:p(`ml-2 truncate hidden sm:inline`,t),children:e})});export{E as n,B as t};

package/dist/search-dialog-DuYTIefy.cjs

@@ -0,0 +1,6 @@
+/**
+ * Boltdocs - https://boltdocs.vercel.app
+ * Copyright (c) 2026 Jesus Alcala
+ * Licensed under the MIT License.
+ */
+const e=require(`./icons-dev-BlV3wWFT.cjs`),t=require(`./search-dialog-BvBopRsZ.cjs`);let n=require(`react-router-dom`),r=require(`react`),i=require(`react/jsx-runtime`),a=require(`flexsearch`),o=require(`virtual:boltdocs-search`);o=e.rt(o);function s(t){let{currentLocale:n,currentVersion:i}=e.X(),[s,c]=(0,r.useState)(!1),[l,u]=(0,r.useState)(``),[d,f]=(0,r.useState)(null);(0,r.useEffect)(()=>{if(!s||d)return;let e=new a.Index({preset:`match`,tokenize:`full`,resolution:9,cache:!0});for(let t of o.default)e.add(t.id,`${t.title} ${t.content}`);f(e)},[s,d]);let p=(0,r.useMemo)(()=>{let e=new Map;for(let t of o.default)e.set(t.id,t);return e},[]);return{isOpen:s,setIsOpen:c,query:l,setQuery:u,list:(0,r.useMemo)(()=>{if(!l)return t.filter(e=>{let t=!n||e.locale===n,r=!i||e.version===i;return t&&r}).slice(0,10).map(e=>({id:e.path,title:e.title,path:e.path,bio:e.description||``,groupTitle:e.groupTitle}));if(!d)return[];let e=d.search(l,{limit:20,suggest:!0}),r=[],a=new Set;for(let t of e){let e=p.get(t);if(!e)continue;let o=!n||e.locale===n,s=!i||e.version===i;!o||!s||a.has(e.url)||(a.add(e.url),r.push({id:e.url,title:e.title,path:e.url,bio:e.display,groupTitle:e.display.split(` > `)[0],isHeading:e.url.includes(`#`)}))}return r.slice(0,10)},[l,d,n,i,t,p]),input:{value:l,onChange:e=>u(e.target.value)}}}function c({text:e,query:t}){if(!t||!e)return(0,i.jsx)(i.Fragment,{children:e});let n=t.replace(/[.*+?^${}()|[\]\\]/g,`\\$&`),r=RegExp(`(${n})`,`gi`);return(0,i.jsx)(i.Fragment,{children:e.split(r).map((e,t)=>r.test(e)?(0,i.jsx)(`mark`,{className:`bg-primary-500/20 text-primary-600 dark:text-primary-400 font-bold px-0.5 rounded-sm`,children:e},t):e)})}function l({routes:a}){let{isOpen:o,setIsOpen:l,query:u,setQuery:d,list:f}=s(a),p=(0,n.useNavigate)();(0,r.useEffect)(()=>{let e=e=>{(/Mac/.test(navigator.userAgent)?e.metaKey:e.ctrlKey)&&(e.key===`k`||e.key===`j`)&&(e.preventDefault(),l(e=>!e))};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[l]);let m=(0,r.useCallback)(e=>{let t=String(e);l(!1);let[n,r]=t.split(`#`);p(`${n}${u?`?hl=${encodeURIComponent(u)}`:``}${r?`#${r}`:``}`),r&&setTimeout(()=>{let e=document.getElementById(r);e&&e.scrollIntoView({behavior:`smooth`})},100)},[p,l,u]);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(t.n.SearchTrigger.Desktop,{onPress:()=>l(!0),className:`rounded-xl border border-subtle bg-surface text-muted transition-all duration-200 hover:border-primary-500/50 hover:text-body hover:bg-soft/50 hover:shadow-sm active:scale-[0.98] focus-visible:ring-2 focus-visible:ring-primary-500/30`,children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,i.jsx)(e.G,{size:16}),(0,i.jsx)(`span`,{className:`hidden sm:inline-block`,children:`Search docs...`})]}),(0,i.jsx)(t.n.SearchTrigger.Kbd,{className:`[&_kbd]:bg-main [&_kbd]:border [&_kbd]:border-subtle [&_kbd]:rounded [&_kbd]:px-1.5 [&_kbd]:h-5 [&_kbd]:w-5`})]}),(0,i.jsx)(t.n.SearchTrigger.Mobile,{onPress:()=>l(!0),className:`rounded-xl text-muted transition-all duration-200 hover:text-body active:scale-95 focus-visible:ring-2 focus-visible:ring-primary-500/30`,children:(0,i.jsx)(e.G,{size:20})}),(0,i.jsx)(t.t.Overlay,{isOpen:o,isDismissable:!0,onOpenChange:()=>l(!1),className:`fixed inset-0 z-100 flex items-center justify-center p-4 bg-black/40 backdrop-blur-xs animate-fade-in`,children:(0,i.jsx)(t.t.Content,{className:`w-full max-w-lg bg-main border border-subtle shadow-md rounded-2xl overflow-hidden p-6`,children:(0,i.jsx)(t.t.Dialog,{"aria-label":`Search documentation`,className:`flex flex-col min-h-0 h-[450px]`,children:(0,i.jsxs)(t.t.Autocomplete,{onSelectionChange:m,className:`flex flex-col min-h-0`,children:[(0,i.jsxs)(t.t.Input,{value:u,onChange:d,className:`flex items-center gap-2 border border-subtle bg-surface px-4 py-2.5 rounded-xl focus-within:border-primary-500 mb-4`,children:[(0,i.jsx)(t.t.Input.SearchInput,{placeholder:`Search documentation...`,className:`w-full bg-transparent outline-none text-body text-sm`}),u&&(0,i.jsx)(t.t.Input.Button,{onPress:()=>d(``),className:`text-muted hover:text-body text-xs cursor-pointer select-none`,children:`✕`})]}),(0,i.jsx)(t.t.List,{items:f,children:e=>(0,i.jsxs)(t.t.Item,{onPress:()=>m(e.id),textValue:e.title,className:`flex items-center gap-3 px-4 py-2 rounded-xl group dark:hover:bg-primary-300/40 hover:bg-primary-200/50 transition-colors duration-100`,children:[(0,i.jsx)(t.t.Item.Icon,{isHeading:e.isHeading,className:`text-muted group-hover:text-primary-500 group-focus:text-primary-500`}),(0,i.jsxs)(`div`,{className:`flex flex-col justify-center min-w-0`,children:[(0,i.jsx)(t.t.Item.Title,{className:`text-sm font-medium text-body truncate dark:group-hover:text-primary-100`,children:(0,i.jsx)(c,{text:e.title,query:u})}),(0,i.jsx)(t.t.Item.Bio,{className:`text-xs text-muted truncate`,children:(0,i.jsx)(c,{text:e.bio,query:u})})]})]},e.id)})]})})})})]})}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return l}});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "boltdocs",
-  "version": "2.7.1",
+  "version": "2.7.3",
   "description": "A lightweight documentation generator for React projects.",
   "main": "dist/node/index.mjs",
   "module": "dist/node/index.mjs",
@@ -71,7 +71,6 @@
     "github-slugger": "2.0.0",
     "isomorphic-dompurify": "3.7.1",
     "lru-cache": "^11.3.6",
-    "lucide-react": "1.16.0",
     "picomatch": "^4.0.4",
     "react-aria-components": "1.16.0",
     "react-helmet-async": "^2.0.1",
@@ -88,7 +87,7 @@
     "vite": "7.0.0 || 8.0.0",
     "vite-plugin-image-optimizer": "2.0.3",
     "zod": "4.3.6",
-    "@bdocs/ssg": "0.0.1"
+    "@bdocs/ssg": "0.0.2"
   },
   "peerDependencies": {
     "react": "19.0.0",

package/src/client/app/scroll-handler.tsx

@@ -1,4 +1,4 @@
-import { useLayoutEffect } from 'react'
+import { useEffect, useLayoutEffect } from 'react'
 import { useLocation } from 'react-router-dom'
 
 /**
@@ -9,22 +9,20 @@ import { useLocation } from 'react-router-dom'
 export function ScrollHandler() {
   const { pathname, hash } = useLocation()
 
-  // biome-ignore lint/correctness/useExhaustiveDependencies: pathname is used as a trigger for scroll-to-top on navigation
-  useLayoutEffect(() => {
+  // Helper to handle scroll logic
+  const handleScroll = (behavior: ScrollBehavior = 'auto') => {
     const container = document.querySelector('.boltdocs-content') || window
 
-    // Helper to get scroll top
     const getScrollTop = () => {
       if (container === window) return window.scrollY
       return (container as HTMLElement).scrollTop
     }
 
-    // Helper to scroll
-    const scrollTo = (top: number, behavior: ScrollBehavior = 'auto') => {
+    const scrollTo = (top: number, scrollBehavior: ScrollBehavior) => {
       if (container === window) {
-        window.scrollTo({ top, behavior })
+        window.scrollTo({ top, behavior: scrollBehavior })
       } else {
-        ;(container as HTMLElement).scrollTo({ top, behavior })
+        ;(container as HTMLElement).scrollTo({ top, behavior: scrollBehavior })
       }
     }
 
@@ -41,14 +39,36 @@ export function ScrollHandler() {
         const elementPosition = elementRect - containerTop
         const offsetPosition = elementPosition - offset + getScrollTop()
 
-        scrollTo(offsetPosition, 'auto')
-        return
+        scrollTo(offsetPosition, behavior)
+        return true
       }
     }
 
-    // Scroll to top on navigation when no hash is specified
-    scrollTo(0)
+    scrollTo(0, behavior)
+    return false
+  }
+
+  // 1. Immediate sync scroll before paint
+  // biome-ignore lint/correctness/useExhaustiveDependencies: pathname is used as a trigger for scroll-to-top on navigation
+  useLayoutEffect(() => {
+    handleScroll('auto')
+  }, [pathname, hash])
+
+  // 2. Delayed async scroll as fallback/stabilizer after paint & passive effects
+  useEffect(() => {
+    // Immediate run after paint (helps override old component unmount/revert side effects)
+    handleScroll('auto')
+
+    // Double-check inside requestAnimationFrame to catch concurrent renders or dynamic layout recalculations
+    const rafId = requestAnimationFrame(() => {
+      handleScroll('auto')
+      // Dispatch resize event so external components/scroll libraries (like GSAP ScrollTrigger) recalculate trigger offsets
+      window.dispatchEvent(new Event('resize'))
+    })
+
+    return () => cancelAnimationFrame(rafId)
   }, [pathname, hash])
 
   return null
 }
+

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

@@ -1,4 +1,4 @@
-import { Info, Lightbulb, AlertTriangle, AlertCircle } from 'lucide-react'
+import { Info, Lightbulb, AlertTriangle, AlertCircle } from '../ui-base/icons'
 import { cn } from '../../utils/cn'
 
 export type CalloutVariant = 'note' | 'tip' | 'warning' | 'danger' | 'info'

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

@@ -1,5 +1,5 @@
 import { Button } from 'react-aria-components'
-import { Copy, Check, File } from 'lucide-react'
+import { Copy, Check, File } from '../ui-base/icons'
 import { cn } from '../../utils/cn'
 import { reactToText } from '../../utils/react-to-text'
 import { useCodeBlock } from './use-code-block'

package/src/client/components/primitives/breadcrumbs.tsx

@@ -4,7 +4,7 @@ import {
 } from 'react-aria-components'
 import { Link } from './link'
 import type { LinkProps } from 'react-aria-components'
-import { ChevronRight } from 'lucide-react'
+import { ChevronRight } from '../ui-base/icons'
 import { cn } from '../../utils/cn'
 import type { ComponentBase } from './types'
 

package/src/client/components/primitives/heading.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react'
-import { Link as LucideLink } from 'lucide-react'
+import { Link as LucideLink } from '../ui-base/icons'
 import { Link } from './link'
 import { cn } from '../../utils/cn'
 

package/src/client/components/primitives/menu.tsx

@@ -1,4 +1,4 @@
-import { Check, ChevronRight } from 'lucide-react'
+import { Check, ChevronRight } from '../ui-base/icons'
 import * as RAC from 'react-aria-components'
 import { Children } from 'react'
 import { Popover, type PopoverProps } from './popover'

package/src/client/components/primitives/navbar.tsx

@@ -11,7 +11,7 @@ import { Link } from './link'
 import { Menu } from './menu'
 import { Popover } from './popover'
 import { cn } from '../../utils/cn'
-import { Sun, Moon, ExternalLink, MoreVertical, X } from 'lucide-react'
+import { Sun, Moon, ExternalLink, MoreVertical, X } from '../ui-base/icons'
 import * as IconsSocials from '../icons-dev'
 import type { ComponentBase } from './types'
 import type { BoltdocsSocialLink } from '../../../shared/types'

package/src/client/components/primitives/page-nav.tsx

@@ -1,5 +1,5 @@
 import { Link } from './link'
-import { ChevronLeft, ChevronRight } from 'lucide-react'
+import { ChevronLeft, ChevronRight } from '../ui-base/icons'
 import { cn } from '../../utils/cn'
 import type { ComponentBase } from './types'
 

package/src/client/components/primitives/search-dialog.tsx

@@ -1,7 +1,7 @@
 'use client'
 
 import * as RAC from 'react-aria-components'
-import { Hash, FileText, CornerDownLeft } from 'lucide-react'
+import { Hash, FileText, CornerDownLeft } from '../ui-base/icons'
 import { cn } from '../../utils/cn'
 import type { ComponentBase } from './types'
 

package/src/client/components/primitives/sidebar.tsx

@@ -9,12 +9,12 @@ import * as RAC from 'react-aria-components'
 import { cn } from '../../utils/cn'
 import { useUI } from '../../app/ui-context'
 import { Link } from './link'
-import { ChevronRight } from 'lucide-react'
+import { ChevronRight } from '../ui-base/icons'
 import type { ComponentBase } from './types'
 import type { ComponentRoute } from '../../types'
 import { useSidebar } from '../../hooks/use-sidebar'
 import { useLocalizedTo } from '../../hooks/use-localized-to'
-import * as LucideIcons from 'lucide-react'
+import * as DefaultIcons from '../ui-base/icons'
 import virtualIcons from 'virtual:boltdocs-icons'
 
 // Persistent scroll position across navigation (SPA)
@@ -22,7 +22,7 @@ let sidebarScrollPos = 0
 
 function getIcon(iconName?: string): React.ElementType | undefined {
   if (!iconName) return undefined
-  const icons = { ...LucideIcons, ...virtualIcons } as unknown as Record<
+  const icons = { ...DefaultIcons, ...virtualIcons } as unknown as Record<
     string,
     React.ElementType
   >

package/src/client/components/ui-base/banner.tsx

@@ -1,5 +1,5 @@
 import { useState, useEffect } from 'react'
-import { X } from 'lucide-react'
+import { X } from './icons'
 
 export interface BannerProps extends React.HTMLAttributes<HTMLDivElement> {
   /**

package/src/client/components/ui-base/breadcrumbs.tsx

@@ -1,5 +1,5 @@
 import { useBreadcrumbs } from '../../hooks/use-breadcrumbs'
-import { Home } from 'lucide-react'
+import { Home } from './icons'
 import { Breadcrumbs as BreadcrumbsRoot } from '../primitives/breadcrumbs'
 import { cn } from '../../utils/cn'
 

package/src/client/components/ui-base/copy-markdown.tsx

@@ -1,5 +1,5 @@
 import { useState } from 'react'
-import { Copy, Check, ExternalLink, ChevronDown } from 'lucide-react'
+import { Copy, Check, ExternalLink, ChevronDown } from './icons'
 import { Button } from '../primitives/button'
 import { ButtonGroup } from '../primitives/button-group'
 import { Menu } from '../primitives/menu'

package/src/client/components/ui-base/icons.tsx

@@ -0,0 +1,240 @@
+import React from 'react'
+
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string
+}
+
+function createIcon(
+  displayName: string,
+  paths: React.ReactNode,
+  viewBox = '0 0 24 24',
+) {
+  const Component = ({ size = 24, className, ...props }: IconProps) => {
+    return (
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width={size}
+        height={size}
+        viewBox={viewBox}
+        fill="none"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        className={className}
+        {...props}
+      >
+        {paths}
+      </svg>
+    )
+  }
+  Component.displayName = displayName
+  return Component
+}
+
+export const Info = createIcon('Info', (
+  <>
+    <circle cx="12" cy="12" r="10" />
+    <path d="M12 16v-4" />
+    <path d="M12 8h.01" />
+  </>
+))
+
+export const Lightbulb = createIcon('Lightbulb', (
+  <>
+    <path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A5 5 0 0 0 8 8c0 1 .3 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5" />
+    <path d="M9 18h6" />
+    <path d="M10 22h4" />
+  </>
+))
+
+export const AlertTriangle = createIcon('AlertTriangle', (
+  <>
+    <path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z" />
+    <line x1="12" y1="9" x2="12" y2="13" />
+    <line x1="12" y1="17" x2="12.01" y2="17" />
+  </>
+))
+
+export const AlertCircle = createIcon('AlertCircle', (
+  <>
+    <circle cx="12" cy="12" r="10" />
+    <line x1="12" y1="8" x2="12" y2="12" />
+    <line x1="12" y1="16" x2="12.01" y2="16" />
+  </>
+))
+
+export const Copy = createIcon('Copy', (
+  <>
+    <rect width="14" height="14" x="8" y="8" rx="2" ry="2" />
+    <path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" />
+  </>
+))
+
+export const Check = createIcon('Check', (
+  <path d="M20 6 9 17l-5-5" />
+))
+
+export const File = createIcon('File', (
+  <>
+    <path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" />
+    <path d="M14 2v4a2 2 0 0 0 2 2h4" />
+  </>
+))
+
+export const ArrowLeft = createIcon('ArrowLeft', (
+  <>
+    <path d="m12 19-7-7 7-7" />
+    <path d="M19 12H5" />
+  </>
+))
+
+export const Pencil = createIcon('Pencil', (
+  <>
+    <path d="M12 20h9" />
+    <path d="M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z" />
+  </>
+))
+
+export const CircleHelp = createIcon('CircleHelp', (
+  <>
+    <circle cx="12" cy="12" r="10" />
+    <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" />
+    <path d="M12 17h.01" />
+  </>
+))
+
+export const TextAlignStart = createIcon('TextAlignStart', (
+  <>
+    <line x1="21" x2="3" y1="6" y2="6" />
+    <line x1="15" x2="3" y1="12" y2="12" />
+    <line x1="17" x2="3" y1="18" y2="18" />
+  </>
+))
+
+export const ExternalLink = createIcon('ExternalLink', (
+  <>
+    <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" />
+    <polyline points="15 3 21 3 21 9" />
+    <line x1="10" y1="14" x2="21" y2="3" />
+  </>
+))
+
+export const ChevronDown = createIcon('ChevronDown', (
+  <path d="m6 9 6 6 6-6" />
+))
+
+export const Home = createIcon('Home', (
+  <>
+    <path d="m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" />
+    <polyline points="9 22 9 12 15 12 15 22" />
+  </>
+))
+
+export const Search = createIcon('Search', (
+  <>
+    <circle cx="11" cy="11" r="8" />
+    <path d="m21 21-4.3-4.3" />
+  </>
+))
+
+export const Sun = createIcon('Sun', (
+  <>
+    <circle cx="12" cy="12" r="4" />
+    <path d="M12 2v2" />
+    <path d="M12 20v2" />
+    <path d="m4.93 4.93 1.41 1.41" />
+    <path d="m17.66 17.66 1.41 1.41" />
+    <path d="M2 12h2" />
+    <path d="M20 12h2" />
+    <path d="m6.34 17.66-1.41 1.41" />
+    <path d="m19.07 4.93-1.41 1.41" />
+  </>
+))
+
+export const Moon = createIcon('Moon', (
+  <path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" />
+))
+
+export const Monitor = createIcon('Monitor', (
+  <>
+    <rect width="20" height="14" x="2" y="3" rx="2" />
+    <line x1="8" x2="16" y1="21" y2="21" />
+    <line x1="12" x2="12" y1="17" y2="21" />
+  </>
+))
+
+export const Languages = createIcon('Languages', (
+  <>
+    <path d="m5 8 6 6" />
+    <path d="m4 14 6-6 2-3" />
+    <path d="M2 5h12" />
+    <path d="M7 2h1" />
+    <path d="m22 22-5-10-5 10" />
+    <path d="M14 18h6" />
+  </>
+))
+
+export const Menu = createIcon('Menu', (
+  <>
+    <line x1="4" x2="20" y1="12" y2="12" />
+    <line x1="4" x2="20" y1="6" y2="6" />
+    <line x1="4" x2="20" y1="18" y2="18" />
+  </>
+))
+
+export const X = createIcon('X', (
+  <>
+    <path d="M18 6 6 18" />
+    <path d="m6 6 12 12" />
+  </>
+))
+
+export const Link = createIcon('Link', (
+  <>
+    <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" />
+    <path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" />
+  </>
+))
+
+export const ChevronRight = createIcon('ChevronRight', (
+  <path d="m9 18 6-6-6-6" />
+))
+
+export const MoreVertical = createIcon('MoreVertical', (
+  <>
+    <circle cx="12" cy="12" r="1" />
+    <circle cx="12" cy="5" r="1" />
+    <circle cx="12" cy="19" r="1" />
+  </>
+))
+
+export const ChevronLeft = createIcon('ChevronLeft', (
+  <path d="m15 18-6-6 6-6" />
+))
+
+export const Hash = createIcon('Hash', (
+  <>
+    <line x1="4" x2="20" y1="9" y2="9" />
+    <line x1="4" x2="20" y1="15" y2="15" />
+    <line x1="10" x2="8" y1="3" y2="21" />
+    <line x1="16" x2="14" y1="3" y2="21" />
+  </>
+))
+
+export const FileText = createIcon('FileText', (
+  <>
+    <path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" />
+    <path d="M14 2v4a2 2 0 0 0 2 2h4" />
+    <path d="M10 9H8" />
+    <path d="M16 13H8" />
+    <path d="M16 17H8" />
+  </>
+))
+
+export const CornerDownLeft = createIcon('CornerDownLeft', (
+  <>
+    <polyline points="9 10 4 15 9 20" />
+    <path d="M20 4v7a4 4 0 0 1-4 4H4" />
+  </>
+))

package/src/client/components/ui-base/navbar.tsx

@@ -9,7 +9,7 @@ import { Tabs } from './tabs'
 import { useLocation } from 'react-router-dom'
 import type { BoltdocsSocialLink } from '../../../shared/types'
 import { Button } from '../primitives/button'
-import { Menu as MenuIcon, X } from 'lucide-react'
+import { Menu as MenuIcon, X } from './icons'
 import { useLocalizedTo } from '../../hooks/use-localized-to'
 import type { NavbarLink as NavbarLinkType } from '../../types'
 import { useUI } from '../../app/ui-context'

package/src/client/components/ui-base/not-found.tsx

@@ -1,4 +1,4 @@
-import { ArrowLeft } from 'lucide-react'
+import { ArrowLeft } from './icons'
 import { Link } from '../primitives/link'
 
 export function NotFound() {

package/src/client/components/ui-base/on-this-page.tsx

@@ -1,6 +1,6 @@
 import { OnThisPage as OTP } from '../primitives/on-this-page'
 import type { OnThisPageProps } from '../../types'
-import { Pencil, CircleHelp, TextAlignStart } from 'lucide-react'
+import { Pencil, CircleHelp, TextAlignStart } from './icons'
 
 export function OnThisPage({
   headings = [],

package/src/client/components/ui-base/search-dialog.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useCallback } from 'react'
-import { Search } from 'lucide-react'
+import { Search } from './icons'
 import { useSearch } from '../../hooks/use-search'
 import { SearchDialog as SearchDialogPrimitive } from '../primitives/search-dialog'
 import Navbar from '../primitives/navbar'

package/src/client/components/ui-base/sidebar.tsx

@@ -1,5 +1,5 @@
 import { Sidebar as SidebarPrimitive } from '../primitives/sidebar'
-import * as LucideIcons from 'lucide-react'
+import { X } from './icons'
 import type { ComponentRoute } from '../../types'
 import type { BoltdocsConfig } from '../../../shared/types'
 import { VersionSelector, I18nSelector } from './version-i18n'
@@ -54,7 +54,7 @@ function SidebarMain({ routes, config }: SidebarProps) {
               className="h-9 w-9 flex items-center justify-center bg-transparent border-none outline-none select-none cursor-pointer rounded-xl hover:bg-primary-50/50 text-muted hover:text-body transition-colors"
               aria-label="Close sidebar"
             >
-              <LucideIcons.X size={20} />
+              <X size={20} />
             </Button>
           </div>
         </SidebarPrimitive.Header>

package/src/client/components/ui-base/tabs.tsx

@@ -3,7 +3,8 @@ import { useTabs as useTabsHook } from '../../hooks/use-tabs'
 import { Tabs as T } from '../primitives/tabs'
 import { Link } from '../primitives/link'
 import type { BoltdocsTab, ComponentRoute } from '../../types'
-import * as Icons from 'lucide-react'
+import * as DefaultIcons from './icons'
+import virtualIcons from 'virtual:boltdocs-icons'
 import { getTranslated } from '../../utils/i18n'
 import { useRoutes } from '../../hooks/use-routes'
 
@@ -38,9 +39,10 @@ export function Tabs({
         />
       )
     }
-    const LucideIcon = (Icons as Record<string, any>)[iconName]
-    if (LucideIcon) {
-      return <LucideIcon size={16} />
+    const icons = { ...DefaultIcons, ...virtualIcons } as Record<string, any>
+    const TabIcon = icons[iconName] || icons[iconName + 'Icon']
+    if (TabIcon) {
+      return <TabIcon size={16} />
     }
     return <img src={iconName} alt="" className="h-4 w-4 object-contain" />
   }

package/src/client/components/ui-base/theme-toggle.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'react'
-import { Sun, Moon, Monitor } from 'lucide-react'
+import { Sun, Moon, Monitor } from './icons'
 import { useTheme } from '../../app/theme-context'
 import { Button } from 'react-aria-components'
 import { Menu } from '../primitives/menu'

package/src/client/components/ui-base/version-i18n.tsx

@@ -2,7 +2,7 @@ import { useVersion } from '../../hooks/use-version'
 import { useI18n } from '../../hooks/use-i18n'
 import { Menu } from '../primitives/menu'
 import { Button } from '../primitives/button'
-import { ChevronDown, Languages } from 'lucide-react'
+import { ChevronDown, Languages } from './icons'
 import { cn } from '../../utils/cn'
 
 export function VersionSelector({ className }: { className?: string }) {