@gentleduck/docs 0.0.14 → 0.0.16

package/dist/{docs-pager-B8tRIKlg.d.ts → docs-pager-D2ekv5NL.d.ts}

@@ -1,6 +1,6 @@
 import { n as NavItem, r as NavItemWithChildren } from "./nav-B0m_RJfC.js";
 import { t as DocsConfig } from "./context.types-pTQ85uw2.js";
-import * as react_jsx_runtime90 from "react/jsx-runtime";
+import * as react_jsx_runtime42 from "react/jsx-runtime";
 
 //#region src/components/docs/docs-pager.d.ts
 interface DocsPagerProps {
@@ -11,10 +11,10 @@ interface DocsPagerProps {
 }
 declare function DocsPagerBottom({
   doc
-}: DocsPagerProps): react_jsx_runtime90.JSX.Element | null;
+}: DocsPagerProps): react_jsx_runtime42.JSX.Element | null;
 declare function DocsPagerTop({
   doc
-}: DocsPagerProps): react_jsx_runtime90.JSX.Element | null;
+}: DocsPagerProps): react_jsx_runtime42.JSX.Element | null;
 declare function getPagerForDoc(doc: DocsPagerProps['doc'], docsConfig: DocsConfig): {
   next: NavItem | null | undefined;
   prev: NavItem | null | undefined;
@@ -22,4 +22,4 @@ declare function getPagerForDoc(doc: DocsPagerProps['doc'], docsConfig: DocsConf
 declare function flatten(links: NavItemWithChildren[]): NavItem[];
 //#endregion
 export { getPagerForDoc as i, DocsPagerTop as n, flatten as r, DocsPagerBottom as t };
-//# sourceMappingURL=docs-pager-B8tRIKlg.d.ts.map
+//# sourceMappingURL=docs-pager-D2ekv5NL.d.ts.map

package/dist/{docs-pager-B8tRIKlg.d.ts.map → docs-pager-D2ekv5NL.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"docs-pager-B8tRIKlg.d.ts","names":[],"sources":["../src/components/docs/docs-pager.tsx"],"sourcesContent":[],"mappings":";;;;;UASU,cAAA;;;IAAA,KAAA,EAAA,MAAc;EAOR,CAAA;;AAAyB,iBAAzB,eAAA,CAAyB;EAAA;AAAA,CAAA,EAAA,cAAA,CAAA,EAAc,mBAAA,CAAA,GAAA,CAAA,OAAA,GAAd,IAAA;AAAc,iBAyCvC,YAAA,CAzCuC;EAAA;AAAA,CAAA,EAyCjB,cAzCiB,CAAA,EAyCH,mBAAA,CAAA,GAAA,CAAA,OAAA,GAzCG,IAAA;AAAA,iBAqFvC,cAAA,CArFuC,GAAA,EAqFnB,cArFmB,CAAA,KAAA,CAAA,EAAA,UAAA,EAqFgB,UArFhB,CAAA,EAAA;EAyCvC,IAAA,SAAA,GAAY,IAAA,GAAA,SAAA;EAAG,IAAA,SAAA,GAAA,IAAA,GAAA,SAAA;CAAO;AAAc,iBAgEpC,OAAA,CAhEoC,KAAA,EAgErB,mBAhEqB,EAAA,CAAA,EAgEG,OAhEH,EAAA"}
+{"version":3,"file":"docs-pager-D2ekv5NL.d.ts","names":[],"sources":["../src/components/docs/docs-pager.tsx"],"sourcesContent":[],"mappings":";;;;;UASU,cAAA;;;IAAA,KAAA,EAAA,MAAc;EAOR,CAAA;;AAAyB,iBAAzB,eAAA,CAAyB;EAAA;AAAA,CAAA,EAAA,cAAA,CAAA,EAAc,mBAAA,CAAA,GAAA,CAAA,OAAA,GAAd,IAAA;AAAc,iBAyCvC,YAAA,CAzCuC;EAAA;AAAA,CAAA,EAyCjB,cAzCiB,CAAA,EAyCH,mBAAA,CAAA,GAAA,CAAA,OAAA,GAzCG,IAAA;AAAA,iBAqFvC,cAAA,CArFuC,GAAA,EAqFnB,cArFmB,CAAA,KAAA,CAAA,EAAA,UAAA,EAqFgB,UArFhB,CAAA,EAAA;EAyCvC,IAAA,SAAA,GAAY,IAAA,GAAA,SAAA;EAAG,IAAA,SAAA,GAAA,IAAA,GAAA,SAAA;CAAO;AAAc,iBAgEpC,OAAA,CAhEoC,KAAA,EAgErB,mBAhEqB,EAAA,CAAA,EAgEG,OAhEH,EAAA"}

package/dist/{docs-sidebar-DfybXB8i.d.ts → docs-sidebar-C0yQ6ZWj.d.ts}

@@ -1,6 +1,6 @@
 import { i as SidebarNavItem } from "./nav-B0m_RJfC.js";
 import { t as DocsConfig } from "./context.types-pTQ85uw2.js";
-import * as react_jsx_runtime92 from "react/jsx-runtime";
+import * as react_jsx_runtime76 from "react/jsx-runtime";
 
 //#region src/components/docs/docs-sidebar.d.ts
 interface DocsSidebarNavProps {
@@ -8,7 +8,7 @@ interface DocsSidebarNavProps {
 }
 declare function DocsSidebarNav({
   config
-}: DocsSidebarNavProps): 0 | react_jsx_runtime92.JSX.Element | undefined;
+}: DocsSidebarNavProps): 0 | react_jsx_runtime76.JSX.Element | undefined;
 interface DocsSidebarNavItemsProps {
   items: SidebarNavItem[];
   pathname: string | null;
@@ -22,7 +22,7 @@ declare function DocsSidebarNavItems({
   className,
   depth,
   accordionDefault
-}: DocsSidebarNavItemsProps): 0 | react_jsx_runtime92.JSX.Element;
+}: DocsSidebarNavItemsProps): 0 | react_jsx_runtime76.JSX.Element;
 declare function DocsSidebarNavItem({
   item,
   pathname,
@@ -37,7 +37,7 @@ declare function DocsSidebarNavItem({
   accordionDefault?: boolean;
   forceOpen?: boolean;
   forceClose?: boolean;
-}): react_jsx_runtime92.JSX.Element;
+}): react_jsx_runtime76.JSX.Element;
 //#endregion
 export { DocsSidebarNavProps as i, DocsSidebarNavItem as n, DocsSidebarNavItems as r, DocsSidebarNav as t };
-//# sourceMappingURL=docs-sidebar-DfybXB8i.d.ts.map
+//# sourceMappingURL=docs-sidebar-C0yQ6ZWj.d.ts.map

package/dist/{docs-sidebar-DfybXB8i.d.ts.map → docs-sidebar-C0yQ6ZWj.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"docs-sidebar-DfybXB8i.d.ts","names":[],"sources":["../src/components/docs/docs-sidebar.tsx"],"sourcesContent":[],"mappings":";;;;;UAUiB,mBAAA;WACN;;AADM,iBAkBD,cAAA,CAjBL;EAAA;AAAU,CAAV,EAiBgC,mBAjBtB,CAAA,EAAA,CAAA,GAiByC,mBAAA,CAAA,GAAA,CAAA,OAAA,GAjBzC,SAAA;AAiBrB,UAuCU,wBAAA,CAvCoB;EAAG,KAAA,EAwCxB,cAxCwB,EAAA;EAAU,QAAA,EAAA,MAAA,GAAA,IAAA;EAAmB,SAAA,CAAA,EAAA,MAAA;EAAA,KAAA,CAAA,EAAA,MAAA;EAuCpD,gBAAA,CAAA,EAAA,OAAA;AAQV;AACE,iBADc,mBAAA,CACd;EAAA,KAAA;EAAA,QAAA;EAAA,SAAA;EAAA,KAAA;EAAA;AAAA,CAAA,EAKC,wBALD,CAAA,EAAA,CAAA,GAKyB,mBAAA,CAAA,GAAA,CAAA,OALzB;AACA,iBAkCc,kBAAA,CAlCd;EAAA,IAAA;EAAA,QAAA;EAAA,KAAA;EAAA,gBAAA;EAAA,SAAA;EAAA;AAkCF,CAlCE,EAAA;EACA,IAAA,EAyCM,cAzCN;EACA,QAAA,EAAA,MAAA,GAAA,IAAA;EACA,KAAA,CAAA,EAAA,MAAA;EACC,gBAAA,CAAA,EAAA,OAAA;EAAwB,SAAA,CAAA,EAAA,OAAA;EAAA,UAAA,CAAA,EAAA,OAAA;AA8B3B,CAAA,CAAA,EAcC,mBAAA,CAAA,GAAA,CAAA,OAdiC"}
+{"version":3,"file":"docs-sidebar-C0yQ6ZWj.d.ts","names":[],"sources":["../src/components/docs/docs-sidebar.tsx"],"sourcesContent":[],"mappings":";;;;;UAUiB,mBAAA;WACN;;AADM,iBAkBD,cAAA,CAjBL;EAAA;AAAU,CAAV,EAiBgC,mBAjBtB,CAAA,EAAA,CAAA,GAiByC,mBAAA,CAAA,GAAA,CAAA,OAAA,GAjBzC,SAAA;AAiBrB,UAuCU,wBAAA,CAvCoB;EAAG,KAAA,EAwCxB,cAxCwB,EAAA;EAAU,QAAA,EAAA,MAAA,GAAA,IAAA;EAAmB,SAAA,CAAA,EAAA,MAAA;EAAA,KAAA,CAAA,EAAA,MAAA;EAuCpD,gBAAA,CAAA,EAAA,OAAA;AAQV;AACE,iBADc,mBAAA,CACd;EAAA,KAAA;EAAA,QAAA;EAAA,SAAA;EAAA,KAAA;EAAA;AAAA,CAAA,EAKC,wBALD,CAAA,EAAA,CAAA,GAKyB,mBAAA,CAAA,GAAA,CAAA,OALzB;AACA,iBAkCc,kBAAA,CAlCd;EAAA,IAAA;EAAA,QAAA;EAAA,KAAA;EAAA,gBAAA;EAAA,SAAA;EAAA;AAkCF,CAlCE,EAAA;EACA,IAAA,EAyCM,cAzCN;EACA,QAAA,EAAA,MAAA,GAAA,IAAA;EACA,KAAA,CAAA,EAAA,MAAA;EACC,gBAAA,CAAA,EAAA,OAAA;EAAwB,SAAA,CAAA,EAAA,OAAA;EAAA,UAAA,CAAA,EAAA,OAAA;AA8B3B,CAAA,CAAA,EAcC,mBAAA,CAAA,GAAA,CAAA,OAdiC"}

package/dist/docs-toc-Bjmkbd6l.js

@@ -0,0 +1,2 @@
+import{t as e}from"./use-mounted-Bi7J0dBb.js";import{cn as t}from"@gentleduck/libs/cn";import*as n from"react";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{BookOpenText as a}from"lucide-react";function o(e,t=1){let n=[];for(let r of e)n.push({url:r.url,title:r.title,depth:t}),r.items&&t<2&&n.push(...o(r.items,t+1));return n}function s(e){return e>=2?12:0}function c(e){return e>=2?28:16}function l(e){let[t,r]=n.useState(``);return n.useEffect(()=>{let t=new IntersectionObserver(e=>{e.forEach(e=>{e.isIntersecting&&r(e.target.id)})},{rootMargin:`0% 0% -80% 0%`});return e?.forEach(e=>{if(!e)return;let n=document.getElementById(e);n&&t.observe(n)}),()=>{e?.forEach(e=>{if(!e)return;let n=document.getElementById(e);n&&t.unobserve(n)})}},[e]),t}function u(e,t){let[r,i]=n.useState([0,0]);return n.useEffect(()=>{let n=e.current;if(!t||!n||n.clientHeight===0){i([0,0]);return}let r=n.querySelector(`a[href="#${t}"]`);if(!r){i([0,0]);return}let a=getComputedStyle(r),o=r.offsetTop+parseFloat(a.paddingTop);i([o,r.offsetTop+r.clientHeight-parseFloat(a.paddingBottom)-o])},[t,e]),r}function d(e,t){let[r,i]=n.useState(null);return n.useEffect(()=>{let n=e.current;if(!n||n.clientHeight===0)return;function r(){if(!n)return;let e=0,r=0,a=[],o=0,c=0,l=!1;for(let i of t){let t=n.querySelector(`a[href="${i.url}"]`);if(!t)continue;let u=getComputedStyle(t),d=s(i.depth)+1,f=t.offsetTop+parseFloat(u.paddingTop),p=t.offsetTop+t.clientHeight-parseFloat(u.paddingBottom);e=Math.max(d,e),r=Math.max(r,p),l?((f!==c||d!==o)&&a.push(`L${d} ${f}`),a.push(`L${d} ${p}`)):(a.push(`M${d} ${f}`),a.push(`L${d} ${p}`),l=!0),o=d,c=p}i(a.length>0?{path:a.join(` `),width:e+1,height:r}:null)}let a=new ResizeObserver(r);return r(),a.observe(n),()=>a.disconnect()},[t]),r}function f({toc:e}){return r(`ul`,{className:`m-0 list-none`,children:n.useMemo(()=>{let t=[];for(let n of e){let e=n.title.length;if(t.push({level:1,width:`${Math.min(Math.max(e*8,80),200)}px`}),n.items)for(let e of n.items){let n=e.title.length;t.push({level:2,width:`${Math.min(Math.max(n*7,64),160)}px`})}}return t},[e]).map((e,n)=>r(`li`,{className:t(`mt-0 pt-2`,{"pl-4":e.level>1}),children:r(`div`,{className:`h-3.5 animate-pulse rounded-full bg-muted/70`,style:{width:e.width}})},n))})}function p({items:e,activeItem:a}){let o=n.useRef(null),s=u(o,a),l=d(o,e);return i(`div`,{ref:o,className:`relative`,children:[l?r(`svg`,{"aria-hidden":`true`,className:`pointer-events-none absolute start-0 top-0`,height:l.height,style:{width:l.width},viewBox:`0 0 ${l.width} ${l.height}`,width:l.width,children:r(`path`,{d:l.path,fill:`none`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:1,className:`text-muted-foreground/20`})}):null,e.map((e,n)=>r(`a`,{href:e.url,className:t(`relative block py-1.5 no-underline transition-colors [overflow-wrap:anywhere]`,e.url===`#${a}`?`font-medium text-primary`:`text-muted-foreground text-sm hover:text-foreground`),style:{paddingInlineStart:`${c(e.depth)}px`},children:e.title},n)),l?r(`div`,{"aria-hidden":`true`,className:`pointer-events-none absolute start-0 top-0`,style:{width:l.width,height:l.height,maskImage:`url("data:image/svg+xml,${encodeURIComponent(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${l.width} ${l.height}"><path d="${l.path}" stroke="black" stroke-width="2" fill="none" /></svg>`)}")`},children:r(`div`,{className:`bg-primary transition-all duration-300 ease-out`,style:{marginTop:s[0],height:s[1]}})}):null]})}function m({toc:t}){let s=n.useMemo(()=>o(t),[t]),c=l(n.useMemo(()=>s.map(e=>e.url.split(`#`)[1]).filter(Boolean),[s])),u=e();return t.length?i(`div`,{className:`flex min-h-0 flex-1 flex-col gap-2`,children:[i(`div`,{className:`flex shrink-0 items-center gap-2`,children:[r(a,{"aria-hidden":`true`,className:`size-4`}),r(`p`,{className:`font-medium`,children:`On This Page`})]}),r(`div`,{className:`min-h-0 flex-1 overflow-y-auto`,children:u?r(p,{activeItem:c,items:s}):r(f,{toc:t})})]}):null}export{m as t};
+//# sourceMappingURL=docs-toc-Bjmkbd6l.js.map

package/dist/docs-toc-Bjmkbd6l.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"docs-toc-Bjmkbd6l.js","names":["result: FlatTocItem[]","React","d: string[]","items: { level: number; width: string }[]"],"sources":["../src/components/docs/docs-toc.tsx"],"sourcesContent":["'use client'\n\nimport type { TocEntry } from '@duck-docs/context'\nimport { useMounted } from '@duck-docs/hooks/use-mounted'\nimport { cn } from '@gentleduck/libs/cn'\nimport { BookOpenText } from 'lucide-react'\nimport * as React from 'react'\n\n// -- Types -------------------------------------------------------------------\n\ninterface TocProps {\n  toc: TocEntry[]\n}\n\ninterface FlatTocItem {\n  url: string\n  title: string\n  depth: number\n}\n\n// -- Helpers -----------------------------------------------------------------\n\nfunction flattenToc(toc: TocEntry[], depth = 1): FlatTocItem[] {\n  const result: FlatTocItem[] = []\n  for (const entry of toc) {\n    result.push({ url: entry.url, title: entry.title, depth })\n    if (entry.items && depth < 2) {\n      result.push(...flattenToc(entry.items, depth + 1))\n    }\n  }\n  return result\n}\n\nfunction lineOffset(depth: number): number {\n  return depth >= 2 ? 12 : 0\n}\n\nfunction itemPadding(depth: number): number {\n  return depth >= 2 ? 28 : 16\n}\n\n// -- Hooks -------------------------------------------------------------------\n\nfunction useActiveItem(itemIds: (string | undefined)[]) {\n  const [activeId, setActiveId] = React.useState<string>('')\n\n  React.useEffect(() => {\n    const observer = new IntersectionObserver(\n      (entries) => {\n        entries.forEach((entry) => {\n          if (entry.isIntersecting) {\n            setActiveId(entry.target.id)\n          }\n        })\n      },\n      { rootMargin: '0% 0% -80% 0%' },\n    )\n\n    itemIds?.forEach((id) => {\n      if (!id) return\n      const element = document.getElementById(id)\n      if (element) observer.observe(element)\n    })\n\n    return () => {\n      itemIds?.forEach((id) => {\n        if (!id) return\n        const element = document.getElementById(id)\n        if (element) observer.unobserve(element)\n      })\n    }\n  }, [itemIds])\n\n  return activeId\n}\n\nfunction useTocThumb(containerRef: React.RefObject<HTMLDivElement | null>, activeItem: string): [number, number] {\n  const [pos, setPos] = React.useState<[number, number]>([0, 0])\n\n  React.useEffect(() => {\n    const container = containerRef.current\n    if (!activeItem || !container || container.clientHeight === 0) {\n      setPos([0, 0])\n      return\n    }\n\n    const el = container.querySelector<HTMLElement>(`a[href=\"#${activeItem}\"]`)\n    if (!el) {\n      setPos([0, 0])\n      return\n    }\n\n    const styles = getComputedStyle(el)\n    const top = el.offsetTop + parseFloat(styles.paddingTop)\n    const bottom = el.offsetTop + el.clientHeight - parseFloat(styles.paddingBottom)\n    setPos([top, bottom - top])\n  }, [activeItem, containerRef])\n\n  return pos\n}\n\nfunction useTocSvg(containerRef: React.RefObject<HTMLDivElement | null>, items: FlatTocItem[]) {\n  const [svg, setSvg] = React.useState<{ path: string; width: number; height: number } | null>(null)\n\n  React.useEffect(() => {\n    const container = containerRef.current\n    if (!container || container.clientHeight === 0) return\n\n    function compute() {\n      if (!container) return\n      let w = 0\n      let h = 0\n      const d: string[] = []\n      let previousOffset = 0\n      let previousBottom = 0\n      let hasStarted = false\n\n      for (const item of items) {\n        const el = container.querySelector<HTMLElement>(`a[href=\"${item.url}\"]`)\n        if (!el) continue\n\n        const styles = getComputedStyle(el)\n        const offset = lineOffset(item.depth) + 1\n        const top = el.offsetTop + parseFloat(styles.paddingTop)\n        const bottom = el.offsetTop + el.clientHeight - parseFloat(styles.paddingBottom)\n\n        w = Math.max(offset, w)\n        h = Math.max(h, bottom)\n\n        if (!hasStarted) {\n          d.push(`M${offset} ${top}`)\n          d.push(`L${offset} ${bottom}`)\n          hasStarted = true\n        } else {\n          // Connect stacked items (including depth changes) with one continuous path.\n          if (top !== previousBottom || offset !== previousOffset) {\n            d.push(`L${offset} ${top}`)\n          }\n          d.push(`L${offset} ${bottom}`)\n        }\n\n        previousOffset = offset\n        previousBottom = bottom\n      }\n\n      setSvg(d.length > 0 ? { path: d.join(' '), width: w + 1, height: h } : null)\n    }\n\n    const observer = new ResizeObserver(compute)\n    compute()\n    observer.observe(container)\n    return () => observer.disconnect()\n  }, [items])\n\n  return svg\n}\n\n// -- Skeleton ----------------------------------------------------------------\n\nfunction TocSkeleton({ toc }: TocProps) {\n  const skeletonItems = React.useMemo(() => {\n    const items: { level: number; width: string }[] = []\n    for (const entry of toc) {\n      const chars = entry.title.length\n      items.push({ level: 1, width: `${Math.min(Math.max(chars * 8, 80), 200)}px` })\n      if (entry.items) {\n        for (const sub of entry.items) {\n          const subChars = sub.title.length\n          items.push({ level: 2, width: `${Math.min(Math.max(subChars * 7, 64), 160)}px` })\n        }\n      }\n    }\n    return items\n  }, [toc])\n\n  return (\n    <ul className=\"m-0 list-none\">\n      {skeletonItems.map((item, i) => (\n        <li key={i} className={cn('mt-0 pt-2', { 'pl-4': item.level > 1 })}>\n          <div className=\"h-3.5 animate-pulse rounded-full bg-muted/70\" style={{ width: item.width }} />\n        </li>\n      ))}\n    </ul>\n  )\n}\n\n// -- TocTree -----------------------------------------------------------------\n\nfunction TocTree({ items, activeItem }: { items: FlatTocItem[]; activeItem: string }) {\n  const containerRef = React.useRef<HTMLDivElement>(null)\n  const thumb = useTocThumb(containerRef, activeItem)\n  const svg = useTocSvg(containerRef, items)\n\n  return (\n    <div ref={containerRef} className=\"relative\">\n      {/* Shared SVG track for smoother joins and anti-aliased rendering */}\n      {svg ? (\n        <svg\n          aria-hidden=\"true\"\n          className=\"pointer-events-none absolute start-0 top-0\"\n          height={svg.height}\n          style={{ width: svg.width }}\n          viewBox={`0 0 ${svg.width} ${svg.height}`}\n          width={svg.width}>\n          <path\n            d={svg.path}\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={1}\n            className=\"text-muted-foreground/20\"\n          />\n        </svg>\n      ) : null}\n\n      {/* Link labels */}\n      {items.map((item, i) => {\n        return (\n          <a\n            key={i}\n            href={item.url}\n            className={cn(\n              'relative block py-1.5 no-underline transition-colors [overflow-wrap:anywhere]',\n              item.url === `#${activeItem}`\n                ? 'font-medium text-primary'\n                : 'text-muted-foreground text-sm hover:text-foreground',\n            )}\n            style={{ paddingInlineStart: `${itemPadding(item.depth)}px` }}>\n            {item.title}\n          </a>\n        )\n      })}\n\n      {/* Active highlight -- masked by the SVG path */}\n      {svg ? (\n        <div\n          aria-hidden=\"true\"\n          className=\"pointer-events-none absolute start-0 top-0\"\n          style={{\n            width: svg.width,\n            height: svg.height,\n            maskImage: `url(\"data:image/svg+xml,${encodeURIComponent(\n              `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 ${svg.width} ${svg.height}\"><path d=\"${svg.path}\" stroke=\"black\" stroke-width=\"2\" fill=\"none\" /></svg>`,\n            )}\")`,\n          }}>\n          <div\n            className=\"bg-primary transition-all duration-300 ease-out\"\n            style={{\n              marginTop: thumb[0],\n              height: thumb[1],\n            }}\n          />\n        </div>\n      ) : null}\n    </div>\n  )\n}\n\n// -- Main component ----------------------------------------------------------\n\nexport function DashboardTableOfContents({ toc }: TocProps) {\n  const flatItems = React.useMemo(() => flattenToc(toc), [toc])\n  const itemIds = React.useMemo(() => flatItems.map((item) => item.url.split('#')[1]).filter(Boolean), [flatItems])\n  const activeHeading = useActiveItem(itemIds)\n  const mounted = useMounted()\n\n  if (!toc.length) return null\n\n  return (\n    <div className=\"flex min-h-0 flex-1 flex-col gap-2\">\n      <div className=\"flex shrink-0 items-center gap-2\">\n        <BookOpenText aria-hidden=\"true\" className=\"size-4\" />\n        <p className=\"font-medium\">On This Page</p>\n      </div>\n      <div className=\"min-h-0 flex-1 overflow-y-auto\">\n        {mounted ? <TocTree activeItem={activeHeading} items={flatItems} /> : <TocSkeleton toc={toc} />}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/{docs-toc-D-y66YCw.d.ts → docs-toc-D-hn1gA2.d.ts}

@@ -1,5 +1,5 @@
 import { o as TocEntry } from "./context.types-pTQ85uw2.js";
-import * as react_jsx_runtime95 from "react/jsx-runtime";
+import * as react_jsx_runtime79 from "react/jsx-runtime";
 
 //#region src/components/docs/docs-toc.d.ts
 interface TocProps {
@@ -7,7 +7,7 @@ interface TocProps {
 }
 declare function DashboardTableOfContents({
   toc
-}: TocProps): react_jsx_runtime95.JSX.Element | null;
+}: TocProps): react_jsx_runtime79.JSX.Element | null;
 //#endregion
 export { DashboardTableOfContents as t };
-//# sourceMappingURL=docs-toc-D-y66YCw.d.ts.map
+//# sourceMappingURL=docs-toc-D-hn1gA2.d.ts.map

package/dist/docs-toc-D-hn1gA2.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"docs-toc-D-hn1gA2.d.ts","names":[],"sources":["../src/components/docs/docs-toc.tsx"],"sourcesContent":[],"mappings":";;;;UAUU,QAAA;OACH;;AADG,iBA2PM,wBAAA,CA1PD;EAAA;AAAA,CAAA,EA0PmC,QA1PnC,CAAA,EA0P2C,mBAAA,CAAA,GAAA,CAAA,OAAA,GA1P3C,IAAA"}