@assistant-ui/docs-theme 0.0.0 → 0.0.3

package/dist/site/header.js

@@ -0,0 +1,81 @@
+"use client";
+import { cn } from "./utils.js";
+import { DOCS_SIDEBAR_ID, useDocsSidebar } from "./sidebar.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Menu, PanelLeft, X } from "lucide-react";
+import { useId, useRef, useState } from "react";
+// src/site/header.tsx
+function DocsSiteHeader({ brand, mobileControls, condensedNavigation, desktopNavigation, mobileNavigation, navigationRoot: NavigationRoot, scrolled }) {
+	const { open: sidebarOpen, setOpen: setSidebarOpen, toggle: toggleSidebar } = useDocsSidebar();
+	const [navMenuOpen, setNavMenuOpen] = useState(false);
+	const navMenuId = useId();
+	const navMenuToggle = useRef(null);
+	const closeNavigation = () => {
+		setNavMenuOpen(false);
+		navMenuToggle.current?.focus();
+	};
+	const toggleNavigation = () => {
+		if (!navMenuOpen) setSidebarOpen(false);
+		setNavMenuOpen((open) => !open);
+	};
+	const toggleMenu = () => {
+		if (!sidebarOpen) setNavMenuOpen(false);
+		toggleSidebar();
+	};
+	return /* @__PURE__ */ jsx("header", {
+		className: "sticky top-0 z-50",
+		children: /* @__PURE__ */ jsxs(NavigationRoot, { children: [/* @__PURE__ */ jsxs("div", {
+			className: cn("relative z-10 transition-colors duration-200", scrolled ? "bg-background/80 backdrop-blur-md" : "bg-transparent", "group-data-[menu-open=true]:bg-background", "flex h-12 w-full items-center px-4"),
+			children: [
+				/* @__PURE__ */ jsx("div", {
+					className: "flex min-w-0 flex-1 items-center",
+					children: brand
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "ml-auto flex shrink-0 items-center gap-1 md:hidden",
+					children: [
+						mobileControls,
+						/* @__PURE__ */ jsx("button", {
+							type: "button",
+							ref: navMenuToggle,
+							onClick: toggleNavigation,
+							className: "text-muted-foreground hover:text-foreground flex size-8 items-center justify-center transition-colors",
+							"aria-label": "Site navigation",
+							"aria-expanded": navMenuOpen,
+							"aria-controls": navMenuId,
+							children: navMenuOpen ? /* @__PURE__ */ jsx(X, { className: "size-4" }) : /* @__PURE__ */ jsx(Menu, { className: "size-4" })
+						}),
+						/* @__PURE__ */ jsx("button", {
+							type: "button",
+							onClick: toggleMenu,
+							className: "text-muted-foreground hover:text-foreground flex size-8 items-center justify-center transition-colors",
+							"aria-label": "Toggle sidebar",
+							"aria-expanded": sidebarOpen,
+							"aria-controls": DOCS_SIDEBAR_ID,
+							children: sidebarOpen ? /* @__PURE__ */ jsx(X, { className: "size-4" }) : /* @__PURE__ */ jsx(PanelLeft, { className: "size-4" })
+						})
+					]
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "ml-auto hidden items-center gap-4 md:flex lg:hidden",
+					children: condensedNavigation
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "ml-auto hidden items-center gap-4 lg:flex",
+					children: desktopNavigation
+				})
+			]
+		}), /* @__PURE__ */ jsx("div", {
+			className: cn("bg-background fixed inset-x-0 top-12 bottom-0 z-40 transition-opacity duration-200 md:hidden", navMenuOpen ? "opacity-100" : "pointer-events-none opacity-0"),
+			id: navMenuId,
+			inert: !navMenuOpen,
+			children: /* @__PURE__ */ jsx("div", {
+				className: "flex h-full flex-col gap-1 overflow-y-auto px-4 pt-4",
+				children: mobileNavigation(closeNavigation)
+			})
+		})] })
+	});
+}
+export { DocsSiteHeader };
+
+//# sourceMappingURL=header.js.map

package/dist/site/header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.js","names":[],"sources":["../../src/site/header.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  useId,\n  useRef,\n  useState,\n  type ComponentType,\n  type ReactNode,\n} from \"react\";\nimport { Menu, PanelLeft, X } from \"lucide-react\";\nimport { DOCS_SIDEBAR_ID, useDocsSidebar } from \"./sidebar\";\nimport { cn } from \"./utils\";\n\nexport function DocsSiteHeader({\n  brand,\n  mobileControls,\n  condensedNavigation,\n  desktopNavigation,\n  mobileNavigation,\n  navigationRoot: NavigationRoot,\n  scrolled,\n}: {\n  brand: ReactNode;\n  mobileControls: ReactNode;\n  condensedNavigation: ReactNode;\n  desktopNavigation: ReactNode;\n  mobileNavigation: (close: () => void) => ReactNode;\n  navigationRoot: ComponentType<{ children: ReactNode }>;\n  scrolled: boolean;\n}) {\n  const {\n    open: sidebarOpen,\n    setOpen: setSidebarOpen,\n    toggle: toggleSidebar,\n  } = useDocsSidebar();\n  const [navMenuOpen, setNavMenuOpen] = useState(false);\n  const navMenuId = useId();\n  const navMenuToggle = useRef<HTMLButtonElement>(null);\n  const closeNavigation = () => {\n    setNavMenuOpen(false);\n    navMenuToggle.current?.focus();\n  };\n  const toggleNavigation = () => {\n    if (!navMenuOpen) setSidebarOpen(false);\n    setNavMenuOpen((open) => !open);\n  };\n  const toggleMenu = () => {\n    if (!sidebarOpen) setNavMenuOpen(false);\n    toggleSidebar();\n  };\n  return (\n    <header className=\"sticky top-0 z-50\">\n      <NavigationRoot>\n        <div\n          className={cn(\n            \"relative z-10 transition-colors duration-200\",\n            scrolled ? \"bg-background/80 backdrop-blur-md\" : \"bg-transparent\",\n            \"group-data-[menu-open=true]:bg-background\",\n            \"flex h-12 w-full items-center px-4\",\n          )}\n        >\n          <div className=\"flex min-w-0 flex-1 items-center\">{brand}</div>\n          <div className=\"ml-auto flex shrink-0 items-center gap-1 md:hidden\">\n            {mobileControls}\n            <button\n              type=\"button\"\n              ref={navMenuToggle}\n              onClick={toggleNavigation}\n              className=\"text-muted-foreground hover:text-foreground flex size-8 items-center justify-center transition-colors\"\n              aria-label=\"Site navigation\"\n              aria-expanded={navMenuOpen}\n              aria-controls={navMenuId}\n            >\n              {navMenuOpen ? (\n                <X className=\"size-4\" />\n              ) : (\n                <Menu className=\"size-4\" />\n              )}\n            </button>\n            <button\n              type=\"button\"\n              onClick={toggleMenu}\n              className=\"text-muted-foreground hover:text-foreground flex size-8 items-center justify-center transition-colors\"\n              aria-label=\"Toggle sidebar\"\n              aria-expanded={sidebarOpen}\n              aria-controls={DOCS_SIDEBAR_ID}\n            >\n              {sidebarOpen ? (\n                <X className=\"size-4\" />\n              ) : (\n                <PanelLeft className=\"size-4\" />\n              )}\n            </button>\n          </div>\n          <div className=\"ml-auto hidden items-center gap-4 md:flex lg:hidden\">\n            {condensedNavigation}\n          </div>\n          <div className=\"ml-auto hidden items-center gap-4 lg:flex\">\n            {desktopNavigation}\n          </div>\n        </div>\n        <div\n          className={cn(\n            \"bg-background fixed inset-x-0 top-12 bottom-0 z-40 transition-opacity duration-200 md:hidden\",\n            navMenuOpen ? \"opacity-100\" : \"pointer-events-none opacity-0\",\n          )}\n          id={navMenuId}\n          inert={!navMenuOpen}\n        >\n          <div className=\"flex h-full flex-col gap-1 overflow-y-auto px-4 pt-4\">\n            {mobileNavigation(closeNavigation)}\n          </div>\n        </div>\n      </NavigationRoot>\n    </header>\n  );\n}\n"],"mappings":";;;;;;;AAaA,SAAgB,eAAe,EAC7B,OACA,gBACA,qBACA,mBACA,kBACA,gBAAgB,gBAChB,YASC;CACD,MAAM,EACJ,MAAM,aACN,SAAS,gBACT,QAAQ,kBACN,eAAe;CACnB,MAAM,CAAC,aAAa,kBAAkB,SAAS,KAAK;CACpD,MAAM,YAAY,MAAM;CACxB,MAAM,gBAAgB,OAA0B,IAAI;CACpD,MAAM,wBAAwB;EAC5B,eAAe,KAAK;EACpB,cAAc,SAAS,MAAM;CAC/B;CACA,MAAM,yBAAyB;EAC7B,IAAI,CAAC,aAAa,eAAe,KAAK;EACtC,gBAAgB,SAAS,CAAC,IAAI;CAChC;CACA,MAAM,mBAAmB;EACvB,IAAI,CAAC,aAAa,eAAe,KAAK;EACtC,cAAc;CAChB;CACA,OACE,oBAAC,UAAD;EAAQ,WAAU;EAChB,UAAA,qBAAC,gBAAD,EAAA,UAAA,CACE,qBAAC,OAAD;GACE,WAAW,GACT,gDACA,WAAW,sCAAsC,kBACjD,6CACA,oCACF;GANF,UAAA;IAQE,oBAAC,OAAD;KAAK,WAAU;KAAoC,UAAA;IAAW,CAAA;IAC9D,qBAAC,OAAD;KAAK,WAAU;KAAf,UAAA;MACG;MACD,oBAAC,UAAD;OACE,MAAK;OACL,KAAK;OACL,SAAS;OACT,WAAU;OACV,cAAW;OACX,iBAAe;OACf,iBAAe;OAEd,UAAA,cACC,oBAAC,GAAD,EAAG,WAAU,SAAU,CAAA,IAEvB,oBAAC,MAAD,EAAM,WAAU,SAAU,CAAA;MAEtB,CAAA;MACR,oBAAC,UAAD;OACE,MAAK;OACL,SAAS;OACT,WAAU;OACV,cAAW;OACX,iBAAe;OACf,iBAAe;OAEd,UAAA,cACC,oBAAC,GAAD,EAAG,WAAU,SAAU,CAAA,IAEvB,oBAAC,WAAD,EAAW,WAAU,SAAU,CAAA;MAE3B,CAAA;KACL;;IACL,oBAAC,OAAD;KAAK,WAAU;KACZ,UAAA;IACE,CAAA;IACL,oBAAC,OAAD;KAAK,WAAU;KACZ,UAAA;IACE,CAAA;GACF;EACL,CAAA,GAAA,oBAAC,OAAD;GACE,WAAW,GACT,gGACA,cAAc,gBAAgB,+BAChC;GACA,IAAI;GACJ,OAAO,CAAC;GAER,UAAA,oBAAC,OAAD;IAAK,WAAU;IACZ,UAAA,iBAAiB,eAAe;GAC9B,CAAA;EACF,CAAA,CACS,EAAA,CAAA;CACV,CAAA;AAEZ"}

package/dist/site/layout.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from "react";
+export declare function DocsShell({ children }: {
+    children: ReactNode;
+}): ReactNode;
+export declare function DocsContent({ children }: {
+    children: ReactNode;
+}): ReactNode;
+//# sourceMappingURL=layout.d.ts.map

package/dist/site/layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../src/site/layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,GAAG,SAAS,CAa1E;AAED,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,GAAG,SAAS,CAc5E"}

package/dist/site/layout.js

@@ -0,0 +1,21 @@
+import "./constants.js";
+import { jsx } from "react/jsx-runtime";
+// src/site/layout.tsx
+function DocsShell({ children }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "docs-shell",
+		style: { "--sidebar-width": `260px` },
+		children
+	});
+}
+function DocsContent({ children }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-docs-content": "",
+		className: "@container md:ml-(--sidebar-width)",
+		style: { "--sidebar-width": `260px` },
+		children
+	});
+}
+export { DocsContent, DocsShell };
+
+//# sourceMappingURL=layout.js.map

package/dist/site/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.js","names":[],"sources":["../../src/site/layout.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { DOCS_SIDEBAR_WIDTH } from \"./constants\";\n\nexport function DocsShell({ children }: { children: ReactNode }): ReactNode {\n  return (\n    <div\n      className=\"docs-shell\"\n      style={\n        {\n          \"--sidebar-width\": `${DOCS_SIDEBAR_WIDTH}px`,\n        } as React.CSSProperties\n      }\n    >\n      {children}\n    </div>\n  );\n}\n\nexport function DocsContent({ children }: { children: ReactNode }): ReactNode {\n  return (\n    <div\n      data-docs-content=\"\"\n      className=\"@container md:ml-(--sidebar-width)\"\n      style={\n        {\n          \"--sidebar-width\": `${DOCS_SIDEBAR_WIDTH}px`,\n        } as React.CSSProperties\n      }\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;AAGA,SAAgB,UAAU,EAAE,YAAgD;CAC1E,OACE,oBAAC,OAAD;EACE,WAAU;EACV,OACE,EACE,mBAAmB,QACrB;EAGD;CACE,CAAA;AAET;AAEA,SAAgB,YAAY,EAAE,YAAgD;CAC5E,OACE,oBAAC,OAAD;EACE,qBAAkB;EAClB,WAAU;EACV,OACE,EACE,mBAAmB,QACrB;EAGD;CACE,CAAA;AAET"}

package/dist/site/page.d.ts

@@ -0,0 +1,9 @@
+import type { ComponentProps, ReactNode } from "react";
+export declare function DocsPageShell({ toc, footer, children, mainProps, }: {
+    toc?: ReactNode;
+    footer?: ReactNode;
+    children: ReactNode;
+    mainProps?: Omit<ComponentProps<"main">, "children">;
+}): import("react").JSX.Element;
+export declare function DocsBody({ className, ...props }: ComponentProps<"article">): import("react").JSX.Element;
+//# sourceMappingURL=page.d.ts.map

package/dist/site/page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../../src/site/page.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,wBAAgB,aAAa,CAAC,EAC5B,GAAG,EACH,MAAM,EACN,QAAQ,EACR,SAAS,GACV,EAAE;IACD,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,CAAC;CACtD,+BAoBA;AAED,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,SAAS,CAAC,+BAE1E"}

package/dist/site/page.js

@@ -0,0 +1,32 @@
+import { cn } from "./utils.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/site/page.tsx
+function DocsPageShell({ toc, footer, children, mainProps }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "docs-layout",
+		children: [
+			/* @__PURE__ */ jsx("main", {
+				...mainProps,
+				className: cn("mx-auto w-full max-w-(--docs-article-width) justify-self-center px-4 pt-4 pb-10 md:px-6", mainProps?.className),
+				children
+			}),
+			toc,
+			footer && /* @__PURE__ */ jsx("footer", {
+				className: "mx-auto w-full max-w-(--docs-article-width) justify-self-center px-4 pb-10 md:px-6",
+				children: /* @__PURE__ */ jsx("div", {
+					className: "border-t pt-6",
+					children: footer
+				})
+			})
+		]
+	});
+}
+function DocsBody({ className, ...props }) {
+	return /* @__PURE__ */ jsx("article", {
+		...props,
+		className: cn("docs-prose prose", className)
+	});
+}
+export { DocsBody, DocsPageShell };
+
+//# sourceMappingURL=page.js.map

package/dist/site/page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page.js","names":[],"sources":["../../src/site/page.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from \"react\";\nimport { cn } from \"./utils\";\n\nexport function DocsPageShell({\n  toc,\n  footer,\n  children,\n  mainProps,\n}: {\n  toc?: ReactNode;\n  footer?: ReactNode;\n  children: ReactNode;\n  mainProps?: Omit<ComponentProps<\"main\">, \"children\">;\n}) {\n  return (\n    <div className=\"docs-layout\">\n      <main\n        {...mainProps}\n        className={cn(\n          \"mx-auto w-full max-w-(--docs-article-width) justify-self-center px-4 pt-4 pb-10 md:px-6\",\n          mainProps?.className,\n        )}\n      >\n        {children}\n      </main>\n      {toc}\n      {footer && (\n        <footer className=\"mx-auto w-full max-w-(--docs-article-width) justify-self-center px-4 pb-10 md:px-6\">\n          <div className=\"border-t pt-6\">{footer}</div>\n        </footer>\n      )}\n    </div>\n  );\n}\n\nexport function DocsBody({ className, ...props }: ComponentProps<\"article\">) {\n  return <article {...props} className={cn(\"docs-prose prose\", className)} />;\n}\n"],"mappings":";;;AAGA,SAAgB,cAAc,EAC5B,KACA,QACA,UACA,aAMC;CACD,OACE,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA;GACE,oBAAC,QAAD;IACE,GAAI;IACJ,WAAW,GACT,2FACA,WAAW,SACb;IAEC;GACG,CAAA;GACL;GACA,UACC,oBAAC,UAAD;IAAQ,WAAU;IAChB,UAAA,oBAAC,OAAD;KAAK,WAAU;KAAiB,UAAA;IAAY,CAAA;GACtC,CAAA;EAEP;;AAET;AAEA,SAAgB,SAAS,EAAE,WAAW,GAAG,SAAoC;CAC3E,OAAO,oBAAC,WAAD;EAAS,GAAI;EAAO,WAAW,GAAG,oBAAoB,SAAS;CAAI,CAAA;AAC5E"}

package/dist/site/pager.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from "react";
+export declare function DocsPagerNavigation({ previous, next, children, }: {
+    previous?: {
+        url: string;
+        name?: ReactNode;
+    } | undefined;
+    next?: {
+        url: string;
+        name?: ReactNode;
+    } | undefined;
+    children?: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=pager.d.ts.map

package/dist/site/pager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pager.d.ts","sourceRoot":"","sources":["../../src/site/pager.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvC,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,IAAI,EACJ,QAAQ,GACT,EAAE;IACD,QAAQ,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,SAAS,CAAA;KAAE,GAAG,SAAS,CAAC;IACzD,IAAI,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,SAAS,CAAA;KAAE,GAAG,SAAS,CAAC;IACrD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,+BAoCA"}

package/dist/site/pager.js

@@ -0,0 +1,36 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+// src/site/pager.tsx
+const pagerLabel = (direction, name) => typeof name === "string" && name !== "" ? `${direction}: ${name}` : `${direction} page`;
+function DocsPagerNavigation({ previous, next, children }) {
+	const buttonClass = "flex size-7 items-center justify-center rounded-md bg-muted/50 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground sm:size-8";
+	const disabledClass = "flex size-7 items-center justify-center rounded-md bg-muted/30 text-muted-foreground/40 cursor-not-allowed sm:size-8";
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-1",
+		children: [
+			previous ? /* @__PURE__ */ jsx(Link, {
+				href: previous.url,
+				className: buttonClass,
+				"aria-label": pagerLabel("Previous", previous.name),
+				children: /* @__PURE__ */ jsx(ChevronLeft, { className: "size-4" })
+			}) : /* @__PURE__ */ jsx("div", {
+				className: disabledClass,
+				children: /* @__PURE__ */ jsx(ChevronLeft, { className: "size-4" })
+			}),
+			next ? /* @__PURE__ */ jsx(Link, {
+				href: next.url,
+				className: buttonClass,
+				"aria-label": pagerLabel("Next", next.name),
+				children: /* @__PURE__ */ jsx(ChevronRight, { className: "size-4" })
+			}) : /* @__PURE__ */ jsx("div", {
+				className: disabledClass,
+				children: /* @__PURE__ */ jsx(ChevronRight, { className: "size-4" })
+			}),
+			children
+		]
+	});
+}
+export { DocsPagerNavigation };
+
+//# sourceMappingURL=pager.js.map

package/dist/site/pager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pager.js","names":[],"sources":["../../src/site/pager.tsx"],"sourcesContent":["import Link from \"next/link\";\nimport type { ReactNode } from \"react\";\nimport { ChevronLeft, ChevronRight } from \"lucide-react\";\n\nconst pagerLabel = (direction: \"Previous\" | \"Next\", name: ReactNode) =>\n  typeof name === \"string\" && name !== \"\"\n    ? `${direction}: ${name}`\n    : `${direction} page`;\n\nexport function DocsPagerNavigation({\n  previous,\n  next,\n  children,\n}: {\n  previous?: { url: string; name?: ReactNode } | undefined;\n  next?: { url: string; name?: ReactNode } | undefined;\n  children?: ReactNode;\n}) {\n  const buttonClass =\n    \"flex size-7 items-center justify-center rounded-md bg-muted/50 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground sm:size-8\";\n  const disabledClass =\n    \"flex size-7 items-center justify-center rounded-md bg-muted/30 text-muted-foreground/40 cursor-not-allowed sm:size-8\";\n  return (\n    <div className=\"flex items-center gap-1\">\n      {previous ? (\n        <Link\n          href={previous.url}\n          className={buttonClass}\n          aria-label={pagerLabel(\"Previous\", previous.name)}\n        >\n          <ChevronLeft className=\"size-4\" />\n        </Link>\n      ) : (\n        <div className={disabledClass}>\n          <ChevronLeft className=\"size-4\" />\n        </div>\n      )}\n      {next ? (\n        <Link\n          href={next.url}\n          className={buttonClass}\n          aria-label={pagerLabel(\"Next\", next.name)}\n        >\n          <ChevronRight className=\"size-4\" />\n        </Link>\n      ) : (\n        <div className={disabledClass}>\n          <ChevronRight className=\"size-4\" />\n        </div>\n      )}\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;AAIA,MAAM,cAAc,WAAgC,SAClD,OAAO,SAAS,YAAY,SAAS,KACjC,GAAG,UAAU,IAAI,SACjB,GAAG,UAAU;AAEnB,SAAgB,oBAAoB,EAClC,UACA,MACA,YAKC;CACD,MAAM,cACJ;CACF,MAAM,gBACJ;CACF,OACE,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA;GACG,WACC,oBAAC,MAAD;IACE,MAAM,SAAS;IACf,WAAW;IACX,cAAY,WAAW,YAAY,SAAS,IAAI;IAEhD,UAAA,oBAAC,aAAD,EAAa,WAAU,SAAU,CAAA;GAC7B,CAAA,IAEN,oBAAC,OAAD;IAAK,WAAW;IACd,UAAA,oBAAC,aAAD,EAAa,WAAU,SAAU,CAAA;GAC9B,CAAA;GAEN,OACC,oBAAC,MAAD;IACE,MAAM,KAAK;IACX,WAAW;IACX,cAAY,WAAW,QAAQ,KAAK,IAAI;IAExC,UAAA,oBAAC,cAAD,EAAc,WAAU,SAAU,CAAA;GAC9B,CAAA,IAEN,oBAAC,OAAD;IAAK,WAAW;IACd,UAAA,oBAAC,cAAD,EAAc,WAAU,SAAU,CAAA;GAC/B,CAAA;GAEN;EACE;;AAET"}

package/dist/site/sidebar-navigation.d.ts

@@ -0,0 +1,13 @@
+import { type ReactNode } from "react";
+import type { DocsNode, DocsFolder } from "./tree.js";
+export declare function DocsSidebarNavigation({ sections, pathname, activeSectionId, isVisible, onNavigate, banner, footer, platform, }: {
+    sections: readonly DocsFolder[];
+    pathname: string;
+    activeSectionId: string | null;
+    isVisible?: (node: DocsNode) => boolean;
+    onNavigate: () => void;
+    banner?: ReactNode;
+    footer?: ReactNode;
+    platform?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=sidebar-navigation.d.ts.map

package/dist/site/sidebar-navigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-navigation.d.ts","sourceRoot":"","sources":["../../src/site/sidebar-navigation.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAwC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7E,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,kBAAe;AAwKnD,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,QAAQ,EACR,eAAe,EACf,SAAmB,EACnB,UAAU,EACV,MAAM,EACN,MAAM,EACN,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,SAAS,UAAU,EAAE,CAAC;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC;IACxC,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,+BA4EA"}

package/dist/site/sidebar-navigation.js

@@ -0,0 +1,185 @@
+"use client";
+import { cn } from "./utils.js";
+import { findActivePath } from "./tree.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { ChevronDown } from "lucide-react";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { AnimatePresence, LazyMotion, domAnimation } from "motion/react";
+import * as m from "motion/react-m";
+// src/site/sidebar-navigation.tsx
+function SectionItem({ item, onNavigate, pathname, activePath, isVisible }) {
+	if (!isVisible(item)) return null;
+	if (item.type === "separator") return /* @__PURE__ */ jsx("p", {
+		className: "text-muted-foreground mt-4 mb-1 px-2 text-xs font-medium first:mt-1",
+		children: item.name
+	});
+	if (item.type === "folder") {
+		const isActive = item.index && pathname === item.index.url;
+		const containsActive = activePath.has(item);
+		const hasChildren = item.children.length > 0;
+		return /* @__PURE__ */ jsxs("div", { children: [item.index ? /* @__PURE__ */ jsxs(Link, {
+			href: item.index.url,
+			onClick: onNavigate,
+			"data-active": isActive ? "true" : "false",
+			className: cn("flex items-center gap-2 rounded-md px-2 py-1.5 text-[13px] transition-colors duration-150", isActive ? "bg-accent/20 text-foreground dark:bg-accent/50 font-medium" : "text-muted-foreground hover:bg-accent/30 hover:text-foreground/90 dark:hover:bg-accent/40"),
+			children: [item.icon, /* @__PURE__ */ jsx("span", {
+				className: "truncate",
+				children: item.name
+			})]
+		}) : /* @__PURE__ */ jsxs("p", {
+			className: "text-muted-foreground mt-3 mb-1 flex items-center gap-2 px-2 text-xs font-medium first:mt-1",
+			children: [item.icon, item.name]
+		}), hasChildren && (containsActive || !item.index) && /* @__PURE__ */ jsx("div", {
+			className: "border-border/50 ml-2 flex flex-col gap-0.5 border-l pl-2",
+			children: item.children.map((child) => /* @__PURE__ */ jsx(SectionItem, {
+				item: child,
+				onNavigate,
+				pathname,
+				activePath,
+				isVisible
+			}, child.$id))
+		})] });
+	}
+	const isActive = pathname === item.url;
+	return /* @__PURE__ */ jsxs(Link, {
+		href: item.url,
+		onClick: onNavigate,
+		"data-active": isActive ? "true" : "false",
+		className: cn("flex items-center gap-2 rounded-md px-2 py-1.5 text-[13px] transition-colors duration-150", isActive ? "bg-accent/20 text-foreground dark:bg-accent/50 font-medium" : "text-muted-foreground hover:bg-accent/30 hover:text-foreground/90 dark:hover:bg-accent/40"),
+		children: [item.icon, /* @__PURE__ */ jsx("span", {
+			className: "truncate",
+			children: item.name
+		})]
+	});
+}
+function SidebarSection({ folder, isOpen, onToggle, onNavigate, pathname, activePath, isVisible }) {
+	const isActive = folder.index && pathname === folder.index.url;
+	return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("button", {
+		type: "button",
+		onClick: onToggle,
+		"aria-expanded": isOpen,
+		className: cn("hover:bg-accent/30 dark:hover:bg-accent/40 flex w-full items-center gap-2 rounded-md px-2 py-2 text-left text-[13px] transition-colors duration-150", isActive || isOpen ? "text-foreground font-medium" : "text-muted-foreground/90"),
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				className: "text-muted-foreground flex size-4 shrink-0 items-center justify-center",
+				children: folder.icon
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: "flex-1 truncate",
+				children: folder.name
+			}),
+			/* @__PURE__ */ jsx(ChevronDown, { className: cn("text-muted-foreground/60 size-3.5 shrink-0 transition-transform duration-200", !isOpen && "-rotate-90") })
+		]
+	}), /* @__PURE__ */ jsx(AnimatePresence, {
+		initial: false,
+		children: isOpen && /* @__PURE__ */ jsx(m.div, {
+			initial: {
+				height: 0,
+				opacity: 0
+			},
+			animate: {
+				height: "auto",
+				opacity: 1
+			},
+			exit: {
+				height: 0,
+				opacity: 0
+			},
+			transition: {
+				duration: .22,
+				ease: [
+					.16,
+					1,
+					.3,
+					1
+				]
+			},
+			className: "overflow-hidden",
+			children: /* @__PURE__ */ jsx("div", {
+				className: "border-border/50 mt-0.5 mb-1 ml-4 flex flex-col gap-0.5 border-l pl-2",
+				children: folder.children.map((child) => /* @__PURE__ */ jsx(SectionItem, {
+					item: child,
+					onNavigate,
+					pathname,
+					activePath,
+					isVisible
+				}, child.$id))
+			})
+		})
+	})] });
+}
+const visible = () => true;
+function DocsSidebarNavigation({ sections, pathname, activeSectionId, isVisible = visible, onNavigate, banner, footer, platform }) {
+	const navRef = useRef(null);
+	const activePath = useMemo(() => new Set(findActivePath(sections, pathname)), [sections, pathname]);
+	const [openSectionId, setOpenSectionId] = useState(activeSectionId);
+	const [sectionScope, setSectionScope] = useState({
+		activeSectionId,
+		pathname
+	});
+	if (sectionScope.activeSectionId !== activeSectionId || sectionScope.pathname !== pathname) {
+		setSectionScope({
+			activeSectionId,
+			pathname
+		});
+		if (activeSectionId) setOpenSectionId(activeSectionId);
+	}
+	useEffect(() => {
+		if (openSectionId !== activeSectionId) return;
+		const timer = setTimeout(() => {
+			const nav = navRef.current;
+			if (!nav) return;
+			const active = nav.querySelector("[data-active='true']");
+			if (!active) return;
+			const navRect = nav.getBoundingClientRect();
+			const elRect = active.getBoundingClientRect();
+			if (elRect.top < navRect.top || elRect.bottom > navRect.bottom) active.scrollIntoView({
+				block: "center",
+				behavior: "smooth"
+			});
+		}, 260);
+		return () => clearTimeout(timer);
+	}, [
+		pathname,
+		openSectionId,
+		activeSectionId
+	]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex h-full flex-col",
+		children: [
+			banner && /* @__PURE__ */ jsx("div", {
+				className: "shrink-0 px-3 pt-4 lg:hidden",
+				children: banner
+			}),
+			/* @__PURE__ */ jsx("nav", {
+				"aria-label": "Docs",
+				ref: navRef,
+				"data-docs-platform": platform,
+				className: cn("sidebar-tree-content flex min-h-0 flex-1 flex-col gap-0.5 overflow-x-hidden overflow-y-auto px-3 pt-2 pb-4 lg:pt-4"),
+				children: /* @__PURE__ */ jsx(LazyMotion, {
+					features: domAnimation,
+					children: sections.map((section) => /* @__PURE__ */ jsx(SidebarSection, {
+						folder: section,
+						isOpen: openSectionId === section.$id,
+						onToggle: () => {
+							const id = section.$id ?? null;
+							setOpenSectionId(openSectionId !== id ? id : null);
+						},
+						onNavigate,
+						pathname,
+						activePath,
+						isVisible
+					}, section.$id))
+				})
+			}),
+			footer && /* @__PURE__ */ jsx("div", {
+				className: "border-border/50 flex shrink-0 items-center gap-1 border-t px-3 py-2",
+				children: footer
+			})
+		]
+	});
+}
+export { DocsSidebarNavigation };
+
+//# sourceMappingURL=sidebar-navigation.js.map

package/dist/site/sidebar-navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-navigation.js","names":[],"sources":["../../src/site/sidebar-navigation.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useMemo, useRef, useState, type ReactNode } from \"react\";\nimport Link from \"next/link\";\nimport type { DocsNode, DocsFolder } from \"./tree\";\nimport { findActivePath } from \"./tree\";\nimport { ChevronDown } from \"lucide-react\";\nimport { AnimatePresence, domAnimation, LazyMotion } from \"motion/react\";\nimport * as m from \"motion/react-m\";\nimport { cn } from \"./utils\";\n\nfunction SectionItem({\n  item,\n  onNavigate,\n  pathname,\n  activePath,\n  isVisible,\n}: {\n  item: DocsNode;\n  onNavigate: () => void;\n  pathname: string;\n  activePath: ReadonlySet<DocsNode>;\n  isVisible: (node: DocsNode) => boolean;\n}) {\n  if (!isVisible(item)) return null;\n\n  if (item.type === \"separator\") {\n    return (\n      <p className=\"text-muted-foreground mt-4 mb-1 px-2 text-xs font-medium first:mt-1\">\n        {item.name}\n      </p>\n    );\n  }\n\n  if (item.type === \"folder\") {\n    const isActive = item.index && pathname === item.index.url;\n    const containsActive = activePath.has(item);\n    const hasChildren = item.children.length > 0;\n\n    return (\n      <div>\n        {item.index ? (\n          <Link\n            href={item.index.url}\n            onClick={onNavigate}\n            data-active={isActive ? \"true\" : \"false\"}\n            className={cn(\n              \"flex items-center gap-2 rounded-md px-2 py-1.5 text-[13px] transition-colors duration-150\",\n              isActive\n                ? \"bg-accent/20 text-foreground dark:bg-accent/50 font-medium\"\n                : \"text-muted-foreground hover:bg-accent/30 hover:text-foreground/90 dark:hover:bg-accent/40\",\n            )}\n          >\n            {item.icon}\n            <span className=\"truncate\">{item.name}</span>\n          </Link>\n        ) : (\n          <p className=\"text-muted-foreground mt-3 mb-1 flex items-center gap-2 px-2 text-xs font-medium first:mt-1\">\n            {item.icon}\n            {item.name}\n          </p>\n        )}\n        {hasChildren && (containsActive || !item.index) && (\n          <div className=\"border-border/50 ml-2 flex flex-col gap-0.5 border-l pl-2\">\n            {item.children.map((child) => (\n              <SectionItem\n                key={child.$id}\n                item={child}\n                onNavigate={onNavigate}\n                pathname={pathname}\n                activePath={activePath}\n                isVisible={isVisible}\n              />\n            ))}\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  const isActive = pathname === item.url;\n  return (\n    <Link\n      href={item.url}\n      onClick={onNavigate}\n      data-active={isActive ? \"true\" : \"false\"}\n      className={cn(\n        \"flex items-center gap-2 rounded-md px-2 py-1.5 text-[13px] transition-colors duration-150\",\n        isActive\n          ? \"bg-accent/20 text-foreground dark:bg-accent/50 font-medium\"\n          : \"text-muted-foreground hover:bg-accent/30 hover:text-foreground/90 dark:hover:bg-accent/40\",\n      )}\n    >\n      {item.icon}\n      <span className=\"truncate\">{item.name}</span>\n    </Link>\n  );\n}\n\nfunction SidebarSection({\n  folder,\n  isOpen,\n  onToggle,\n  onNavigate,\n  pathname,\n  activePath,\n  isVisible,\n}: {\n  folder: DocsFolder;\n  isOpen: boolean;\n  onToggle: () => void;\n  onNavigate: () => void;\n  pathname: string;\n  activePath: ReadonlySet<DocsNode>;\n  isVisible: (node: DocsNode) => boolean;\n}) {\n  const isActive = folder.index && pathname === folder.index.url;\n\n  return (\n    <div>\n      <button\n        type=\"button\"\n        onClick={onToggle}\n        aria-expanded={isOpen}\n        className={cn(\n          \"hover:bg-accent/30 dark:hover:bg-accent/40 flex w-full items-center gap-2 rounded-md px-2 py-2 text-left text-[13px] transition-colors duration-150\",\n          isActive || isOpen\n            ? \"text-foreground font-medium\"\n            : \"text-muted-foreground/90\",\n        )}\n      >\n        <span className=\"text-muted-foreground flex size-4 shrink-0 items-center justify-center\">\n          {folder.icon}\n        </span>\n        <span className=\"flex-1 truncate\">{folder.name}</span>\n        <ChevronDown\n          className={cn(\n            \"text-muted-foreground/60 size-3.5 shrink-0 transition-transform duration-200\",\n            !isOpen && \"-rotate-90\",\n          )}\n        />\n      </button>\n      <AnimatePresence initial={false}>\n        {isOpen && (\n          <m.div\n            initial={{ height: 0, opacity: 0 }}\n            animate={{ height: \"auto\", opacity: 1 }}\n            exit={{ height: 0, opacity: 0 }}\n            transition={{ duration: 0.22, ease: [0.16, 1, 0.3, 1] }}\n            className=\"overflow-hidden\"\n          >\n            <div className=\"border-border/50 mt-0.5 mb-1 ml-4 flex flex-col gap-0.5 border-l pl-2\">\n              {folder.children.map((child) => (\n                <SectionItem\n                  key={child.$id}\n                  item={child}\n                  onNavigate={onNavigate}\n                  pathname={pathname}\n                  activePath={activePath}\n                  isVisible={isVisible}\n                />\n              ))}\n            </div>\n          </m.div>\n        )}\n      </AnimatePresence>\n    </div>\n  );\n}\n\nconst visible = () => true;\n\nexport function DocsSidebarNavigation({\n  sections,\n  pathname,\n  activeSectionId,\n  isVisible = visible,\n  onNavigate,\n  banner,\n  footer,\n  platform,\n}: {\n  sections: readonly DocsFolder[];\n  pathname: string;\n  activeSectionId: string | null;\n  isVisible?: (node: DocsNode) => boolean;\n  onNavigate: () => void;\n  banner?: ReactNode;\n  footer?: ReactNode;\n  platform?: string;\n}) {\n  const navRef = useRef<HTMLElement>(null);\n  const activePath = useMemo(\n    () => new Set(findActivePath(sections, pathname)),\n    [sections, pathname],\n  );\n\n  const [openSectionId, setOpenSectionId] = useState<string | null>(\n    activeSectionId,\n  );\n\n  const [sectionScope, setSectionScope] = useState({\n    activeSectionId,\n    pathname,\n  });\n\n  if (\n    sectionScope.activeSectionId !== activeSectionId ||\n    sectionScope.pathname !== pathname\n  ) {\n    setSectionScope({ activeSectionId, pathname });\n    if (activeSectionId) setOpenSectionId(activeSectionId);\n  }\n\n  useEffect(() => {\n    if (openSectionId !== activeSectionId) return;\n    const timer = setTimeout(() => {\n      const nav = navRef.current;\n      if (!nav) return;\n      const active = nav.querySelector<HTMLElement>(\"[data-active='true']\");\n      if (!active) return;\n      const navRect = nav.getBoundingClientRect();\n      const elRect = active.getBoundingClientRect();\n      if (elRect.top < navRect.top || elRect.bottom > navRect.bottom) {\n        active.scrollIntoView({ block: \"center\", behavior: \"smooth\" });\n      }\n    }, 260);\n    return () => clearTimeout(timer);\n  }, [pathname, openSectionId, activeSectionId]);\n\n  return (\n    <div className=\"flex h-full flex-col\">\n      {banner && <div className=\"shrink-0 px-3 pt-4 lg:hidden\">{banner}</div>}\n      <nav\n        aria-label=\"Docs\"\n        ref={navRef}\n        data-docs-platform={platform}\n        className={cn(\n          \"sidebar-tree-content flex min-h-0 flex-1 flex-col gap-0.5 overflow-x-hidden overflow-y-auto px-3 pt-2 pb-4 lg:pt-4\",\n        )}\n      >\n        <LazyMotion features={domAnimation}>\n          {sections.map((section) => (\n            <SidebarSection\n              key={section.$id}\n              folder={section}\n              isOpen={openSectionId === section.$id}\n              onToggle={() => {\n                const id = section.$id ?? null;\n                setOpenSectionId(openSectionId !== id ? id : null);\n              }}\n              onNavigate={onNavigate}\n              pathname={pathname}\n              activePath={activePath}\n              isVisible={isVisible}\n            />\n          ))}\n        </LazyMotion>\n      </nav>\n      {footer && (\n        <div className=\"border-border/50 flex shrink-0 items-center gap-1 border-t px-3 py-2\">\n          {footer}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/site/sidebar.d.ts

@@ -0,0 +1,16 @@
+import { type ReactNode } from "react";
+export declare const DOCS_SIDEBAR_ID = "docs-sidebar";
+interface DocsSidebarContextValue {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    toggle: () => void;
+}
+export declare function useDocsSidebar(): DocsSidebarContextValue;
+export declare function DocsSidebarProvider({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function DocsSidebar({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=sidebar.d.ts.map

package/dist/site/sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../src/site/sidebar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,eAAO,MAAM,eAAe,iBAAiB,CAAC;AAU9C,UAAU,uBAAuB;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAID,wBAAgB,cAAc,4BAM7B;AAED,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,+BASxE;AAED,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,+BA0BhE"}

package/dist/site/sidebar.js

@@ -0,0 +1,46 @@
+"use client";
+import "./constants.js";
+import { cn } from "./utils.js";
+import { jsx } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useState, useSyncExternalStore } from "react";
+// src/site/sidebar.tsx
+const DOCS_SIDEBAR_ID = "docs-sidebar";
+const subscribeToViewport = (onChange) => {
+	const viewport = window.matchMedia("(max-width: 767px)");
+	viewport.addEventListener("change", onChange);
+	return () => viewport.removeEventListener("change", onChange);
+};
+const isMobileViewport = () => window.innerWidth < 768;
+const serverViewport = () => false;
+const DocsSidebarContext = createContext(null);
+function useDocsSidebar() {
+	const ctx = useContext(DocsSidebarContext);
+	if (!ctx) throw new Error("useDocsSidebar must be used within DocsSidebarProvider");
+	return ctx;
+}
+function DocsSidebarProvider({ children }) {
+	const [open, setOpen] = useState(false);
+	const toggle = useCallback(() => setOpen((prev) => !prev), []);
+	return /* @__PURE__ */ jsx(DocsSidebarContext.Provider, {
+		value: {
+			open,
+			setOpen,
+			toggle
+		},
+		children
+	});
+}
+function DocsSidebar({ children }) {
+	const { open } = useDocsSidebar();
+	const isMobile = useSyncExternalStore(subscribeToViewport, isMobileViewport, serverViewport);
+	return /* @__PURE__ */ jsx("aside", {
+		id: DOCS_SIDEBAR_ID,
+		inert: !open && isMobile,
+		className: cn("bg-background fixed inset-x-0 top-12 bottom-0 z-40 transition-[opacity,visibility] duration-200", open ? "opacity-100" : "pointer-events-none opacity-0 max-md:invisible", "md:pointer-events-auto md:visible md:right-auto md:left-0 md:z-30 md:w-(--sidebar-width) md:opacity-100"),
+		style: { "--sidebar-width": `260px` },
+		children
+	});
+}
+export { DOCS_SIDEBAR_ID, DocsSidebar, DocsSidebarProvider, useDocsSidebar };
+
+//# sourceMappingURL=sidebar.js.map

package/dist/site/sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.js","names":[],"sources":["../../src/site/sidebar.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useState,\n  useSyncExternalStore,\n  type ReactNode,\n} from \"react\";\nimport { cn } from \"./utils\";\nimport { DOCS_SIDEBAR_WIDTH } from \"./constants\";\n\nexport const DOCS_SIDEBAR_ID = \"docs-sidebar\";\n\nconst subscribeToViewport = (onChange: () => void) => {\n  const viewport = window.matchMedia(\"(max-width: 767px)\");\n  viewport.addEventListener(\"change\", onChange);\n  return () => viewport.removeEventListener(\"change\", onChange);\n};\nconst isMobileViewport = () => window.innerWidth < 768;\nconst serverViewport = () => false;\n\ninterface DocsSidebarContextValue {\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  toggle: () => void;\n}\n\nconst DocsSidebarContext = createContext<DocsSidebarContextValue | null>(null);\n\nexport function useDocsSidebar() {\n  const ctx = useContext(DocsSidebarContext);\n  if (!ctx) {\n    throw new Error(\"useDocsSidebar must be used within DocsSidebarProvider\");\n  }\n  return ctx;\n}\n\nexport function DocsSidebarProvider({ children }: { children: ReactNode }) {\n  const [open, setOpen] = useState(false);\n  const toggle = useCallback(() => setOpen((prev) => !prev), []);\n\n  return (\n    <DocsSidebarContext.Provider value={{ open, setOpen, toggle }}>\n      {children}\n    </DocsSidebarContext.Provider>\n  );\n}\n\nexport function DocsSidebar({ children }: { children: ReactNode }) {\n  const { open } = useDocsSidebar();\n  const isMobile = useSyncExternalStore(\n    subscribeToViewport,\n    isMobileViewport,\n    serverViewport,\n  );\n\n  return (\n    <aside\n      id={DOCS_SIDEBAR_ID}\n      inert={!open && isMobile}\n      className={cn(\n        \"bg-background fixed inset-x-0 top-12 bottom-0 z-40 transition-[opacity,visibility] duration-200\",\n        open ? \"opacity-100\" : \"pointer-events-none opacity-0 max-md:invisible\",\n        \"md:pointer-events-auto md:visible md:right-auto md:left-0 md:z-30 md:w-(--sidebar-width) md:opacity-100\",\n      )}\n      style={\n        {\n          \"--sidebar-width\": `${DOCS_SIDEBAR_WIDTH}px`,\n        } as React.CSSProperties\n      }\n    >\n      {children}\n    </aside>\n  );\n}\n"],"mappings":";;;;;;AAaA,MAAa,kBAAkB;AAE/B,MAAM,uBAAuB,aAAyB;CACpD,MAAM,WAAW,OAAO,WAAW,oBAAoB;CACvD,SAAS,iBAAiB,UAAU,QAAQ;CAC5C,aAAa,SAAS,oBAAoB,UAAU,QAAQ;AAC9D;AACA,MAAM,yBAAyB,OAAO,aAAa;AACnD,MAAM,uBAAuB;AAQ7B,MAAM,qBAAqB,cAA8C,IAAI;AAE7E,SAAgB,iBAAiB;CAC/B,MAAM,MAAM,WAAW,kBAAkB;CACzC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,wDAAwD;CAE1E,OAAO;AACT;AAEA,SAAgB,oBAAoB,EAAE,YAAqC;CACzE,MAAM,CAAC,MAAM,WAAW,SAAS,KAAK;CACtC,MAAM,SAAS,kBAAkB,SAAS,SAAS,CAAC,IAAI,GAAG,CAAC,CAAC;CAE7D,OACE,oBAAC,mBAAmB,UAApB;EAA6B,OAAO;GAAE;GAAM;GAAS;EAAO;EACzD;CAC0B,CAAA;AAEjC;AAEA,SAAgB,YAAY,EAAE,YAAqC;CACjE,MAAM,EAAE,SAAS,eAAe;CAChC,MAAM,WAAW,qBACf,qBACA,kBACA,cACF;CAEA,OACE,oBAAC,SAAD;EACE,IAAI;EACJ,OAAO,CAAC,QAAQ;EAChB,WAAW,GACT,mGACA,OAAO,gBAAgB,kDACvB,yGACF;EACA,OACE,EACE,mBAAmB,QACrB;EAGD;CACI,CAAA;AAEX"}

package/dist/site/toc.d.ts

@@ -0,0 +1,12 @@
+import { type ReactNode } from "react";
+type TOCItem = {
+    title: ReactNode;
+    url: string;
+    depth: number;
+};
+export declare function DocsTableOfContents({ items, children, }: {
+    items: TOCItem[];
+    children?: ReactNode;
+}): import("react").JSX.Element | null;
+export {};
+//# sourceMappingURL=toc.d.ts.map

package/dist/site/toc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toc.d.ts","sourceRoot":"","sources":["../../src/site/toc.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGpE,KAAK,OAAO,GAAG;IACb,KAAK,EAAE,SAAS,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAWF,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,sCA2FA"}