@assistant-ui/docs-theme 0.0.2 → 0.0.3

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"}

package/dist/site/toc.js

@@ -0,0 +1,92 @@
+"use client";
+import { cn } from "./utils.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+// src/site/toc.tsx
+function headingId(url) {
+	const fragment = url.slice(1);
+	try {
+		return decodeURIComponent(fragment);
+	} catch {
+		return fragment;
+	}
+}
+function DocsTableOfContents({ items, children }) {
+	const [activeId, setActiveId] = useState(null);
+	const listRef = useRef(null);
+	useEffect(() => {
+		if (items.length === 0) return;
+		const headingIds = items.map((item) => headingId(item.url));
+		const viewport = window.matchMedia("(min-width: 1280px)");
+		let observer;
+		const observeVisibleHeadings = () => {
+			observer?.disconnect();
+			if (!viewport.matches) return;
+			observer = new IntersectionObserver((entries) => {
+				for (const entry of entries) if (entry.isIntersecting) {
+					setActiveId(entry.target.id);
+					break;
+				}
+			}, {
+				rootMargin: "-80px 0px -70% 0px",
+				threshold: 0
+			});
+			for (const id of headingIds) {
+				const element = document.getElementById(id);
+				if (element) observer.observe(element);
+			}
+		};
+		observeVisibleHeadings();
+		viewport.addEventListener("change", observeVisibleHeadings);
+		return () => {
+			observer?.disconnect();
+			viewport.removeEventListener("change", observeVisibleHeadings);
+		};
+	}, [items]);
+	useEffect(() => {
+		if (!activeId || !listRef.current) return;
+		const activeElement = Array.from(listRef.current.children).find((item) => item.getAttribute("data-toc-id") === activeId);
+		if (activeElement) activeElement.scrollIntoView({
+			behavior: "smooth",
+			block: "nearest"
+		});
+	}, [activeId]);
+	if (items.length === 0) return null;
+	return /* @__PURE__ */ jsx("div", {
+		className: "docs-toc w-56 max-xl:hidden",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "sticky top-[calc(var(--docs-header-height)_+_1rem)] flex max-h-[calc(100vh_-_var(--docs-header-height)_-_1rem)] flex-col pe-4 pt-4 pb-2",
+			children: [
+				/* @__PURE__ */ jsx("p", {
+					className: "text-muted-foreground mb-3 shrink-0 text-xs",
+					children: "On this page"
+				}),
+				/* @__PURE__ */ jsx("ul", {
+					ref: listRef,
+					className: "flex min-h-0 flex-1 [scrollbar-width:none] flex-col gap-1 overflow-x-hidden overflow-y-auto [&::-webkit-scrollbar]:hidden",
+					children: items.map((item) => {
+						const id = headingId(item.url);
+						const isActive = activeId === id;
+						const indent = Math.max(0, item.depth - 2) * 12;
+						return /* @__PURE__ */ jsx("li", {
+							"data-toc-id": id,
+							children: /* @__PURE__ */ jsx("a", {
+								href: item.url,
+								style: { paddingLeft: indent || void 0 },
+								className: cn("block py-1 text-[13px] leading-snug wrap-break-word transition-colors", isActive ? "text-foreground font-medium" : "text-muted-foreground hover:text-foreground"),
+								children: item.title
+							})
+						}, item.url);
+					})
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "mt-6 shrink-0",
+					children
+				})
+			]
+		})
+	});
+}
+export { DocsTableOfContents };
+
+//# sourceMappingURL=toc.js.map

package/dist/site/toc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toc.js","names":[],"sources":["../../src/site/toc.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useState, type ReactNode } from \"react\";\nimport { cn } from \"./utils\";\n\ntype TOCItem = {\n  title: ReactNode;\n  url: string;\n  depth: number;\n};\n\nfunction headingId(url: string) {\n  const fragment = url.slice(1);\n  try {\n    return decodeURIComponent(fragment);\n  } catch {\n    return fragment;\n  }\n}\n\nexport function DocsTableOfContents({\n  items,\n  children,\n}: {\n  items: TOCItem[];\n  children?: ReactNode;\n}) {\n  const [activeId, setActiveId] = useState<string | null>(null);\n  const listRef = useRef<HTMLUListElement>(null);\n\n  useEffect(() => {\n    if (items.length === 0) return;\n\n    const headingIds = items.map((item) => headingId(item.url));\n\n    const viewport = window.matchMedia(\"(min-width: 1280px)\");\n    let observer: IntersectionObserver | undefined;\n    const observeVisibleHeadings = () => {\n      observer?.disconnect();\n      if (!viewport.matches) return;\n      observer = new IntersectionObserver(\n        (entries) => {\n          for (const entry of entries) {\n            if (entry.isIntersecting) {\n              setActiveId(entry.target.id);\n              break;\n            }\n          }\n        },\n        { rootMargin: \"-80px 0px -70% 0px\", threshold: 0 },\n      );\n      for (const id of headingIds) {\n        const element = document.getElementById(id);\n        if (element) observer.observe(element);\n      }\n    };\n    observeVisibleHeadings();\n    viewport.addEventListener(\"change\", observeVisibleHeadings);\n    return () => {\n      observer?.disconnect();\n      viewport.removeEventListener(\"change\", observeVisibleHeadings);\n    };\n  }, [items]);\n\n  useEffect(() => {\n    if (!activeId || !listRef.current) return;\n\n    const activeElement = Array.from(listRef.current.children).find(\n      (item) => item.getAttribute(\"data-toc-id\") === activeId,\n    );\n    if (activeElement) {\n      activeElement.scrollIntoView({\n        behavior: \"smooth\",\n        block: \"nearest\",\n      });\n    }\n  }, [activeId]);\n\n  if (items.length === 0) return null;\n\n  return (\n    <div className=\"docs-toc w-56 max-xl:hidden\">\n      <div className=\"sticky top-[calc(var(--docs-header-height)_+_1rem)] flex max-h-[calc(100vh_-_var(--docs-header-height)_-_1rem)] flex-col pe-4 pt-4 pb-2\">\n        <p className=\"text-muted-foreground mb-3 shrink-0 text-xs\">\n          On this page\n        </p>\n        <ul\n          ref={listRef}\n          className=\"flex min-h-0 flex-1 [scrollbar-width:none] flex-col gap-1 overflow-x-hidden overflow-y-auto [&::-webkit-scrollbar]:hidden\"\n        >\n          {items.map((item) => {\n            const id = headingId(item.url);\n            const isActive = activeId === id;\n            const indent = Math.max(0, item.depth - 2) * 12;\n\n            return (\n              <li key={item.url} data-toc-id={id}>\n                <a\n                  href={item.url}\n                  style={{ paddingLeft: indent || undefined }}\n                  className={cn(\n                    \"block py-1 text-[13px] leading-snug wrap-break-word transition-colors\",\n                    isActive\n                      ? \"text-foreground font-medium\"\n                      : \"text-muted-foreground hover:text-foreground\",\n                  )}\n                >\n                  {item.title}\n                </a>\n              </li>\n            );\n          })}\n        </ul>\n        <div className=\"mt-6 shrink-0\">{children}</div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAWA,SAAS,UAAU,KAAa;CAC9B,MAAM,WAAW,IAAI,MAAM,CAAC;CAC5B,IAAI;EACF,OAAO,mBAAmB,QAAQ;CACpC,QAAQ;EACN,OAAO;CACT;AACF;AAEA,SAAgB,oBAAoB,EAClC,OACA,YAIC;CACD,MAAM,CAAC,UAAU,eAAe,SAAwB,IAAI;CAC5D,MAAM,UAAU,OAAyB,IAAI;CAE7C,gBAAgB;EACd,IAAI,MAAM,WAAW,GAAG;EAExB,MAAM,aAAa,MAAM,KAAK,SAAS,UAAU,KAAK,GAAG,CAAC;EAE1D,MAAM,WAAW,OAAO,WAAW,qBAAqB;EACxD,IAAI;EACJ,MAAM,+BAA+B;GACnC,UAAU,WAAW;GACrB,IAAI,CAAC,SAAS,SAAS;GACvB,WAAW,IAAI,sBACZ,YAAY;IACX,KAAK,MAAM,SAAS,SAClB,IAAI,MAAM,gBAAgB;KACxB,YAAY,MAAM,OAAO,EAAE;KAC3B;IACF;GAEJ,GACA;IAAE,YAAY;IAAsB,WAAW;GAAE,CACnD;GACA,KAAK,MAAM,MAAM,YAAY;IAC3B,MAAM,UAAU,SAAS,eAAe,EAAE;IAC1C,IAAI,SAAS,SAAS,QAAQ,OAAO;GACvC;EACF;EACA,uBAAuB;EACvB,SAAS,iBAAiB,UAAU,sBAAsB;EAC1D,aAAa;GACX,UAAU,WAAW;GACrB,SAAS,oBAAoB,UAAU,sBAAsB;EAC/D;CACF,GAAG,CAAC,KAAK,CAAC;CAEV,gBAAgB;EACd,IAAI,CAAC,YAAY,CAAC,QAAQ,SAAS;EAEnC,MAAM,gBAAgB,MAAM,KAAK,QAAQ,QAAQ,QAAQ,CAAC,CAAC,MACxD,SAAS,KAAK,aAAa,aAAa,MAAM,QACjD;EACA,IAAI,eACF,cAAc,eAAe;GAC3B,UAAU;GACV,OAAO;EACT,CAAC;CAEL,GAAG,CAAC,QAAQ,CAAC;CAEb,IAAI,MAAM,WAAW,GAAG,OAAO;CAE/B,OACE,oBAAC,OAAD;EAAK,WAAU;EACb,UAAA,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA;IACE,oBAAC,KAAD;KAAG,WAAU;KAA8C,UAAA;IAExD,CAAA;IACH,oBAAC,MAAD;KACE,KAAK;KACL,WAAU;KAET,UAAA,MAAM,KAAK,SAAS;MACnB,MAAM,KAAK,UAAU,KAAK,GAAG;MAC7B,MAAM,WAAW,aAAa;MAC9B,MAAM,SAAS,KAAK,IAAI,GAAG,KAAK,QAAQ,CAAC,IAAI;MAE7C,OACE,oBAAC,MAAD;OAAmB,eAAa;OAC9B,UAAA,oBAAC,KAAD;QACE,MAAM,KAAK;QACX,OAAO,EAAE,aAAa,UAAU,KAAA,EAAU;QAC1C,WAAW,GACT,yEACA,WACI,gCACA,6CACN;QAEC,UAAA,KAAK;OACL,CAAA;MACD,GAbK,KAAK,GAaV;KAER,CAAC;IACC,CAAA;IACJ,oBAAC,OAAD;KAAK,WAAU;KAAiB;IAAc,CAAA;GAC3C;;CACF,CAAA;AAET"}

package/dist/site/tree.d.ts

@@ -0,0 +1,24 @@
+import type { ReactNode } from "react";
+interface DocsNodeBase {
+    $id?: string;
+    name?: ReactNode;
+    icon?: ReactNode;
+}
+export interface DocsPage extends DocsNodeBase {
+    type: "page";
+    name: ReactNode;
+    url: string;
+}
+export interface DocsFolder extends DocsNodeBase {
+    type: "folder";
+    name: ReactNode;
+    index?: DocsPage;
+    children: DocsNode[];
+}
+export interface DocsSeparator extends DocsNodeBase {
+    type: "separator";
+}
+export type DocsNode = DocsPage | DocsFolder | DocsSeparator;
+export declare function findActivePath(nodes: readonly DocsNode[], pathname: string): DocsNode[] | null;
+export {};
+//# sourceMappingURL=tree.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["../../src/site/tree.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,UAAU,YAAY;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AACD,MAAM,WAAW,QAAS,SAAQ,YAAY;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,SAAS,CAAC;IAChB,GAAG,EAAE,MAAM,CAAC;CACb;AACD,MAAM,WAAW,UAAW,SAAQ,YAAY;IAC9C,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,QAAQ,EAAE,QAAQ,EAAE,CAAC;CACtB;AACD,MAAM,WAAW,aAAc,SAAQ,YAAY;IACjD,IAAI,EAAE,WAAW,CAAC;CACnB;AACD,MAAM,MAAM,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,aAAa,CAAC;AAE7D,wBAAgB,cAAc,CAC5B,KAAK,EAAE,SAAS,QAAQ,EAAE,EAC1B,QAAQ,EAAE,MAAM,GACf,QAAQ,EAAE,GAAG,IAAI,CASnB"}

package/dist/site/tree.js

@@ -0,0 +1,14 @@
+// src/site/tree.ts
+function findActivePath(nodes, pathname) {
+	for (const node of nodes) {
+		if (node.type === "page" && node.url === pathname) return [node];
+		if (node.type !== "folder") continue;
+		if (node.index?.url === pathname) return [node, node.index];
+		const path = findActivePath(node.children, pathname);
+		if (path) return [node, ...path];
+	}
+	return null;
+}
+export { findActivePath };
+
+//# sourceMappingURL=tree.js.map

package/dist/site/tree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree.js","names":[],"sources":["../../src/site/tree.ts"],"sourcesContent":["import type { ReactNode } from \"react\";\n\ninterface DocsNodeBase {\n  $id?: string;\n  name?: ReactNode;\n  icon?: ReactNode;\n}\nexport interface DocsPage extends DocsNodeBase {\n  type: \"page\";\n  name: ReactNode;\n  url: string;\n}\nexport interface DocsFolder extends DocsNodeBase {\n  type: \"folder\";\n  name: ReactNode;\n  index?: DocsPage;\n  children: DocsNode[];\n}\nexport interface DocsSeparator extends DocsNodeBase {\n  type: \"separator\";\n}\nexport type DocsNode = DocsPage | DocsFolder | DocsSeparator;\n\nexport function findActivePath(\n  nodes: readonly DocsNode[],\n  pathname: string,\n): DocsNode[] | null {\n  for (const node of nodes) {\n    if (node.type === \"page\" && node.url === pathname) return [node];\n    if (node.type !== \"folder\") continue;\n    if (node.index?.url === pathname) return [node, node.index];\n    const path = findActivePath(node.children, pathname);\n    if (path) return [node, ...path];\n  }\n  return null;\n}\n"],"mappings":";AAuBA,SAAgB,eACd,OACA,UACmB;CACnB,KAAK,MAAM,QAAQ,OAAO;EACxB,IAAI,KAAK,SAAS,UAAU,KAAK,QAAQ,UAAU,OAAO,CAAC,IAAI;EAC/D,IAAI,KAAK,SAAS,UAAU;EAC5B,IAAI,KAAK,OAAO,QAAQ,UAAU,OAAO,CAAC,MAAM,KAAK,KAAK;EAC1D,MAAM,OAAO,eAAe,KAAK,UAAU,QAAQ;EACnD,IAAI,MAAM,OAAO,CAAC,MAAM,GAAG,IAAI;CACjC;CACA,OAAO;AACT"}

package/dist/site/utils.d.ts

@@ -0,0 +1,2 @@
+export declare const cn: (...values: (string | false | undefined)[]) => string;
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/site/utils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,EAAE,GAAI,GAAG,QAAQ,CAAC,MAAM,GAAG,KAAK,GAAG,SAAS,CAAC,EAAE,WAC1B,CAAC"}

package/dist/site/utils.js

@@ -0,0 +1,5 @@
+// src/site/utils.ts
+const cn = (...values) => values.filter(Boolean).join(" ");
+export { cn };
+
+//# sourceMappingURL=utils.js.map

package/dist/site/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":[],"sources":["../../src/site/utils.ts"],"sourcesContent":["export const cn = (...values: (string | false | undefined)[]) =>\n  values.filter(Boolean).join(\" \");\n"],"mappings":";AAAA,MAAa,MAAM,GAAG,WACpB,OAAO,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG"}

package/dist/ui.d.ts

@@ -0,0 +1,10 @@
+export { DocsShell, DocsContent } from "./site/layout.js";
+export { DocsPageShell, DocsBody } from "./site/page.js";
+export { DocsFooter } from "./site/footer.js";
+export { DOCS_SIDEBAR_ID, DocsSidebar, DocsSidebarProvider, useDocsSidebar, } from "./site/sidebar.js";
+export { DocsSidebarNavigation } from "./site/sidebar-navigation.js";
+export { DocsTableOfContents } from "./site/toc.js";
+export type { DocsNode, DocsPage, DocsFolder, DocsSeparator, } from "./site/tree.js";
+export { DocsSiteHeader } from "./site/header.js";
+export { DocsPagerNavigation } from "./site/pager.js";
+//# sourceMappingURL=ui.d.ts.map

package/dist/ui.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui.d.ts","sourceRoot":"","sources":["../src/ui.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,yBAAsB;AACvD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,uBAAoB;AACtD,OAAO,EAAE,UAAU,EAAE,yBAAsB;AAC3C,OAAO,EACL,eAAe,EACf,WAAW,EACX,mBAAmB,EACnB,cAAc,GACf,0BAAuB;AACxB,OAAO,EAAE,qBAAqB,EAAE,qCAAkC;AAClE,OAAO,EAAE,mBAAmB,EAAE,sBAAmB;AACjD,YAAY,EACV,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,aAAa,GACd,uBAAoB;AACrB,OAAO,EAAE,cAAc,EAAE,yBAAsB;AAC/C,OAAO,EAAE,mBAAmB,EAAE,wBAAqB"}

package/dist/ui.js

@@ -0,0 +1,9 @@
+import { DocsFooter } from "./site/footer.js";
+import { DOCS_SIDEBAR_ID, DocsSidebar, DocsSidebarProvider, useDocsSidebar } from "./site/sidebar.js";
+import { DocsSiteHeader } from "./site/header.js";
+import { DocsContent, DocsShell } from "./site/layout.js";
+import { DocsBody, DocsPageShell } from "./site/page.js";
+import { DocsPagerNavigation } from "./site/pager.js";
+import { DocsSidebarNavigation } from "./site/sidebar-navigation.js";
+import { DocsTableOfContents } from "./site/toc.js";
+export { DOCS_SIDEBAR_ID, DocsBody, DocsContent, DocsFooter, DocsPageShell, DocsPagerNavigation, DocsShell, DocsSidebar, DocsSidebarNavigation, DocsSidebarProvider, DocsSiteHeader, DocsTableOfContents, useDocsSidebar };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@assistant-ui/docs-theme",
-  "version": "0.0.2",
-  "description": "The assistant-ui documentation theme for Farming Labs Docs",
+  "version": "0.0.3",
+  "description": "Composable assistant-ui documentation UI and theme for Next.js",
   "license": "MIT",
   "author": "AgentbaseAI Inc.",
   "type": "module",
@@ -20,7 +20,12 @@
       "types": "./dist/provider.d.ts",
       "default": "./dist/provider.js"
     },
-    "./styles.css": "./styles/theme.css"
+    "./styles.css": "./styles/theme.css",
+    "./ui": {
+      "types": "./dist/ui.d.ts",
+      "default": "./dist/ui.js"
+    },
+    "./site.css": "./styles/site.css"
   },
   "files": [
     "dist",
@@ -37,30 +42,32 @@
     "lucide-react": "^1.61.0"
   },
   "peerDependencies": {
-    "@farming-labs/docs": "0.2.127",
-    "@farming-labs/theme": "0.2.127",
-    "fumadocs-ui": "16.17.1",
+    "@farming-labs/docs": "0.2.137",
+    "@farming-labs/theme": "0.2.137",
+    "fumadocs-ui": "16.17.8",
     "next": "^16.0.0",
     "next-themes": "^0.4.0",
     "react": "^19.2.0",
-    "react-dom": "^19.2.0"
+    "react-dom": "^19.2.0",
+    "motion": "^14.0.0"
   },
   "devDependencies": {
     "@assistant-ui/x-buildutils": "0.0.32",
-    "@farming-labs/docs": "0.2.127",
-    "@farming-labs/theme": "0.2.127",
+    "@farming-labs/docs": "0.2.137",
+    "@farming-labs/theme": "0.2.137",
     "@types/node": "^26.6.5",
     "@types/react": "^19.3.0",
     "@types/react-dom": "^19.3.0",
     "@vitest/coverage-v8": "^5.0.5",
-    "fumadocs-ui": "16.17.1",
+    "fumadocs-ui": "16.17.8",
     "jsdom": "^30.1.3",
     "next": "^16.4.3",
     "next-themes": "^0.4.6",
     "react": "^19.3.1",
     "react-dom": "^19.3.1",
     "typescript": "^7.0.2",
-    "vitest": "^5.0.5"
+    "vitest": "^5.0.5",
+    "motion": "^14.6.0"
   },
   "publishConfig": {
     "access": "public"
@@ -80,6 +87,9 @@
     },
     "react-dom": {
       "optional": true
+    },
+    "motion": {
+      "optional": true
     }
   },
   "scripts": {

package/src/config.ts

@@ -1,7 +1,7 @@
 import {
   defineDocs as defineFarmingDocs,
   type DocsConfig,
-} from "@farming-labs/docs";
+} from "@farming-labs/docs/config";
 import { assistantUi } from "./index";
 
 export const withThemeDefaults = (options: DocsConfig): DocsConfig =>

package/src/index.ts

@@ -1,4 +1,4 @@
-import { createTheme, type DocsTheme } from "@farming-labs/docs";
+import { createTheme, type DocsTheme } from "@farming-labs/docs/config";
 import { shadcn } from "@farming-labs/theme/shadcn";
 
 const createAssistantTheme = createTheme({

package/src/site/constants.ts

@@ -0,0 +1 @@
+export const DOCS_SIDEBAR_WIDTH = 260;