specra 0.1.0 → 0.1.1

package/dist/app/docs-page.js

@@ -2707,7 +2707,7 @@ function processContentWithEnv(content, config) {
 var configInstance = null;
 function getConfig() {
   if (!configInstance) {
-    throw new Error("Specra config has not been initialized");
+    configInstance = loadConfig({});
   }
   return configInstance;
 }
@@ -3145,8 +3145,24 @@ function SearchModal({ isOpen, onClose, config }) {
 
 // src/components/docs/header.tsx
 var import_react16 = require("react");
+
+// src/lib/config.context.tsx
+var React2 = __toESM(require("react"));
 var import_jsx_runtime38 = require("react/jsx-runtime");
-function Header({ currentVersion, versions, onMenuClick, config }) {
+var ConfigContext = React2.createContext(defaultConfig);
+function useConfig() {
+  const config = React2.useContext(ConfigContext);
+  if (!config) {
+    throw new Error("useConfig must be used within a ConfigProvider");
+  }
+  return config;
+}
+
+// src/components/docs/header.tsx
+var import_jsx_runtime39 = require("react/jsx-runtime");
+function Header({ currentVersion, versions, onMenuClick, config: configProp }) {
+  const contextConfig = useConfig();
+  const config = configProp || contextConfig;
   const [searchOpen, setSearchOpen] = (0, import_react16.useState)(false);
   (0, import_react16.useEffect)(() => {
     const handleKeyDown = (e) => {
@@ -3158,38 +3174,38 @@ function Header({ currentVersion, versions, onMenuClick, config }) {
     window.addEventListener("keydown", handleKeyDown);
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("header", { className: "sticky top-0 z-50 w-full border-b border-border bg-background/95 backdrop-blur supports-backdrop-filter:bg-background/60", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "container flex h-16 items-center justify-between px-6 mx-auto", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("header", { className: "sticky top-0 z-50 w-full border-b border-border bg-background/95 backdrop-blur supports-backdrop-filter:bg-background/60", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "container flex h-16 items-center justify-between px-6 mx-auto", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
           "button",
           {
             onClick: onMenuClick,
             className: "lg:hidden hover:bg-muted p-2 rounded-md transition-colors",
             "aria-label": "Toggle menu",
-            children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react19.Menu, { className: "h-5 w-5" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react19.Menu, { className: "h-5 w-5" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_link5.default, { href: "/", className: "flex items-center gap-2", children: [
-          config.site.logo ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("img", { src: getAssetPath(config.site.logo), alt: config.site.title, className: "h-8 w-auto" }) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "h-8 w-8 rounded-xl bg-primary flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "text-primary-foreground font-bold text-lg", children: config.site.title.charAt(0).toUpperCase() }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "font-semibold text-lg text-foreground", children: "Specra" })
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_link5.default, { href: "/", className: "flex items-center gap-2", children: [
+          config.site.logo ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("img", { src: getAssetPath(config.site.logo), alt: config.site.title, className: "h-8 w-auto" }) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "h-8 w-8 rounded-xl bg-primary flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "text-primary-foreground font-bold text-lg", children: config.site.title.charAt(0).toUpperCase() }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "font-semibold text-lg text-foreground", children: config.site.title ?? "Specra" })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center gap-2", children: [
-        config.search?.enabled && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center gap-2", children: [
+        config.search?.enabled && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
           "button",
           {
             onClick: () => setSearchOpen(true),
             className: "flex items-center gap-2 px-3 py-2 text-sm text-muted-foreground hover:text-foreground bg-muted rounded-md transition-colors",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react19.Search, { className: "h-4 w-4" }),
-              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "hidden sm:inline", children: config.search.placeholder || "Search" }),
-              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("kbd", { className: "hidden sm:inline-flex h-5 select-none items-center gap-1 rounded border border-border bg-background px-1.5 font-mono text-xs font-medium", children: "\u2318K" })
+              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react19.Search, { className: "h-4 w-4" }),
+              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "hidden sm:inline", children: config.search.placeholder || "Search" }),
+              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("kbd", { className: "hidden sm:inline-flex h-5 select-none items-center gap-1 rounded border border-border bg-background px-1.5 font-mono text-xs font-medium", children: "\u2318K" })
             ]
           }
         ),
-        config.features?.versioning && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(VersionSwitcher, { currentVersion, versions }),
-        config.social?.github && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+        config.features?.versioning && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(VersionSwitcher, { currentVersion, versions }),
+        config.social?.github && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
           "a",
           {
             href: config.social.github,
@@ -3197,10 +3213,10 @@ function Header({ currentVersion, versions, onMenuClick, config }) {
             rel: "noopener noreferrer",
             className: "hidden md:flex items-center justify-center h-9 w-9 rounded-md hover:bg-muted transition-colors",
             "aria-label": "GitHub",
-            children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react19.Github, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react19.Github, { className: "h-4 w-4" })
           }
         ),
-        config.social?.twitter && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+        config.social?.twitter && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
           "a",
           {
             href: config.social.twitter,
@@ -3208,10 +3224,10 @@ function Header({ currentVersion, versions, onMenuClick, config }) {
             rel: "noopener noreferrer",
             className: "hidden md:flex items-center justify-center h-9 w-9 rounded-md hover:bg-muted transition-colors",
             "aria-label": "Twitter",
-            children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react19.Twitter, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react19.Twitter, { className: "h-4 w-4" })
           }
         ),
-        config.social?.discord && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+        config.social?.discord && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
           "a",
           {
             href: config.social.discord,
@@ -3219,13 +3235,13 @@ function Header({ currentVersion, versions, onMenuClick, config }) {
             rel: "noopener noreferrer",
             className: "hidden md:flex items-center justify-center h-9 w-9 rounded-md hover:bg-muted transition-colors",
             "aria-label": "Discord",
-            children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react19.MessageCircle, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react19.MessageCircle, { className: "h-4 w-4" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ThemeToggle, {})
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ThemeToggle, {})
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SearchModal, { isOpen: searchOpen, onClose: () => setSearchOpen(false), config })
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SearchModal, { isOpen: searchOpen, onClose: () => setSearchOpen(false), config })
   ] });
 }
 
@@ -3237,15 +3253,15 @@ var import_react19 = require("react");
 
 // src/components/docs/footer.tsx
 var import_link6 = __toESM(require("next/link"));
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 function Footer({ config }) {
   if (!config.footer) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("footer", { className: "bg-muted/30 dark:bg-muted/10 rounded-2xl mt-24", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "px-6 py-12", children: [
-    config.footer.links && config.footer.links.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-8 mb-8", children: config.footer.links.map((column, idx) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("h3", { className: "font-semibold text-foreground mb-4", children: column.title }),
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("ul", { className: "space-y-2", children: column.items.map((item, itemIdx) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("footer", { className: "bg-muted/30 dark:bg-muted/10 rounded-2xl mt-24", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "px-6 py-12", children: [
+    config.footer.links && config.footer.links.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-8 mb-8", children: config.footer.links.map((column, idx) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("h3", { className: "font-semibold text-foreground mb-4", children: column.title }),
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("ul", { className: "space-y-2", children: column.items.map((item, itemIdx) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
         import_link6.default,
         {
           href: item.href,
@@ -3254,14 +3270,14 @@ function Footer({ config }) {
         }
       ) }, itemIdx)) })
     ] }, idx)) }),
-    config.footer.copyright && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "pt-8", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-sm text-muted-foreground text-center", children: config.footer.copyright }) })
+    config.footer.copyright && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "pt-8", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-sm text-muted-foreground text-center", children: config.footer.copyright }) })
   ] }) });
 }
 
 // src/components/docs/site-banner.tsx
 var import_lucide_react20 = require("lucide-react");
 var import_react17 = require("react");
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 function SiteBanner({ config }) {
   const [dismissed, setDismissed] = (0, import_react17.useState)(false);
   const [mounted, setMounted] = (0, import_react17.useState)(false);
@@ -3311,23 +3327,23 @@ function SiteBanner({ config }) {
   };
   const type = banner.type || "info";
   const { icon: IconComponent, bg, border, iconColor, textColor } = typeConfig[type];
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: `w-full border-b ${border} ${bg}`, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "container mx-auto px-6 py-3", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex items-center gap-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(IconComponent, { className: `h-5 w-5 shrink-0 ${iconColor}` }),
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: `text-sm font-medium ${textColor}`, children: banner.message }) }),
-    banner.dismissible && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: `w-full border-b ${border} ${bg}`, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "container mx-auto px-6 py-3", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex items-center gap-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(IconComponent, { className: `h-5 w-5 shrink-0 ${iconColor}` }),
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: `text-sm font-medium ${textColor}`, children: banner.message }) }),
+    banner.dismissible && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       "button",
       {
         onClick: handleDismiss,
         className: `shrink-0 p-1 rounded-md hover:bg-black/5 dark:hover:bg-white/5 transition-colors ${iconColor}`,
         "aria-label": "Dismiss banner",
-        children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react20.X, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react20.X, { className: "h-4 w-4" })
       }
     )
   ] }) }) });
 }
 
 // src/components/docs/tab-groups.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 function TabGroups({ tabGroups, activeTabId, onTabChange }) {
   const activeTab = activeTabId || tabGroups[0]?.id || "";
   const handleTabChange = (tabId) => {
@@ -3336,16 +3352,16 @@ function TabGroups({ tabGroups, activeTabId, onTabChange }) {
   if (!tabGroups || tabGroups.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "sticky top-16 z-30 border-b border-border bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "container mx-auto px-6", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("nav", { className: "flex gap-1 overflow-x-auto no-scrollbar", "aria-label": "Documentation tabs", children: tabGroups.map((tab) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "sticky top-16 z-30 border-b border-border bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "container mx-auto px-6", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("nav", { className: "flex gap-1 overflow-x-auto no-scrollbar", "aria-label": "Documentation tabs", children: tabGroups.map((tab) => {
     const isActive = tab.id === activeTab;
-    return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
       "button",
       {
         onClick: () => handleTabChange(tab.id),
         className: `flex items-center gap-2 px-4 py-3 text-sm font-medium whitespace-nowrap transition-all border-b-2 ${isActive ? "border-primary text-primary" : "border-transparent text-muted-foreground hover:text-foreground hover:border-border"}`,
         "aria-current": isActive ? "page" : void 0,
         children: [
-          tab.icon && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icon, { icon: tab.icon, size: 16, className: "shrink-0" }),
+          tab.icon && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Icon, { icon: tab.icon, size: 16, className: "shrink-0" }),
           tab.label
         ]
       },
@@ -3359,7 +3375,7 @@ var import_link7 = __toESM(require("next/link"));
 var import_navigation4 = require("next/navigation");
 var import_lucide_react21 = require("lucide-react");
 var import_react18 = require("react");
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 function Sidebar({ docs, version, onLinkClick, config, activeTabGroup }) {
   const pathname = (0, import_navigation4.usePathname)();
   const [collapsed, setCollapsed] = (0, import_react18.useState)(() => {
@@ -3464,21 +3480,21 @@ function Sidebar({ docs, version, onLinkClick, config, activeTabGroup }) {
     const isCollapsed = hasActiveItem || isGroupActive ? false : collapsed[groupKey] ?? group.defaultCollapsed;
     const marginLeft = depth > 0 ? "ml-4" : "";
     const groupHref = `/docs/${version}/${group.path}`;
-    return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: `space-y-1 ${marginLeft}`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-center group", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: `space-y-1 ${marginLeft}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex items-center group", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
           import_link7.default,
           {
             href: groupHref,
             onClick: onLinkClick,
             className: `flex items-center gap-2 flex-1 px-3 py-2 text-sm font-semibold rounded-l-xl transition-all ${isGroupActive ? "bg-primary/10 text-primary" : "text-foreground hover:bg-accent/50"}`,
             children: [
-              group.icon ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Icon, { icon: group.icon, size: 16, className: "shrink-0" }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react21.FolderOpen, { size: 16, className: "shrink-0" }),
+              group.icon ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Icon, { icon: group.icon, size: 16, className: "shrink-0" }) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react21.FolderOpen, { size: 16, className: "shrink-0" }),
               group.label
             ]
           }
         ),
-        hasContent && group.collapsible && config.navigation?.collapsibleSidebar && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+        hasContent && group.collapsible && config.navigation?.collapsibleSidebar && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
           "button",
           {
             onClick: (e) => {
@@ -3488,11 +3504,11 @@ function Sidebar({ docs, version, onLinkClick, config, activeTabGroup }) {
             },
             className: `p-2 rounded-r-xl transition-all ${isGroupActive ? "hover:bg-primary/20" : "hover:bg-accent/50"}`,
             "aria-label": isCollapsed ? "Expand section" : "Collapse section",
-            children: isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react21.ChevronRight, { className: `h-4 w-4 ${isGroupActive ? "text-primary" : "text-muted-foreground"}` }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react21.ChevronDown, { className: `h-4 w-4 ${isGroupActive ? "text-primary" : "text-muted-foreground"}` })
+            children: isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react21.ChevronRight, { className: `h-4 w-4 ${isGroupActive ? "text-primary" : "text-muted-foreground"}` }) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react21.ChevronDown, { className: `h-4 w-4 ${isGroupActive ? "text-primary" : "text-muted-foreground"}` })
           }
         )
       ] }),
-      !isCollapsed && hasContent && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "ml-4 space-y-1", children: (() => {
+      !isCollapsed && hasContent && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "ml-4 space-y-1", children: (() => {
         const merged = [
           ...sortedChildren.map(([childKey, childGroup]) => ({
             type: "group",
@@ -3513,14 +3529,14 @@ function Sidebar({ docs, version, onLinkClick, config, activeTabGroup }) {
           } else {
             const href = `/docs/${version}/${item.doc.slug}`;
             const isActive = pathname === href;
-            return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
               import_link7.default,
               {
                 href,
                 onClick: onLinkClick,
                 className: `flex items-center gap-2 px-3 py-2 text-sm rounded-xl transition-all ${isActive ? "bg-primary/10 text-primary font-medium" : "text-foreground hover:text-foreground hover:bg-accent/50"}`,
                 children: [
-                  item.doc.meta?.icon && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Icon, { icon: item.doc.meta.icon, size: 16, className: "shrink-0" }),
+                  item.doc.meta?.icon && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Icon, { icon: item.doc.meta.icon, size: 16, className: "shrink-0" }),
                   item.doc.title
                 ]
               },
@@ -3535,20 +3551,20 @@ function Sidebar({ docs, version, onLinkClick, config, activeTabGroup }) {
   const sortedStandalone = sortSidebarItems(standalone);
   const stickyTop = hasTabGroups ? "top-[7.5rem]" : "top-24";
   const maxHeight = hasTabGroups ? "max-h-[calc(100vh-10rem)]" : "max-h-[calc(100vh-7rem)]";
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("aside", { className: `w-64 shrink-0 sticky ${stickyTop} self-start`, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: `${maxHeight} overflow-y-auto bg-muted/30 dark:bg-muted/10 rounded-2xl p-4 border border-border/50`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("h2", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider mb-4 px-2", children: "Documentation" }),
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("nav", { className: "space-y-1", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("aside", { className: `w-64 shrink-0 sticky ${stickyTop} self-start`, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: `${maxHeight} overflow-y-auto bg-muted/30 dark:bg-muted/10 rounded-2xl p-4 border border-border/50`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("h2", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider mb-4 px-2", children: "Documentation" }),
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("nav", { className: "space-y-1", children: [
       sortedStandalone.length > 0 && sortedStandalone.map((doc) => {
         const href = `/docs/${version}/${doc.slug}`;
         const isActive = pathname === href;
-        return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
           import_link7.default,
           {
             href,
             onClick: onLinkClick,
             className: `flex items-center gap-2 px-3 py-2 text-sm rounded-xl transition-all ${isActive ? "bg-primary/10 text-primary font-medium" : "text-foreground hover:text-foreground hover:bg-accent/50"}`,
             children: [
-              doc.meta?.icon && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Icon, { icon: doc.meta.icon, size: 16, className: "shrink-0" }),
+              doc.meta?.icon && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Icon, { icon: doc.meta.icon, size: 16, className: "shrink-0" }),
               doc.title
             ]
           },
@@ -3561,7 +3577,7 @@ function Sidebar({ docs, version, onLinkClick, config, activeTabGroup }) {
 }
 
 // src/components/docs/mobile-doc-layout.tsx
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 function MobileDocLayout({ header, docs, version, content, toc, config, activeTabGroup, onTabChange }) {
   const [sidebarOpen, setSidebarOpen] = (0, import_react19.useState)(false);
   const handleTabChange = (tabId) => {
@@ -3572,10 +3588,10 @@ function MobileDocLayout({ header, docs, version, content, toc, config, activeTa
   const headerWithProps = (0, import_react19.isValidElement)(header) ? (0, import_react19.cloneElement)(header, {
     onMenuClick: toggleSidebar
   }) : header;
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "min-h-screen bg-background", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "min-h-screen bg-background", children: [
     headerWithProps,
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(SiteBanner, { config }),
-    config.navigation?.tabGroups && config.navigation.tabGroups.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(SiteBanner, { config }),
+    config.navigation?.tabGroups && config.navigation.tabGroups.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
       TabGroups,
       {
         tabGroups: config.navigation.tabGroups,
@@ -3583,18 +3599,18 @@ function MobileDocLayout({ header, docs, version, content, toc, config, activeTa
         onTabChange: handleTabChange
       }
     ),
-    sidebarOpen && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    sidebarOpen && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
       "div",
       {
         className: "lg:hidden fixed inset-0 bg-background/80 backdrop-blur-sm z-40",
         onClick: () => setSidebarOpen(false)
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
       "div",
       {
         className: `lg:hidden fixed top-0 left-0 h-full w-64 bg-background border-r border-border z-40 transform transition-transform duration-300 ease-in-out overflow-y-auto ${sidebarOpen ? "translate-x-0" : "-translate-x-full"}`,
-        children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "pt-20 px-4", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "pt-20 px-4", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
           Sidebar,
           {
             docs,
@@ -3606,8 +3622,8 @@ function MobileDocLayout({ header, docs, version, content, toc, config, activeTa
         ) })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("main", { className: "container mx-auto px-6 py-8", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "hidden lg:block", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("main", { className: "container mx-auto px-6 py-8", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "hidden lg:block", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
         Sidebar,
         {
           docs,
@@ -3616,9 +3632,9 @@ function MobileDocLayout({ header, docs, version, content, toc, config, activeTa
           activeTabGroup
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex flex-col gap-2 px-2 md:px-8", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex flex-col gap-2 px-2 md:px-8", children: [
         content,
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Footer, { config })
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Footer, { config })
       ] }) }),
       toc
     ] }) })
@@ -3627,7 +3643,7 @@ function MobileDocLayout({ header, docs, version, content, toc, config, activeTa
 
 // src/components/docs/tab-context.tsx
 var import_react20 = require("react");
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 var TabContext = (0, import_react20.createContext)(void 0);
 function useTabContext() {
   const context = (0, import_react20.useContext)(TabContext);
@@ -3638,7 +3654,7 @@ function useTabContext() {
 }
 
 // src/components/docs/doc-layout-wrapper.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 function DocLayoutWrapper({ header, docs, version, content, toc, config, currentPageTabGroup }) {
   const { activeTabGroup, setActiveTabGroup } = useTabContext();
   const lastPageTabGroupRef = (0, import_react21.useRef)(void 0);
@@ -3655,7 +3671,7 @@ function DocLayoutWrapper({ header, docs, version, content, toc, config, current
       lastPageTabGroupRef.current = currentPageTabGroup;
     }
   }, [currentPageTabGroup, setActiveTabGroup]);
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     MobileDocLayout,
     {
       header,
@@ -3674,7 +3690,7 @@ function DocLayoutWrapper({ header, docs, version, content, toc, config, current
 var import_react22 = require("react");
 var import_navigation5 = require("next/navigation");
 var import_lucide_react22 = require("lucide-react");
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 function HotReloadIndicator() {
   const [isReloading, setIsReloading] = (0, import_react22.useState)(false);
   const [lastReload, setLastReload] = (0, import_react22.useState)(null);
@@ -3709,14 +3725,14 @@ function HotReloadIndicator() {
     };
   }, []);
   if (process.env.NODE_ENV !== "development") return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
-    isReloading && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "fixed bottom-4 right-4 z-50 flex items-center gap-2 px-4 py-2 bg-primary text-primary-foreground rounded-xl shadow-lg animate-in slide-in-from-bottom-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react22.RefreshCw, { className: "h-4 w-4 animate-spin" }),
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "text-sm font-medium", children: "Reloading..." })
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_jsx_runtime47.Fragment, { children: [
+    isReloading && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "fixed bottom-4 right-4 z-50 flex items-center gap-2 px-4 py-2 bg-primary text-primary-foreground rounded-xl shadow-lg animate-in slide-in-from-bottom-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react22.RefreshCw, { className: "h-4 w-4 animate-spin" }),
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-sm font-medium", children: "Reloading..." })
     ] }),
-    lastReload && !isReloading && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "fixed bottom-4 right-4 z-50 flex items-center gap-2 px-4 py-2 bg-green-500 text-white rounded-xl shadow-lg animate-in slide-in-from-bottom-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react22.RefreshCw, { className: "h-4 w-4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("span", { className: "text-sm font-medium", children: [
+    lastReload && !isReloading && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "fixed bottom-4 right-4 z-50 flex items-center gap-2 px-4 py-2 bg-green-500 text-white rounded-xl shadow-lg animate-in slide-in-from-bottom-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react22.RefreshCw, { className: "h-4 w-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("span", { className: "text-sm font-medium", children: [
         "Updated at ",
         lastReload.toLocaleTimeString()
       ] })
@@ -3727,7 +3743,7 @@ function HotReloadIndicator() {
 // src/components/docs/dev-mode-badge.tsx
 var import_react23 = require("react");
 var import_lucide_react23 = require("lucide-react");
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 function DevModeBadge() {
   const [isConnected, setIsConnected] = (0, import_react23.useState)(true);
   (0, import_react23.useEffect)(() => {
@@ -3743,10 +3759,10 @@ function DevModeBadge() {
     };
   }, []);
   if (process.env.NODE_ENV !== "development") return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "fixed top-20 left-4 z-40 flex items-center gap-2 px-3 py-1.5 bg-orange-500/10 text-orange-600 dark:text-orange-400 border border-orange-500/20 rounded-full text-xs font-medium", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react23.Code2, { className: "h-3 w-3" }),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { children: "Dev Mode" }),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: `h-2 w-2 rounded-full ${isConnected ? "bg-green-500" : "bg-red-500"} animate-pulse` })
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "fixed top-20 left-4 z-40 flex items-center gap-2 px-3 py-1.5 bg-orange-500/10 text-orange-600 dark:text-orange-400 border border-orange-500/20 rounded-full text-xs font-medium", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react23.Code2, { className: "h-3 w-3" }),
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { children: "Dev Mode" }),
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: `h-2 w-2 rounded-full ${isConnected ? "bg-green-500" : "bg-red-500"} animate-pulse` })
   ] });
 }
 
@@ -3784,7 +3800,7 @@ var import_lucide_react24 = require("lucide-react");
 var import_rsc2 = require("next-mdx-remote/rsc");
 var import_remark_gfm2 = __toESM(require("remark-gfm"));
 var import_rehype_slug2 = __toESM(require("rehype-slug"));
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 function CategoryIndex({ categoryPath, version, allDocs, title, description, content, config }) {
   const childDocs = allDocs.filter((doc) => {
     const parts = doc.slug.split("/");
@@ -3798,11 +3814,11 @@ function CategoryIndex({ categoryPath, version, allDocs, title, description, con
     return "";
   };
   const sortedDocs = sortSidebarItems(childDocs);
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex-1 min-w-0", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "mb-8", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("h1", { className: "text-4xl font-bold tracking-tight mb-3 text-foreground", children: title }),
-      description && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "text-lg text-muted-foreground leading-relaxed", children: description }),
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "prose prose-slate dark:prose-invert max-w-none prose-headings:scroll-mt-24 prose-headings:font-semibold prose-h1:text-4xl prose-h2:text-3xl prose-h2:mt-12 prose-h2:mb-4 prose-h3:text-2xl prose-h3:mt-8 prose-h3:mb-3 prose-p:text-base prose-p:leading-7 prose-p:text-muted-foreground prose-p:mb-4 prose-a:font-normal prose-a:transition-all prose-code:text-primary prose-code:bg-muted/50 prose-code:px-1.5 prose-code:py-0.5 prose-code:rounded-md prose-code:text-[13px] prose-code:font-mono prose-code:border prose-code:border-border/50 prose-code:before:content-none prose-code:after:content-none prose-pre:bg-transparent prose-pre:p-0 prose-ul:list-disc prose-ul:list-inside prose-ul:space-y-2 prose-ul:mb-4 prose-ol:list-decimal prose-ol:list-inside prose-ol:space-y-2 prose-ol:mb-4 prose-li:leading-7 prose-li:text-muted-foreground prose-strong:text-foreground prose-strong:font-semibold", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex-1 min-w-0", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "mb-8", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("h1", { className: "text-4xl font-bold tracking-tight mb-3 text-foreground", children: title }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: "text-lg text-muted-foreground leading-relaxed", children: description }),
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "prose prose-slate dark:prose-invert max-w-none prose-headings:scroll-mt-24 prose-headings:font-semibold prose-h1:text-4xl prose-h2:text-3xl prose-h2:mt-12 prose-h2:mb-4 prose-h3:text-2xl prose-h3:mt-8 prose-h3:mb-3 prose-p:text-base prose-p:leading-7 prose-p:text-muted-foreground prose-p:mb-4 prose-a:font-normal prose-a:transition-all prose-code:text-primary prose-code:bg-muted/50 prose-code:px-1.5 prose-code:py-0.5 prose-code:rounded-md prose-code:text-[13px] prose-code:font-mono prose-code:border prose-code:border-border/50 prose-code:before:content-none prose-code:after:content-none prose-pre:bg-transparent prose-pre:p-0 prose-ul:list-disc prose-ul:list-inside prose-ul:space-y-2 prose-ul:mb-4 prose-ol:list-decimal prose-ol:list-inside prose-ol:space-y-2 prose-ol:mb-4 prose-li:leading-7 prose-li:text-muted-foreground prose-strong:text-foreground prose-strong:font-semibold", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
         import_rsc2.MDXRemote,
         {
           source: processedContent(),
@@ -3818,7 +3834,7 @@ function CategoryIndex({ categoryPath, version, allDocs, title, description, con
         }
       ) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-3 gap-4", children: sortedDocs.map((doc) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-3 gap-4", children: sortedDocs.map((doc) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
       import_link8.default,
       {
         href: `/docs/${version}/${doc.slug}`,
@@ -3826,26 +3842,26 @@ function CategoryIndex({ categoryPath, version, allDocs, title, description, con
         style: {
           textDecoration: "none !important"
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-start justify-between gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex-1 min-w-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center gap-2 mb-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react24.FileText, { className: "h-6 w-6 text-primary shrink-0" }),
-              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("h3", { className: "text-lg font-semibold text-foreground group-hover:text-primary transition-colors", children: doc.meta.title || doc.title })
+        children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-start justify-between gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center gap-2 mb-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react24.FileText, { className: "h-6 w-6 text-primary shrink-0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("h3", { className: "text-lg font-semibold text-foreground group-hover:text-primary transition-colors", children: doc.meta.title || doc.title })
             ] }),
-            doc.meta.description && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "text-sm text-muted-foreground line-clamp-2", children: doc.meta.description }),
-            doc.meta.reading_time && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("p", { className: "text-xs text-muted-foreground mt-2", children: [
+            doc.meta.description && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: "text-sm text-muted-foreground line-clamp-2", children: doc.meta.description }),
+            doc.meta.reading_time && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("p", { className: "text-xs text-muted-foreground mt-2", children: [
               doc.meta.reading_time,
               " min read"
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react24.ChevronRight, { className: "h-5 w-5 text-muted-foreground group-hover:text-primary group-hover:translate-x-1 transition-all flex-shrink-0 mt-1" })
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react24.ChevronRight, { className: "h-5 w-5 text-muted-foreground group-hover:text-primary group-hover:translate-x-1 transition-all flex-shrink-0 mt-1" })
         ] })
       },
       doc.slug
     )) }),
-    sortedDocs.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "text-center py-12 text-muted-foreground", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react24.FileText, { className: "h-12 w-12 mx-auto mb-3 opacity-50" }),
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { children: "No documents found in this category." })
+    sortedDocs.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "text-center py-12 text-muted-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react24.FileText, { className: "h-12 w-12 mx-auto mb-3 opacity-50" }),
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { children: "No documents found in this category." })
     ] })
   ] });
 }
@@ -3853,43 +3869,43 @@ function CategoryIndex({ categoryPath, version, allDocs, title, description, con
 // src/components/docs/not-found-content.tsx
 var import_link9 = __toESM(require("next/link"));
 var import_lucide_react25 = require("lucide-react");
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 function NotFoundContent({ version }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "flex min-h-[calc(100vh-12rem)] items-center justify-center px-4 py-12", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "w-full max-w-2xl text-center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "mb-6 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "rounded-full bg-yellow-500/10 p-4", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react25.AlertTriangle, { className: "h-16 w-16 text-yellow-500" }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("h1", { className: "mb-3 text-5xl font-bold tracking-tight", children: "404" }),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("h2", { className: "mb-4 text-2xl font-semibold", children: "Page Not Found" }),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("p", { className: "mb-8 text-base text-muted-foreground", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "flex min-h-[calc(100vh-12rem)] items-center justify-center px-4 py-12", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "w-full max-w-2xl text-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "mb-6 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "rounded-full bg-yellow-500/10 p-4", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react25.AlertTriangle, { className: "h-16 w-16 text-yellow-500" }) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("h1", { className: "mb-3 text-5xl font-bold tracking-tight", children: "404" }),
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("h2", { className: "mb-4 text-2xl font-semibold", children: "Page Not Found" }),
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("p", { className: "mb-8 text-base text-muted-foreground", children: [
       "The documentation page you're looking for doesn't exist or may have been moved.",
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("br", {}),
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("br", {}),
       "Try using the sidebar to find what you're looking for, or return to the documentation home."
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex flex-col items-center justify-center gap-3 sm:flex-row", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex flex-col items-center justify-center gap-3 sm:flex-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
         import_link9.default,
         {
           href: `/docs/${version}`,
           className: "inline-flex items-center gap-2 rounded-lg bg-primary px-6 py-3 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react25.ArrowLeft, { className: "h-4 w-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react25.ArrowLeft, { className: "h-4 w-4" }),
             "Back to Documentation"
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
         import_link9.default,
         {
           href: "/",
           className: "inline-flex items-center gap-2 rounded-lg border border-border bg-background px-6 py-3 text-sm font-medium hover:bg-muted transition-colors",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react25.Home, { className: "h-4 w-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react25.Home, { className: "h-4 w-4" }),
             "Go to Homepage"
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "mt-12 rounded-lg border border-border bg-muted/30 p-6", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("p", { className: "text-sm text-muted-foreground", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("strong", { className: "font-medium text-foreground", children: "Tip:" }),
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "mt-12 rounded-lg border border-border bg-muted/30 p-6", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("p", { className: "text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("strong", { className: "font-medium text-foreground", children: "Tip:" }),
       " Use the sidebar navigation on the left to browse all available documentation pages."
     ] }) })
   ] }) });
@@ -3899,21 +3915,21 @@ function NotFoundContent({ version }) {
 var import_react25 = require("react");
 
 // src/components/docs/doc-loading.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 function DocLoading() {
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "max-w-4xl mx-auto px-6 py-8", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "animate-pulse space-y-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "h-8 bg-gray-200 rounded w-3/4" }),
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "h-4 bg-gray-200 rounded w-1/2" }),
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "space-y-3 mt-8", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "h-4 bg-gray-200 rounded" }),
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "h-4 bg-gray-200 rounded w-5/6" }),
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "h-4 bg-gray-200 rounded w-4/6" })
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "max-w-4xl mx-auto px-6 py-8", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "animate-pulse space-y-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "h-8 bg-gray-200 rounded w-3/4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "h-4 bg-gray-200 rounded w-1/2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "space-y-3 mt-8", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "h-4 bg-gray-200 rounded" }),
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "h-4 bg-gray-200 rounded w-5/6" }),
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "h-4 bg-gray-200 rounded w-4/6" })
     ] })
   ] }) });
 }
 
 // src/app/docs-page.tsx
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 async function generateMetadata({ params }) {
   const { version, slug: slugArray } = await params;
   const slug = slugArray.join("/");
@@ -3973,14 +3989,14 @@ async function DocPage({ params }) {
   if (!doc && isCategory) {
     const categoryDoc = allDocs.find((d) => d.slug.startsWith(slug + "/"));
     const categoryTabGroup = categoryDoc?.meta?.tab_group || categoryDoc?.categoryTabGroup;
-    return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
         DocLayoutWrapper,
         {
-          header: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Header, { currentVersion: version, versions, config }),
+          header: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Header, { currentVersion: version, versions, config }),
           docs: allDocs,
           version,
-          content: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+          content: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
             CategoryIndex,
             {
               categoryPath: slug,
@@ -3991,47 +4007,47 @@ async function DocPage({ params }) {
               config
             }
           ),
-          toc: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", {}),
+          toc: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", {}),
           config,
           currentPageTabGroup: categoryTabGroup
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(MdxHotReload, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(HotReloadIndicator, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DevModeBadge, {})
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(MdxHotReload, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(HotReloadIndicator, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(DevModeBadge, {})
     ] });
   }
   if (!doc) {
-    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_jsx_runtime51.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_react25.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DocLoading, {}), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_jsx_runtime52.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_react25.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(DocLoading, {}), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
         DocLayoutWrapper,
         {
-          header: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Header, { currentVersion: version, versions, config }),
+          header: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Header, { currentVersion: version, versions, config }),
           docs: allDocs,
           version,
-          content: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(NotFoundContent, { version }),
-          toc: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", {}),
+          content: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(NotFoundContent, { version }),
+          toc: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", {}),
           config,
           currentPageTabGroup: void 0
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(MdxHotReload, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(HotReloadIndicator, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DevModeBadge, {})
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(MdxHotReload, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(HotReloadIndicator, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(DevModeBadge, {})
     ] }) });
   }
   const toc = extractTableOfContents(doc.content);
   const { previous, next } = getAdjacentDocs(slug, allDocs);
   const showCategoryIndex = isCategory && doc;
   const currentPageTabGroup = doc.meta?.tab_group || doc.categoryTabGroup;
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_jsx_runtime51.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_react25.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DocLoading, {}), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_jsx_runtime52.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_react25.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(DocLoading, {}), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
       DocLayoutWrapper,
       {
-        header: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Header, { currentVersion: version, versions, config }),
+        header: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Header, { currentVersion: version, versions, config }),
         docs: allDocs,
         version,
-        content: showCategoryIndex ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        content: showCategoryIndex ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
           CategoryIndex,
           {
             categoryPath: slug,
@@ -4042,7 +4058,7 @@ async function DocPage({ params }) {
             content: doc.content,
             config
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
           DocLayout,
           {
             meta: doc.meta,
@@ -4054,14 +4070,14 @@ async function DocPage({ params }) {
             config
           }
         ),
-        toc: showCategoryIndex ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", {}) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(TableOfContents, { items: toc, config }),
+        toc: showCategoryIndex ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", {}) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(TableOfContents, { items: toc, config }),
         config,
         currentPageTabGroup
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(MdxHotReload, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(HotReloadIndicator, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DevModeBadge, {})
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(MdxHotReload, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(HotReloadIndicator, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(DevModeBadge, {})
   ] }) });
 }
 // Annotate the CommonJS export names for ESM import in node: