specra 0.1.13 → 0.2.0

package/dist/index.mjs

@@ -1,1897 +0,0 @@
-import {
-  PerfTimer,
-  buildRedirectMappings,
-  clearAllCaches,
-  debugLog,
-  extractHeadings,
-  extractTableOfContents,
-  findRedirect,
-  getAdjacentDocs,
-  getAllCategoryConfigs,
-  getAllDocs,
-  getCacheStats,
-  getCachedAllDocs,
-  getCachedDocBySlug,
-  getCachedVersions,
-  getCategoryConfig,
-  getDocBySlug,
-  getI18nConfig,
-  getVersions,
-  isCategoryPage,
-  logCacheOperation,
-  logFsOperation,
-  logMemoryUsage
-} from "./chunk-WMCO2UX5.mjs";
-import {
-  CSP_DIRECTIVES,
-  SAFE_MDX_COMPONENTS,
-  generateCSPHeader,
-  sanitizeMDXContent,
-  sanitizePath,
-  scanMDXForDangerousPatterns,
-  validateMDXComponents,
-  validateMDXSecurity,
-  validatePathWithinDirectory
-} from "./chunk-BE7EROIW.mjs";
-import {
-  Breadcrumb,
-  DocMetadata,
-  DocNavigation,
-  DocTags,
-  DraftBadge
-} from "./chunk-CWHRZHZO.mjs";
-import {
-  buildSidebarStructure,
-  defaultConfig,
-  getConfig,
-  getConfigValue,
-  initConfig,
-  loadConfig,
-  processContentWithEnv,
-  reloadConfig,
-  replaceEnvVariables,
-  sortSidebarGroups,
-  sortSidebarItems,
-  validateConfig
-} from "./chunk-6S3EJVEO.mjs";
-import {
-  Accordion,
-  AccordionItem,
-  ApiEndpoint,
-  ApiParams,
-  ApiPlayground,
-  ApiReference,
-  ApiResponse,
-  Badge,
-  Badge2,
-  Button,
-  Callout,
-  Card,
-  CardGrid,
-  CodeBlock,
-  Column,
-  Columns,
-  Frame,
-  Icon,
-  Image,
-  ImageCard,
-  ImageCardGrid,
-  Input,
-  Math as Math2,
-  Mermaid,
-  Step,
-  Steps,
-  Tab,
-  Tabs,
-  Textarea,
-  Tooltip,
-  Video,
-  badgeVariants,
-  buttonVariants
-} from "./chunk-D5VDVYFY.mjs";
-import {
-  OpenApiParser,
-  PostmanParser,
-  SpecraParser,
-  cn,
-  detectParserType,
-  getAssetPath,
-  parseApiSpec
-} from "./chunk-XEMGCPZZ.mjs";
-
-// src/components/docs/componentTextProps.ts
-var COMPONENT_TEXT_PROPS = {
-  // Accordion components
-  Accordion: ["title"],
-  AccordionItem: ["title"],
-  // Alert/Callout components
-  Alert: ["title", "description"],
-  Banner: ["title"],
-  Callout: ["title", "content"],
-  Note: ["title"],
-  Warning: ["title", "text"],
-  // Navigation components
-  BreadCrumb: ["title", "slug", "version"],
-  // Card components
-  Card: ["title", "description"],
-  ImageCard: ["title", "description", "alt"],
-  // Media components
-  Image: ["alt", "caption"],
-  Video: ["caption"],
-  Frame: ["title"],
-  Mermaid: ["caption"],
-  // Interactive components
-  Tooltip: ["content"],
-  // Code components
-  CodeBlock: ["filename"],
-  // Step components
-  Step: ["title"]
-};
-function extractComponentPropsText(mdx) {
-  return mdx.replace(
-    /<([A-Z][\w]*)\b([^/>]*)\/>/g,
-    (_, component, props) => {
-      const searchableProps = COMPONENT_TEXT_PROPS[component];
-      if (!searchableProps) return " ";
-      let extracted = "";
-      for (const prop of searchableProps) {
-        const match = props.match(
-          new RegExp(`${prop}="([^"]+)"`, "i")
-        );
-        if (match) {
-          extracted += " " + match[1];
-        }
-      }
-      return extracted || " ";
-    }
-  );
-}
-function extractSearchText(mdx) {
-  return extractComponentPropsText(mdx).replace(/```[\s\S]*?```/g, " ").replace(/<([A-Z][\w]*)\b[^>]*>[\s\S]*?<\/\1>/g, " ").replace(/<\/?[A-Za-z][^>]*>/g, " ").replace(/`[^`]+`/g, " ").replace(/\[([^\]]+)\]\([^)]+\)/g, "$1").replace(/[#>*_~=-]+/g, " ").replace(/\s+/g, " ").trim().slice(0, 1e3);
-}
-
-// src/components/docs/dev-mode-badge.tsx
-import { useEffect, useState } from "react";
-import { Code2 } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function DevModeBadge() {
-  const [isConnected, setIsConnected] = useState(true);
-  useEffect(() => {
-    if (process.env.NODE_ENV !== "development") return;
-    const checkConnection = () => {
-      setIsConnected(navigator.onLine);
-    };
-    window.addEventListener("online", checkConnection);
-    window.addEventListener("offline", checkConnection);
-    return () => {
-      window.removeEventListener("online", checkConnection);
-      window.removeEventListener("offline", checkConnection);
-    };
-  }, []);
-  if (process.env.NODE_ENV !== "development") return null;
-  return /* @__PURE__ */ 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__ */ jsx(Code2, { className: "h-3 w-3" }),
-    /* @__PURE__ */ jsx("span", { children: "Dev Mode" }),
-    /* @__PURE__ */ jsx("div", { className: `h-2 w-2 rounded-full ${isConnected ? "bg-green-500" : "bg-red-500"} animate-pulse` })
-  ] });
-}
-
-// src/components/docs/mobile-doc-layout.tsx
-import { useState as useState6, cloneElement, isValidElement } from "react";
-import Link3 from "next/link";
-
-// src/components/docs/footer.tsx
-import Link from "next/link";
-
-// src/components/docs/logo.tsx
-import { useTheme } from "next-themes";
-import { useEffect as useEffect2, useState as useState2 } from "react";
-import { jsx as jsx2 } from "react/jsx-runtime";
-function Logo({ logo, alt = "Logo", className = "h-8 w-8 object-contain" }) {
-  const { resolvedTheme } = useTheme();
-  const [mounted, setMounted] = useState2(false);
-  useEffect2(() => {
-    setMounted(true);
-  }, []);
-  if (!logo) return null;
-  if (typeof logo === "string") {
-    return /* @__PURE__ */ jsx2("img", { src: logo, alt, className });
-  }
-  if (!mounted) {
-    return /* @__PURE__ */ jsx2("img", { src: logo.light, alt, className });
-  }
-  const logoSrc = resolvedTheme === "dark" ? logo.dark : logo.light;
-  return /* @__PURE__ */ jsx2("img", { src: logoSrc, alt, className });
-}
-
-// src/components/docs/footer.tsx
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-function Footer({ config }) {
-  if (!config.footer) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx3("footer", { className: "bg-muted/30 dark:bg-muted/10 rounded-2xl mt-24", children: /* @__PURE__ */ jsxs2("div", { className: "px-2 md:px-6 py-12", children: [
-    config.footer.links && config.footer.links.length > 0 && /* @__PURE__ */ jsx3("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-8 mb-8", children: config.footer.links.map((column, idx) => /* @__PURE__ */ jsxs2("div", { children: [
-      /* @__PURE__ */ jsx3("h3", { className: "font-semibold text-foreground mb-4", children: column.title }),
-      /* @__PURE__ */ jsx3("ul", { className: "space-y-2", children: column.items.map((item, itemIdx) => /* @__PURE__ */ jsx3("li", { children: /* @__PURE__ */ jsx3(
-        Link,
-        {
-          href: item.href,
-          className: "text-sm text-muted-foreground hover:text-foreground transition-colors",
-          children: item.label
-        }
-      ) }, itemIdx)) })
-    ] }, idx)) }),
-    /* @__PURE__ */ jsx3("div", { className: "pt-8 border-t border-border/50", children: /* @__PURE__ */ jsxs2("div", { className: "flex flex-col md:flex-row items-center justify-between gap-4", children: [
-      config.footer.copyright && /* @__PURE__ */ jsx3("p", { className: "text-sm text-muted-foreground text-center md:text-left", children: config.footer.copyright }),
-      config.footer.branding?.showBranding && /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-        config.footer.branding.logo && /* @__PURE__ */ jsx3(
-          Logo,
-          {
-            logo: config.footer.branding.logo,
-            alt: config.footer.branding.title || "Powered by",
-            className: "h-5 w-auto object-contain"
-          }
-        ),
-        /* @__PURE__ */ jsx3("span", { children: "Powered by" }),
-        config.footer.branding.url ? /* @__PURE__ */ jsx3(
-          Link,
-          {
-            href: config.footer.branding.url,
-            target: "_blank",
-            rel: "noopener noreferrer",
-            className: "font-semibold hover:text-foreground transition-colors",
-            children: config.footer.branding.title || "Specra"
-          }
-        ) : /* @__PURE__ */ jsx3("span", { className: "font-semibold", children: config.footer.branding.title || "Specra" })
-      ] })
-    ] }) })
-  ] }) });
-}
-
-// src/components/docs/site-banner.tsx
-import { X, AlertCircle, CheckCircle, Info, XCircle } from "lucide-react";
-import { useState as useState3, useEffect as useEffect3 } from "react";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-function SiteBanner({ config }) {
-  const [dismissed, setDismissed] = useState3(false);
-  const [mounted, setMounted] = useState3(false);
-  const banner = config.banner;
-  const storageKey = "site-banner-dismissed";
-  useEffect3(() => {
-    setMounted(true);
-    const isDismissed = localStorage.getItem(storageKey) === "true";
-    setDismissed(isDismissed);
-  }, []);
-  const handleDismiss = () => {
-    setDismissed(true);
-    localStorage.setItem(storageKey, "true");
-  };
-  if (!mounted || !banner || !banner.enabled || dismissed) {
-    return null;
-  }
-  const typeConfig = {
-    info: {
-      icon: Info,
-      bg: "bg-blue-500/10 dark:bg-blue-400/5",
-      border: "border-blue-500/30 dark:border-blue-500/20",
-      iconColor: "text-blue-600 dark:text-blue-400",
-      textColor: "text-blue-900 dark:text-blue-300"
-    },
-    success: {
-      icon: CheckCircle,
-      bg: "bg-green-500/10 dark:bg-green-400/5",
-      border: "border-green-500/30 dark:border-green-500/20",
-      iconColor: "text-green-600 dark:text-green-400",
-      textColor: "text-green-900 dark:text-green-300"
-    },
-    warning: {
-      icon: AlertCircle,
-      bg: "bg-yellow-500/10 dark:bg-yellow-400/5",
-      border: "border-yellow-500/30 dark:border-yellow-500/20",
-      iconColor: "text-yellow-600 dark:text-yellow-400",
-      textColor: "text-yellow-900 dark:text-yellow-300"
-    },
-    error: {
-      icon: XCircle,
-      bg: "bg-red-500/10 dark:bg-red-400/5",
-      border: "border-red-500/30 dark:border-red-500/20",
-      iconColor: "text-red-600 dark:text-red-400",
-      textColor: "text-red-900 dark:text-red-300"
-    }
-  };
-  const type = banner.type || "info";
-  const { icon: IconComponent, bg, border, iconColor, textColor } = typeConfig[type];
-  return /* @__PURE__ */ jsx4("div", { className: `w-full border-b ${border} ${bg}`, children: /* @__PURE__ */ jsx4("div", { className: "container mx-auto px-2 md:px-6 py-3", children: /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-3", children: [
-    /* @__PURE__ */ jsx4(IconComponent, { className: `h-5 w-5 shrink-0 ${iconColor}` }),
-    /* @__PURE__ */ jsx4("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx4("p", { className: `text-sm font-medium ${textColor}`, children: banner.message }) }),
-    banner.dismissible && /* @__PURE__ */ jsx4(
-      "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__ */ jsx4(X, { className: "h-4 w-4" })
-      }
-    )
-  ] }) }) });
-}
-
-// src/components/docs/tab-groups.tsx
-import { useState as useState4 } from "react";
-import { useRouter } from "next/navigation";
-import { ChevronDown } from "lucide-react";
-import { Fragment, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
-function TabGroups({ tabGroups, activeTabId, onTabChange, mobileOnly = false, docs, version }) {
-  const [dropdownOpen, setDropdownOpen] = useState4(false);
-  const router = useRouter();
-  const filteredTabGroups = docs ? tabGroups.filter((tab) => {
-    const hasDocsInTab = docs.some((doc) => {
-      const docTabGroup = doc.meta?.tab_group || doc.categoryTabGroup;
-      return docTabGroup === tab.id || !docTabGroup && tab.id === tabGroups[0]?.id;
-    });
-    return hasDocsInTab;
-  }) : tabGroups;
-  const activeTab = activeTabId || filteredTabGroups[0]?.id || "";
-  const activeTabData = filteredTabGroups.find((tab) => tab.id === activeTab);
-  const handleTabChange = (tabId) => {
-    onTabChange?.(tabId);
-    setDropdownOpen(false);
-    if (docs && version) {
-      const firstDocInTab = docs.find((doc) => {
-        const docTabGroup = doc.meta?.tab_group || doc.categoryTabGroup;
-        return docTabGroup === tabId || !docTabGroup && tabId === filteredTabGroups[0]?.id;
-      });
-      if (firstDocInTab) {
-        router.push(`/docs/${version}/${firstDocInTab.slug}`);
-      }
-    }
-  };
-  if (!filteredTabGroups || filteredTabGroups.length === 0) {
-    return null;
-  }
-  if (mobileOnly) {
-    return /* @__PURE__ */ jsxs4("div", { className: "relative", children: [
-      /* @__PURE__ */ jsxs4(
-        "button",
-        {
-          onClick: () => setDropdownOpen(!dropdownOpen),
-          className: "flex items-center justify-between w-full px-3 py-2 text-sm font-medium text-foreground bg-muted/50 rounded-lg hover:bg-muted transition-colors",
-          "aria-label": "Select tab group",
-          "aria-expanded": dropdownOpen,
-          children: [
-            /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2", children: [
-              activeTabData?.icon && /* @__PURE__ */ jsx5(Icon, { icon: activeTabData.icon, size: 16, className: "shrink-0" }),
-              /* @__PURE__ */ jsx5("span", { children: activeTabData?.label })
-            ] }),
-            /* @__PURE__ */ jsx5(
-              ChevronDown,
-              {
-                className: `h-4 w-4 transition-transform ${dropdownOpen ? "rotate-180" : ""}`
-              }
-            )
-          ]
-        }
-      ),
-      dropdownOpen && /* @__PURE__ */ jsxs4(Fragment, { children: [
-        /* @__PURE__ */ jsx5(
-          "div",
-          {
-            className: "fixed inset-0 z-40",
-            onClick: () => setDropdownOpen(false)
-          }
-        ),
-        /* @__PURE__ */ jsx5("div", { className: "absolute top-full left-0 right-0 mt-2 bg-background border border-border rounded-lg shadow-lg z-50 max-h-[60vh] overflow-y-auto", children: filteredTabGroups.map((tab) => {
-          const isActive = tab.id === activeTab;
-          return /* @__PURE__ */ jsxs4(
-            "button",
-            {
-              onClick: () => handleTabChange(tab.id),
-              className: `flex items-center gap-2 w-full px-3 py-2 text-sm font-medium text-left transition-colors first:rounded-t-lg last:rounded-b-lg ${isActive ? "bg-primary/10 text-primary" : "text-muted-foreground hover:bg-accent hover:text-foreground"}`,
-              children: [
-                tab.icon && /* @__PURE__ */ jsx5(Icon, { icon: tab.icon, size: 16, className: "shrink-0" }),
-                tab.label
-              ]
-            },
-            tab.id
-          );
-        }) })
-      ] })
-    ] });
-  }
-  return /* @__PURE__ */ jsx5("div", { className: "sticky top-16 z-30 border-b border-border bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60", children: /* @__PURE__ */ jsxs4("div", { className: "container mx-auto px-2 md:px-6", children: [
-    /* @__PURE__ */ jsxs4("div", { className: "md:hidden relative", children: [
-      /* @__PURE__ */ jsxs4(
-        "button",
-        {
-          onClick: () => setDropdownOpen(!dropdownOpen),
-          className: "flex items-center justify-between w-full px-4 py-3 text-sm font-medium text-foreground",
-          "aria-label": "Select tab",
-          "aria-expanded": dropdownOpen,
-          children: [
-            /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2", children: [
-              activeTabData?.icon && /* @__PURE__ */ jsx5(Icon, { icon: activeTabData.icon, size: 16, className: "shrink-0" }),
-              activeTabData?.label
-            ] }),
-            /* @__PURE__ */ jsx5(
-              ChevronDown,
-              {
-                className: `h-4 w-4 transition-transform ${dropdownOpen ? "rotate-180" : ""}`
-              }
-            )
-          ]
-        }
-      ),
-      dropdownOpen && /* @__PURE__ */ jsxs4(Fragment, { children: [
-        /* @__PURE__ */ jsx5(
-          "div",
-          {
-            className: "fixed inset-0 z-40",
-            onClick: () => setDropdownOpen(false)
-          }
-        ),
-        /* @__PURE__ */ jsx5("div", { className: "absolute top-full left-0 right-0 bg-background border border-border shadow-lg z-50 max-h-[60vh] overflow-y-auto", children: filteredTabGroups.map((tab) => {
-          const isActive = tab.id === activeTab;
-          return /* @__PURE__ */ jsxs4(
-            "button",
-            {
-              onClick: () => handleTabChange(tab.id),
-              className: `flex items-center gap-2 w-full px-4 py-3 text-sm font-medium text-left transition-colors ${isActive ? "bg-primary/10 text-primary" : "text-muted-foreground hover:bg-accent hover:text-foreground"}`,
-              children: [
-                tab.icon && /* @__PURE__ */ jsx5(Icon, { icon: tab.icon, size: 16, className: "shrink-0" }),
-                tab.label
-              ]
-            },
-            tab.id
-          );
-        }) })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx5("nav", { className: "hidden md:flex gap-1", "aria-label": "Documentation tabs", children: filteredTabGroups.map((tab) => {
-      const isActive = tab.id === activeTab;
-      return /* @__PURE__ */ jsxs4(
-        "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__ */ jsx5(Icon, { icon: tab.icon, size: 16, className: "shrink-0" }),
-            tab.label
-          ]
-        },
-        tab.id
-      );
-    }) })
-  ] }) });
-}
-
-// src/components/docs/sidebar-menu-items.tsx
-import Link2 from "next/link";
-import { usePathname } from "next/navigation";
-import { ChevronRight, ChevronDown as ChevronDown2, FolderOpen } from "lucide-react";
-import { useState as useState5 } from "react";
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
-function SidebarMenuItems({ docs, version, onLinkClick, config, activeTabGroup }) {
-  const pathname = usePathname();
-  const [collapsed, setCollapsed] = useState5(() => {
-    const initial = {};
-    return initial;
-  });
-  const hasTabGroups = config.navigation?.tabGroups && config.navigation.tabGroups.length > 0;
-  const filteredDocs = hasTabGroups && activeTabGroup ? docs.filter((doc) => {
-    const docTabGroup = doc.meta?.tab_group || doc.categoryTabGroup;
-    if (!docTabGroup) {
-      return activeTabGroup === config.navigation?.tabGroups?.[0]?.id;
-    }
-    return docTabGroup === activeTabGroup;
-  }) : docs;
-  const rootGroups = {};
-  const standalone = [];
-  filteredDocs.forEach((doc) => {
-    const pathParts = doc.filePath.split("/");
-    const isIndexFile = doc.filePath.endsWith("/index") || doc.filePath === "index" || pathParts.length > 1 && doc.slug === pathParts.slice(0, -1).join("/");
-    const customGroup = doc.sidebar || doc.group;
-    if (customGroup) {
-      const groupName = customGroup.charAt(0).toUpperCase() + customGroup.slice(1);
-      if (!rootGroups[groupName]) {
-        rootGroups[groupName] = {
-          label: groupName,
-          path: customGroup,
-          items: [],
-          position: 999,
-          collapsible: doc.categoryCollapsible ?? true,
-          defaultCollapsed: doc.categoryCollapsed ?? false,
-          children: {}
-        };
-      }
-      if (isIndexFile) {
-        rootGroups[groupName].position = doc.sidebar_position ?? 999;
-        rootGroups[groupName].icon = doc.categoryIcon;
-      } else {
-        rootGroups[groupName].items.push(doc);
-      }
-      return;
-    }
-    if (pathParts.length > 1) {
-      const folderParts = pathParts.slice(0, -1);
-      let currentLevel = rootGroups;
-      let currentPath = "";
-      for (let i = 0; i < folderParts.length; i++) {
-        const folder = folderParts[i];
-        currentPath = currentPath ? `${currentPath}/${folder}` : folder;
-        const folderLabel = folder.split("-").map((w) => w.charAt(0).toUpperCase() + w.slice(1)).join(" ");
-        if (!currentLevel[folder]) {
-          currentLevel[folder] = {
-            label: doc.categoryLabel && i === folderParts.length - 1 ? doc.categoryLabel : folderLabel,
-            path: currentPath,
-            icon: doc.categoryIcon,
-            items: [],
-            position: doc.categoryPosition ?? 999,
-            collapsible: doc.categoryCollapsible ?? true,
-            defaultCollapsed: doc.categoryCollapsed ?? false,
-            children: {}
-          };
-        }
-        if (i === folderParts.length - 1) {
-          if (isIndexFile) {
-            currentLevel[folder].position = doc.categoryPosition ?? doc.sidebar_position ?? 999;
-            if (doc.categoryLabel) {
-              currentLevel[folder].label = doc.categoryLabel;
-            }
-            if (doc.categoryIcon) {
-              currentLevel[folder].icon = doc.categoryIcon;
-            }
-          } else {
-            currentLevel[folder].items.push(doc);
-          }
-        }
-        currentLevel = currentLevel[folder].children;
-      }
-    } else {
-      if (!isIndexFile) {
-        standalone.push(doc);
-      }
-    }
-  });
-  const toggleSection = (section) => {
-    setCollapsed((prev) => ({ ...prev, [section]: !prev[section] }));
-  };
-  const renderGroup = (groupKey, group, depth = 0) => {
-    const sortedItems = sortSidebarItems(group.items);
-    const sortedChildren = sortSidebarGroups(group.children);
-    const hasChildren = sortedChildren.length > 0;
-    const hasItems = sortedItems.length > 0;
-    const hasContent = hasChildren || hasItems;
-    const isActiveInGroup = (g) => {
-      const hasActiveItem2 = g.items.some((doc) => pathname === `/docs/${version}/${doc.slug}`);
-      if (hasActiveItem2) return true;
-      return Object.values(g.children).some((child) => isActiveInGroup(child));
-    };
-    const hasActiveItem = isActiveInGroup(group);
-    const isGroupActive = pathname === `/docs/${version}/${group.path}`;
-    const isCollapsed = hasActiveItem || isGroupActive ? false : collapsed[groupKey] ?? group.defaultCollapsed;
-    const marginLeft = depth > 0 ? "ml-4" : "";
-    let groupHref = `/docs/${version}/${group.path}`;
-    if (config.features?.i18n) {
-      const i18n = config.features.i18n;
-      const locales = typeof i18n === "object" ? i18n.locales : ["en"];
-      const pathParts = pathname?.split("/") || [];
-      const potentialLocale = pathParts[3];
-      if (potentialLocale && locales.includes(potentialLocale)) {
-        groupHref = `/docs/${version}/${potentialLocale}/${group.path}`;
-      }
-    }
-    return /* @__PURE__ */ jsxs5("div", { className: `space-y-1 ${marginLeft}`, children: [
-      /* @__PURE__ */ jsxs5("div", { className: "flex items-center group", children: [
-        /* @__PURE__ */ jsxs5(
-          Link2,
-          {
-            href: groupHref,
-            onClick: (e) => {
-              e.preventDefault();
-              toggleSection(groupKey);
-            },
-            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__ */ jsx6(Icon, { icon: group.icon, size: 16, className: "shrink-0" }) : /* @__PURE__ */ jsx6(FolderOpen, { size: 16, className: "shrink-0" }),
-              group.label
-            ]
-          }
-        ),
-        hasContent && group.collapsible && config.navigation?.collapsibleSidebar && /* @__PURE__ */ jsx6(
-          "button",
-          {
-            onClick: (e) => {
-              e.preventDefault();
-              e.stopPropagation();
-              toggleSection(groupKey);
-            },
-            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__ */ jsx6(ChevronRight, { className: `h-4 w-4 ${isGroupActive ? "text-primary" : "text-muted-foreground"}` }) : /* @__PURE__ */ jsx6(ChevronDown2, { className: `h-4 w-4 ${isGroupActive ? "text-primary" : "text-muted-foreground"}` })
-          }
-        )
-      ] }),
-      !isCollapsed && hasContent && /* @__PURE__ */ jsx6("div", { className: "ml-4 space-y-1", children: (() => {
-        const merged = [
-          ...sortedChildren.map(([childKey, childGroup]) => ({
-            type: "group",
-            key: childKey,
-            group: childGroup,
-            position: childGroup.position
-          })),
-          ...sortedItems.map((doc) => ({
-            type: "item",
-            doc,
-            position: doc.sidebar_position ?? doc.meta?.sidebar_position ?? doc.meta?.order ?? 999
-          }))
-        ];
-        merged.sort((a, b) => a.position - b.position);
-        return merged.map((item) => {
-          if (item.type === "group") {
-            return renderGroup(`${groupKey}/${item.key}`, item.group, depth + 1);
-          } else {
-            const href = `/docs/${version}/${item.doc.slug}`;
-            const isActive = pathname === href;
-            return /* @__PURE__ */ jsxs5(
-              Link2,
-              {
-                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__ */ jsx6(Icon, { icon: item.doc.meta.icon, size: 16, className: "shrink-0" }),
-                  item.doc.title
-                ]
-              },
-              `grouped-${item.doc.slug}`
-            );
-          }
-        });
-      })() })
-    ] }, `group-${groupKey}`);
-  };
-  const sortedRootGroups = sortSidebarGroups(rootGroups);
-  const sortedStandalone = sortSidebarItems(standalone);
-  return /* @__PURE__ */ jsxs5("nav", { className: "space-y-1", children: [
-    sortedStandalone.length > 0 && sortedStandalone.map((doc) => {
-      const href = `/docs/${version}/${doc.slug}`;
-      const isActive = pathname === href;
-      return /* @__PURE__ */ jsxs5(
-        Link2,
-        {
-          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__ */ jsx6(Icon, { icon: doc.meta.icon, size: 16, className: "shrink-0" }),
-            doc.title
-          ]
-        },
-        `standalone-${doc.slug}`
-      );
-    }),
-    sortedRootGroups.map(([groupKey, group]) => renderGroup(groupKey, group, 0))
-  ] });
-}
-
-// src/components/docs/sidebar.tsx
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
-function Sidebar({ docs, version, onLinkClick, config, activeTabGroup }) {
-  if (!config.navigation?.showSidebar) {
-    return null;
-  }
-  const hasTabGroups = config.navigation?.tabGroups && config.navigation.tabGroups.length > 0;
-  const stickyTop = hasTabGroups ? "top-[7.5rem]" : "top-24";
-  const maxHeight = hasTabGroups ? "max-h-[calc(100vh-10rem)]" : "max-h-[calc(100vh-7rem)]";
-  return /* @__PURE__ */ jsx7("aside", { className: `w-64 shrink-0 sticky ${stickyTop} self-start`, children: /* @__PURE__ */ jsxs6("div", { className: `${maxHeight} overflow-y-auto bg-muted/30 dark:bg-muted/10 rounded-2xl p-4 border border-border/50`, children: [
-    /* @__PURE__ */ jsx7("h2", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider mb-4 px-2", children: "Documentation" }),
-    /* @__PURE__ */ jsx7(
-      SidebarMenuItems,
-      {
-        docs,
-        version,
-        onLinkClick,
-        config,
-        activeTabGroup
-      }
-    )
-  ] }) });
-}
-
-// src/components/docs/mobile-doc-layout.tsx
-import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
-function MobileDocLayout({ header, docs, version, children, toc, config, activeTabGroup, onTabChange }) {
-  const [sidebarOpen, setSidebarOpen] = useState6(false);
-  const handleTabChange = (tabId) => {
-    onTabChange?.(tabId);
-  };
-  const closeSidebar = () => setSidebarOpen(false);
-  const toggleSidebar = () => setSidebarOpen(!sidebarOpen);
-  const headerWithProps = isValidElement(header) ? cloneElement(header, {
-    onMenuClick: toggleSidebar
-  }) : header;
-  return /* @__PURE__ */ jsxs7("div", { className: "min-h-screen bg-background", children: [
-    headerWithProps,
-    /* @__PURE__ */ jsx8(SiteBanner, { config }),
-    config.navigation?.tabGroups && config.navigation.tabGroups.length > 0 && /* @__PURE__ */ jsx8(
-      TabGroups,
-      {
-        tabGroups: config.navigation.tabGroups,
-        activeTabId: activeTabGroup,
-        onTabChange: handleTabChange,
-        docs,
-        version
-      }
-    ),
-    sidebarOpen && /* @__PURE__ */ jsx8(
-      "div",
-      {
-        className: "lg:hidden fixed inset-0 bg-background/80 backdrop-blur-sm z-40",
-        onClick: () => setSidebarOpen(false)
-      }
-    ),
-    /* @__PURE__ */ jsx8(
-      "div",
-      {
-        className: `lg:hidden fixed top-0 left-0 h-full w-72 bg-background border-r border-border z-50 transform transition-transform duration-300 ease-in-out ${sidebarOpen ? "translate-x-0" : "-translate-x-full"}`,
-        children: /* @__PURE__ */ jsxs7("div", { className: "flex flex-col h-full", children: [
-          /* @__PURE__ */ jsx8("div", { className: "shrink-0 px-4 py-4 border-b border-border", children: /* @__PURE__ */ jsxs7(Link3, { href: "/", className: "flex items-center gap-2 group justify-center", children: [
-            !config.site?.hideLogo && /* @__PURE__ */ jsx8(
-              Logo,
-              {
-                logo: config.site?.logo,
-                alt: config.site?.title || "Logo",
-                className: "w-18 object-contain"
-              }
-            ),
-            /* @__PURE__ */ jsxs7("div", { className: "flex flex-col", children: [
-              /* @__PURE__ */ jsx8("span", { className: "font-semibold text-foreground group-hover:text-primary transition-colors", children: config.site?.title || "Documentation" }),
-              config.site?.description && /* @__PURE__ */ jsx8("span", { className: "text-xs text-muted-foreground line-clamp-1", children: config.site.description })
-            ] })
-          ] }) }),
-          /* @__PURE__ */ jsx8("div", { className: "shrink-0 px-4 pt-4 pb-2", children: /* @__PURE__ */ jsx8("h2", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider px-2", children: "Documentation" }) }),
-          config.navigation?.tabGroups && config.navigation.tabGroups.length > 0 && /* @__PURE__ */ jsx8("div", { className: "shrink-0 px-4 py-3 border-b border-border", children: /* @__PURE__ */ jsx8(
-            TabGroups,
-            {
-              tabGroups: config.navigation.tabGroups,
-              activeTabId: activeTabGroup,
-              onTabChange: handleTabChange,
-              mobileOnly: true,
-              docs,
-              version
-            }
-          ) }),
-          /* @__PURE__ */ jsx8("div", { className: "flex-1 overflow-y-auto px-4 py-4", children: /* @__PURE__ */ jsx8(
-            SidebarMenuItems,
-            {
-              docs,
-              version,
-              config,
-              onLinkClick: closeSidebar,
-              activeTabGroup
-            }
-          ) })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsx8("main", { className: "container mx-auto px-2 md:px-6 py-8", children: /* @__PURE__ */ jsxs7("div", { className: "flex", children: [
-      /* @__PURE__ */ jsx8("div", { className: "hidden lg:block", children: /* @__PURE__ */ jsx8(
-        Sidebar,
-        {
-          docs,
-          version,
-          config,
-          activeTabGroup
-        }
-      ) }),
-      /* @__PURE__ */ jsx8("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-2 px-2 md:px-8", children: [
-        children,
-        /* @__PURE__ */ jsx8(Footer, { config })
-      ] }) }),
-      toc
-    ] }) })
-  ] });
-}
-
-// src/components/docs/tab-context.tsx
-import * as React from "react";
-import { jsx as jsx9 } from "react/jsx-runtime";
-var TabContext = React.createContext(void 0);
-var TAB_STORAGE_KEY = "specra-active-tab-group";
-function TabProvider({ children, defaultTab }) {
-  const [activeTabGroup, setActiveTabGroupState] = React.useState(defaultTab);
-  const isInitialMount = React.useRef(true);
-  React.useEffect(() => {
-    if (isInitialMount.current) {
-      isInitialMount.current = false;
-      if (typeof window !== "undefined") {
-        try {
-          const stored = localStorage.getItem(TAB_STORAGE_KEY);
-          if (stored && stored !== defaultTab) {
-            setActiveTabGroupState(stored);
-          }
-        } catch {
-        }
-      }
-    }
-  }, [defaultTab]);
-  const setActiveTabGroup = (tabId) => {
-    setActiveTabGroupState(tabId);
-    if (typeof window !== "undefined") {
-      try {
-        localStorage.setItem(TAB_STORAGE_KEY, tabId);
-      } catch {
-      }
-    }
-  };
-  return /* @__PURE__ */ jsx9(TabContext.Provider, { value: { activeTabGroup, setActiveTabGroup }, children });
-}
-function useTabContext() {
-  const context = React.useContext(TabContext);
-  if (!context) {
-    throw new Error("useTabContext must be used within TabProvider");
-  }
-  return context;
-}
-
-// src/components/docs/doc-layout-wrapper.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
-function DocLayoutWrapper({ header, docs, version, children, toc, config }) {
-  const { activeTabGroup, setActiveTabGroup } = useTabContext();
-  return /* @__PURE__ */ jsx10(
-    MobileDocLayout,
-    {
-      header,
-      docs,
-      version,
-      toc,
-      config,
-      activeTabGroup,
-      onTabChange: setActiveTabGroup,
-      children
-    }
-  );
-}
-
-// src/components/docs/doc-loading.tsx
-import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
-function DocLoading() {
-  return /* @__PURE__ */ jsx11("div", { className: "max-w-4xl mx-auto px-2 md:px-6 py-8", children: /* @__PURE__ */ jsxs8("div", { className: "animate-pulse space-y-4", children: [
-    /* @__PURE__ */ jsx11("div", { className: "h-8 bg-gray-200 rounded w-3/4" }),
-    /* @__PURE__ */ jsx11("div", { className: "h-4 bg-gray-200 rounded w-1/2" }),
-    /* @__PURE__ */ jsxs8("div", { className: "space-y-3 mt-8", children: [
-      /* @__PURE__ */ jsx11("div", { className: "h-4 bg-gray-200 rounded" }),
-      /* @__PURE__ */ jsx11("div", { className: "h-4 bg-gray-200 rounded w-5/6" }),
-      /* @__PURE__ */ jsx11("div", { className: "h-4 bg-gray-200 rounded w-4/6" })
-    ] })
-  ] }) });
-}
-
-// src/components/docs/header.tsx
-import Link4 from "next/link";
-import { Search as Search2, Menu, Github, Twitter, MessageCircle } from "lucide-react";
-
-// src/components/docs/version-switcher.tsx
-import { useState as useState8 } from "react";
-import { Check, ChevronDown as ChevronDown3 } from "lucide-react";
-import { useRouter as useRouter2 } from "next/navigation";
-import { Fragment as Fragment2, jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
-function VersionSwitcher({ currentVersion, versions }) {
-  const [open, setOpen] = useState8(false);
-  const router = useRouter2();
-  const handleVersionChange = (version) => {
-    router.push(`/docs/${version}`);
-    setOpen(false);
-  };
-  return /* @__PURE__ */ jsxs9("div", { className: "relative", children: [
-    /* @__PURE__ */ jsxs9(
-      "button",
-      {
-        onClick: () => setOpen(!open),
-        className: "flex items-center gap-2 px-3 py-2 text-sm text-foreground bg-muted rounded-md hover:bg-muted/80 transition-colors",
-        children: [
-          /* @__PURE__ */ jsx12("span", { className: "font-medium", children: currentVersion }),
-          /* @__PURE__ */ jsx12(ChevronDown3, { className: "h-4 w-4" })
-        ]
-      }
-    ),
-    open && /* @__PURE__ */ jsxs9(Fragment2, { children: [
-      /* @__PURE__ */ jsx12("div", { className: "fixed inset-0 z-40", onClick: () => setOpen(false) }),
-      /* @__PURE__ */ jsx12("div", { className: "absolute right-0 mt-2 w-48 bg-background border border-border rounded-md shadow-lg z-50", children: /* @__PURE__ */ jsx12("div", { className: "p-2", children: versions.map((version) => /* @__PURE__ */ jsxs9(
-        "button",
-        {
-          onClick: () => handleVersionChange(version),
-          className: "flex items-center justify-between w-full px-3 py-2 text-sm text-foreground hover:bg-muted rounded-md transition-colors",
-          children: [
-            /* @__PURE__ */ jsx12("span", { children: version }),
-            version === currentVersion && /* @__PURE__ */ jsx12(Check, { className: "h-4 w-4 text-primary" })
-          ]
-        },
-        version
-      )) }) })
-    ] })
-  ] });
-}
-
-// src/components/docs/language-switcher.tsx
-import { useState as useState9 } from "react";
-import { Languages, Check as Check2, ChevronDown as ChevronDown4 } from "lucide-react";
-import { usePathname as usePathname2, useRouter as useRouter3 } from "next/navigation";
-
-// src/components/config-provider.tsx
-import * as React2 from "react";
-import { jsx as jsx13 } from "react/jsx-runtime";
-var ConfigContext = React2.createContext(defaultConfig);
-function ConfigProvider({ config, children }) {
-  return /* @__PURE__ */ jsx13(ConfigContext.Provider, { value: config, children });
-}
-function useConfig() {
-  const config = React2.useContext(ConfigContext);
-  if (!config) {
-    throw new Error("useConfig must be used within a ConfigProvider");
-  }
-  return config;
-}
-function useConfigValue(path) {
-  const config = useConfig();
-  const keys = path.split(".");
-  let value = config;
-  for (const key of keys) {
-    if (value && typeof value === "object" && key in value) {
-      value = value[key];
-    } else {
-      return void 0;
-    }
-  }
-  return value;
-}
-
-// src/components/docs/language-switcher.tsx
-import { Fragment as Fragment3, jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
-function LanguageSwitcher() {
-  const [open, setOpen] = useState9(false);
-  const pathname = usePathname2();
-  const router = useRouter3();
-  const config = useConfig();
-  const i18n = config.features?.i18n;
-  if (!i18n || typeof i18n === "boolean") return null;
-  const { locales, localeNames, defaultLocale, prefixDefault } = i18n;
-  const pathParts = pathname.split("/");
-  const version = pathParts[2];
-  let currentLocale = defaultLocale;
-  if (pathParts[3] && locales.includes(pathParts[3])) {
-    currentLocale = pathParts[3];
-  }
-  const handleLocaleChange = (newLocale) => {
-    if (newLocale === currentLocale) {
-      setOpen(false);
-      return;
-    }
-    const parts = [...pathParts];
-    const hasLocalePrefix = locales.includes(parts[3]);
-    if (newLocale === defaultLocale && !prefixDefault) {
-      if (hasLocalePrefix) {
-        parts.splice(3, 1);
-      }
-    } else {
-      if (hasLocalePrefix) {
-        parts[3] = newLocale;
-      } else {
-        parts.splice(3, 0, newLocale);
-      }
-    }
-    const newPath = parts.join("/");
-    router.push(newPath);
-    setOpen(false);
-  };
-  return /* @__PURE__ */ jsxs10("div", { className: "relative", children: [
-    /* @__PURE__ */ jsxs10(
-      "button",
-      {
-        onClick: () => setOpen(!open),
-        className: "flex items-center gap-1.5 px-2 h-9 rounded-md hover:bg-muted transition-colors",
-        "aria-label": "Switch language",
-        children: [
-          /* @__PURE__ */ jsx14(Languages, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx14("span", { className: "text-xs font-bold uppercase", children: currentLocale }),
-          /* @__PURE__ */ jsx14(ChevronDown4, { className: "h-3 w-3 text-muted-foreground" })
-        ]
-      }
-    ),
-    open && /* @__PURE__ */ jsxs10(Fragment3, { children: [
-      /* @__PURE__ */ jsx14("div", { className: "fixed inset-0 z-40", onClick: () => setOpen(false) }),
-      /* @__PURE__ */ jsx14("div", { className: "absolute right-0 mt-2 w-40 bg-background border border-border rounded-md shadow-lg z-50", children: /* @__PURE__ */ jsx14("div", { className: "p-2", children: locales.map((locale) => /* @__PURE__ */ jsxs10(
-        "button",
-        {
-          onClick: () => handleLocaleChange(locale),
-          className: "flex items-center justify-between w-full px-3 py-2 text-sm text-foreground hover:bg-muted rounded-md transition-colors",
-          children: [
-            /* @__PURE__ */ jsx14("span", { children: localeNames?.[locale] || locale.toUpperCase() }),
-            currentLocale === locale && /* @__PURE__ */ jsx14(Check2, { className: "h-4 w-4 text-primary" })
-          ]
-        },
-        locale
-      )) }) })
-    ] })
-  ] });
-}
-
-// src/components/docs/theme-toggle.tsx
-import { Moon, Sun } from "lucide-react";
-import { useEffect as useEffect5, useState as useState10 } from "react";
-import { jsx as jsx15 } from "react/jsx-runtime";
-function ThemeToggle() {
-  const [theme, setTheme] = useState10("dark");
-  useEffect5(() => {
-    const savedTheme = localStorage.getItem("theme");
-    const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
-    const initialTheme = savedTheme || (prefersDark ? "dark" : "light");
-    setTheme(initialTheme);
-    document.documentElement.classList.toggle("dark", initialTheme === "dark");
-  }, []);
-  const toggleTheme = () => {
-    const newTheme = theme === "dark" ? "light" : "dark";
-    setTheme(newTheme);
-    localStorage.setItem("theme", newTheme);
-    document.documentElement.classList.toggle("dark", newTheme === "dark");
-  };
-  return /* @__PURE__ */ jsx15(
-    "button",
-    {
-      onClick: toggleTheme,
-      className: "flex items-center justify-center w-9 h-9 rounded-md border border-border bg-background hover:bg-accent transition-colors",
-      "aria-label": "Toggle theme",
-      children: theme === "dark" ? /* @__PURE__ */ jsx15(Sun, { className: "h-4 w-4 text-foreground" }) : /* @__PURE__ */ jsx15(Moon, { className: "h-4 w-4 text-foreground" })
-    }
-  );
-}
-
-// src/components/docs/search-modal.tsx
-import { useState as useState11, useEffect as useEffect6, useCallback } from "react";
-import { Search, FileText, Loader2 } from "lucide-react";
-import { useRouter as useRouter4 } from "next/navigation";
-
-// src/components/ui/dialog.tsx
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { XIcon } from "lucide-react";
-import { jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
-function Dialog({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx16(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
-}
-function DialogTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx16(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
-}
-function DialogPortal({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx16(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
-}
-function DialogClose({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx16(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
-}
-function DialogOverlay({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx16(
-    DialogPrimitive.Overlay,
-    {
-      "data-slot": "dialog-overlay",
-      className: cn(
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50 dark:bg-black/70 backdrop-blur-md",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function DialogContent({
-  className,
-  children,
-  showCloseButton = true,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs11(DialogPortal, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ jsx16(DialogOverlay, {}),
-    /* @__PURE__ */ jsxs11(
-      DialogPrimitive.Content,
-      {
-        "data-slot": "dialog-content",
-        className: cn(
-          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 outline-none sm:max-w-lg",
-          className
-        ),
-        ...props,
-        children: [
-          children,
-          showCloseButton && /* @__PURE__ */ jsxs11(
-            DialogPrimitive.Close,
-            {
-              "data-slot": "dialog-close",
-              className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-              children: [
-                /* @__PURE__ */ jsx16(XIcon, {}),
-                /* @__PURE__ */ jsx16("span", { className: "sr-only", children: "Close" })
-              ]
-            }
-          )
-        ]
-      }
-    )
-  ] });
-}
-function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx16(
-    "div",
-    {
-      "data-slot": "dialog-header",
-      className: cn("flex flex-col gap-2 text-center sm:text-left", className),
-      ...props
-    }
-  );
-}
-function DialogFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx16(
-    "div",
-    {
-      "data-slot": "dialog-footer",
-      className: cn(
-        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function DialogTitle({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx16(
-    DialogPrimitive.Title,
-    {
-      "data-slot": "dialog-title",
-      className: cn("text-lg leading-none font-semibold", className),
-      ...props
-    }
-  );
-}
-function DialogDescription({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx16(
-    DialogPrimitive.Description,
-    {
-      "data-slot": "dialog-description",
-      className: cn("text-muted-foreground text-sm", className),
-      ...props
-    }
-  );
-}
-
-// src/components/docs/search-modal.tsx
-import { Fragment as Fragment4, jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
-function SearchModal({ isOpen, onClose, config }) {
-  const [query, setQuery] = useState11("");
-  const [results, setResults] = useState11([]);
-  const [isLoading, setIsLoading] = useState11(false);
-  const [selectedIndex, setSelectedIndex] = useState11(0);
-  const router = useRouter4();
-  const searchConfig = config.search;
-  const performSearch = useCallback(async (searchQuery) => {
-    if (!searchQuery.trim() || !searchConfig?.enabled) {
-      setResults([]);
-      return;
-    }
-    setIsLoading(true);
-    try {
-      const response = await fetch("/api/search", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({
-          query: searchQuery,
-          // filter: 'version = "v1.0.0"',
-          distinct: "version",
-          limit: 2
-        })
-      });
-      if (response.ok) {
-        const data = await response.json();
-        console.log("Search response:", data);
-        setResults(data.hits || []);
-      } else {
-        console.error("Search failed:", response.status, await response.text());
-      }
-    } catch (error) {
-      console.error("Search error:", error);
-      setResults([]);
-    } finally {
-      setIsLoading(false);
-    }
-  }, [searchConfig]);
-  useEffect6(() => {
-    const timer = setTimeout(() => {
-      performSearch(query);
-    }, 300);
-    return () => clearTimeout(timer);
-  }, [query, performSearch]);
-  useEffect6(() => {
-    const handleKeyDown = (e) => {
-      if (!isOpen) return;
-      switch (e.key) {
-        case "Escape":
-          onClose();
-          break;
-        case "ArrowDown":
-          e.preventDefault();
-          setSelectedIndex((prev) => Math.min(prev + 1, results.length - 1));
-          break;
-        case "ArrowUp":
-          e.preventDefault();
-          setSelectedIndex((prev) => Math.max(prev - 1, 0));
-          break;
-        case "Enter":
-          e.preventDefault();
-          if (results[selectedIndex]) {
-            handleResultClick(results[selectedIndex]);
-          }
-          break;
-      }
-    };
-    window.addEventListener("keydown", handleKeyDown);
-    return () => window.removeEventListener("keydown", handleKeyDown);
-  }, [isOpen, results, selectedIndex, onClose]);
-  useEffect6(() => {
-    if (isOpen) {
-      setQuery("");
-      setResults([]);
-      setSelectedIndex(0);
-    }
-  }, [isOpen]);
-  const handleResultClick = (result) => {
-    const params = new URLSearchParams();
-    params.set("q", query);
-    if (result.tab_group) {
-      params.set("tab", result.tab_group);
-    }
-    const url = `/docs/${result.version}/${result.slug}?${params.toString()}`;
-    router.push(url);
-    onClose();
-  };
-  const highlightText = (text, query2) => {
-    if (!query2.trim()) return text;
-    const parts = text.split(new RegExp(`(${query2})`, "gi"));
-    return parts.map(
-      (part, i) => part.toLowerCase() === query2.toLowerCase() ? /* @__PURE__ */ jsx17("mark", { className: "bg-yellow-200 dark:bg-yellow-900/50 text-foreground", children: part }, i) : part
-    );
-  };
-  return /* @__PURE__ */ jsx17(Dialog, { open: isOpen, onOpenChange: onClose, modal: true, children: /* @__PURE__ */ jsxs12(
-    DialogContent,
-    {
-      className: "max-w-2xl p-0 gap-0 top-[10vh] translate-y-0",
-      showCloseButton: false,
-      onOpenAutoFocus: (e) => e.preventDefault(),
-      children: [
-        /* @__PURE__ */ jsx17(DialogTitle, { className: "sr-only", children: "Search Documentation" }),
-        /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-3 px-4 py-3 border-b border-border", children: [
-          /* @__PURE__ */ jsx17(Search, { className: "h-5 w-5 text-muted-foreground shrink-0" }),
-          /* @__PURE__ */ jsx17(
-            "input",
-            {
-              type: "text",
-              value: query,
-              onChange: (e) => setQuery(e.target.value),
-              placeholder: searchConfig?.placeholder || "Search documentation...",
-              className: "flex-1 bg-transparent border-none outline-none text-foreground placeholder:text-muted-foreground",
-              autoFocus: true
-            }
-          ),
-          isLoading && /* @__PURE__ */ jsx17(Loader2, { className: "h-5 w-5 text-muted-foreground animate-spin" })
-        ] }),
-        /* @__PURE__ */ jsxs12("div", { className: "max-h-[60vh] overflow-y-auto", children: [
-          query.trim() && results.length === 0 && !isLoading && /* @__PURE__ */ jsxs12("div", { className: "px-4 py-8 text-center text-muted-foreground", children: [
-            'No results found for "',
-            query,
-            '"'
-          ] }),
-          results.length > 0 && /* @__PURE__ */ jsx17("div", { className: "py-2", children: results.map((result, index) => /* @__PURE__ */ jsx17(
-            "button",
-            {
-              onClick: () => handleResultClick(result),
-              className: `w-full px-4 py-3 text-left hover:bg-muted/50 transition-colors border-l-2 ${index === selectedIndex ? "bg-muted/50 border-primary" : "border-transparent"}`,
-              onMouseEnter: () => setSelectedIndex(index),
-              children: /* @__PURE__ */ jsxs12("div", { className: "flex items-start gap-3", children: [
-                /* @__PURE__ */ jsx17(FileText, { className: "h-5 w-5 text-muted-foreground shrink-0 mt-0.5" }),
-                /* @__PURE__ */ jsxs12("div", { className: "flex-1 min-w-0", children: [
-                  /* @__PURE__ */ jsx17("div", { className: "font-medium text-foreground mb-1", children: highlightText(result.title, query) }),
-                  result.content && /* @__PURE__ */ jsx17("div", { className: "text-sm text-muted-foreground line-clamp-2", children: highlightText(result.content, query) }),
-                  /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2 mt-1 text-xs text-muted-foreground", children: [
-                    /* @__PURE__ */ jsx17("span", { children: result.version }),
-                    result.category && /* @__PURE__ */ jsxs12(Fragment4, { children: [
-                      /* @__PURE__ */ jsx17("span", { children: "\u2022" }),
-                      /* @__PURE__ */ jsx17("span", { children: result.category })
-                    ] })
-                  ] })
-                ] })
-              ] })
-            },
-            result.id
-          )) }),
-          !query.trim() && /* @__PURE__ */ jsxs12("div", { className: "px-4 py-8 text-center text-muted-foreground text-sm", children: [
-            /* @__PURE__ */ jsx17("p", { children: "Start typing to search documentation..." }),
-            /* @__PURE__ */ jsxs12("div", { className: "mt-4 flex items-center justify-center gap-4 text-xs", children: [
-              /* @__PURE__ */ jsx17("kbd", { className: "px-2 py-1 bg-muted rounded border border-border", children: "\u2191\u2193" }),
-              /* @__PURE__ */ jsx17("span", { children: "Navigate" }),
-              /* @__PURE__ */ jsx17("kbd", { className: "px-2 py-1 bg-muted rounded border border-border", children: "Enter" }),
-              /* @__PURE__ */ jsx17("span", { children: "Select" }),
-              /* @__PURE__ */ jsx17("kbd", { className: "px-2 py-1 bg-muted rounded border border-border", children: "Esc" }),
-              /* @__PURE__ */ jsx17("span", { children: "Close" })
-            ] })
-          ] })
-        ] })
-      ]
-    }
-  ) });
-}
-
-// src/components/docs/header.tsx
-import { useState as useState12, useEffect as useEffect7 } from "react";
-import { jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
-function Header({ currentVersion, versions, onMenuClick, config: configProp }) {
-  const contextConfig = useConfig();
-  const config = configProp || contextConfig;
-  const [searchOpen, setSearchOpen] = useState12(false);
-  useEffect7(() => {
-    const handleKeyDown = (e) => {
-      if ((e.metaKey || e.ctrlKey) && e.key === "k") {
-        e.preventDefault();
-        setSearchOpen(true);
-      }
-    };
-    window.addEventListener("keydown", handleKeyDown);
-    return () => window.removeEventListener("keydown", handleKeyDown);
-  }, []);
-  return /* @__PURE__ */ jsxs13("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__ */ jsxs13("div", { className: "container flex h-16 items-center justify-between px-2 md:px-6 mx-auto", children: [
-      /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsx18(
-          "button",
-          {
-            onClick: onMenuClick,
-            className: "lg:hidden hover:bg-muted p-2 rounded-md transition-colors",
-            "aria-label": "Toggle menu",
-            children: /* @__PURE__ */ jsx18(Menu, { className: "h-5 w-5" })
-          }
-        ),
-        /* @__PURE__ */ jsxs13(Link4, { href: "/", className: "flex items-center gap-2", children: [
-          !config.site.hideLogo && (config.site.logo ? /* @__PURE__ */ jsx18(Logo, { logo: config.site.logo, alt: config.site.title, className: "h-12 w-auto object-contain" }) : /* @__PURE__ */ jsx18("div", { className: "h-8 w-8 rounded-xl bg-primary flex items-center justify-center", children: /* @__PURE__ */ jsx18("span", { className: "text-primary-foreground font-bold text-lg", children: config.site.title.charAt(0).toUpperCase() }) })),
-          !config.site.hideTitle && /* @__PURE__ */ jsx18("span", { className: "font-semibold text-lg text-foreground", children: config.site.title ?? "Specra" })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2", children: [
-        config.search?.enabled && /* @__PURE__ */ jsxs13(
-          "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__ */ jsx18(Search2, { className: "h-4 w-4" }),
-              /* @__PURE__ */ jsx18("span", { className: "hidden sm:inline", children: config.search.placeholder || "Search" }),
-              /* @__PURE__ */ jsx18("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__ */ jsx18(VersionSwitcher, { currentVersion, versions }),
-        config.social?.github && /* @__PURE__ */ jsx18(
-          "a",
-          {
-            href: config.social.github,
-            target: "_blank",
-            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__ */ jsx18(Github, { className: "h-4 w-4" })
-          }
-        ),
-        config.social?.twitter && /* @__PURE__ */ jsx18(
-          "a",
-          {
-            href: config.social.twitter,
-            target: "_blank",
-            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__ */ jsx18(Twitter, { className: "h-4 w-4" })
-          }
-        ),
-        config.social?.discord && /* @__PURE__ */ jsx18(
-          "a",
-          {
-            href: config.social.discord,
-            target: "_blank",
-            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__ */ jsx18(MessageCircle, { className: "h-4 w-4" })
-          }
-        ),
-        /* @__PURE__ */ jsx18(ThemeToggle, {}),
-        /* @__PURE__ */ jsx18(LanguageSwitcher, {})
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx18(SearchModal, { isOpen: searchOpen, onClose: () => setSearchOpen(false), config })
-  ] });
-}
-
-// src/components/docs/hot-reload-indicator.tsx
-import { useEffect as useEffect8, useState as useState13 } from "react";
-import { usePathname as usePathname3 } from "next/navigation";
-import { RefreshCw } from "lucide-react";
-import { Fragment as Fragment5, jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
-function HotReloadIndicator() {
-  const [isReloading, setIsReloading] = useState13(false);
-  const [lastReload, setLastReload] = useState13(null);
-  const pathname = usePathname3();
-  useEffect8(() => {
-    if (process.env.NODE_ENV !== "development") return;
-    setIsReloading(true);
-    const timer = setTimeout(() => {
-      setIsReloading(false);
-      setLastReload(/* @__PURE__ */ new Date());
-      setTimeout(() => {
-        setLastReload(null);
-      }, 3e3);
-    }, 500);
-    return () => clearTimeout(timer);
-  }, [pathname]);
-  useEffect8(() => {
-    if (process.env.NODE_ENV !== "development") return;
-    const handleBeforeRefresh = () => {
-      setIsReloading(true);
-    };
-    const handleAfterRefresh = () => {
-      setIsReloading(false);
-      setLastReload(/* @__PURE__ */ new Date());
-      setTimeout(() => setLastReload(null), 3e3);
-    };
-    if (typeof window !== "undefined" && window.__NEXT_DATA__) {
-      window.addEventListener("beforeunload", handleBeforeRefresh);
-    }
-    return () => {
-      window.removeEventListener("beforeunload", handleBeforeRefresh);
-    };
-  }, []);
-  if (process.env.NODE_ENV !== "development") return null;
-  return /* @__PURE__ */ jsxs14(Fragment5, { children: [
-    isReloading && /* @__PURE__ */ jsxs14("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__ */ jsx19(RefreshCw, { className: "h-4 w-4 animate-spin" }),
-      /* @__PURE__ */ jsx19("span", { className: "text-sm font-medium", children: "Reloading..." })
-    ] }),
-    lastReload && !isReloading && /* @__PURE__ */ jsxs14("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__ */ jsx19(RefreshCw, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsxs14("span", { className: "text-sm font-medium", children: [
-        "Updated at ",
-        lastReload.toLocaleTimeString()
-      ] })
-    ] })
-  ] });
-}
-
-// src/components/docs/mdx-hot-reload.tsx
-import { useEffect as useEffect9 } from "react";
-import { useRouter as useRouter5 } from "next/navigation";
-function MdxHotReload() {
-  const router = useRouter5();
-  useEffect9(() => {
-    if (process.env.NODE_ENV !== "development") return;
-    const eventSource = new EventSource("/api/mdx-watch");
-    eventSource.onmessage = (event) => {
-      const data = JSON.parse(event.data);
-      if (data.type === "change") {
-        console.log("[MDX Hot Reload] File changed:", data.file);
-        router.refresh();
-      } else if (data.type === "connected") {
-        console.log("[MDX Hot Reload] Watching for changes...");
-      }
-    };
-    eventSource.onerror = (error) => {
-      console.error("[MDX Hot Reload] Connection error:", error);
-      eventSource.close();
-    };
-    return () => {
-      eventSource.close();
-    };
-  }, [router]);
-  return null;
-}
-
-// src/components/docs/not-found-content.tsx
-import Link5 from "next/link";
-import { AlertTriangle, Home, ArrowLeft } from "lucide-react";
-import { jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
-function NotFoundContent({ version }) {
-  return /* @__PURE__ */ jsx20("div", { className: "flex min-h-[calc(100vh-12rem)] items-center justify-center px-4 py-12", children: /* @__PURE__ */ jsxs15("div", { className: "w-full max-w-2xl text-center", children: [
-    /* @__PURE__ */ jsx20("div", { className: "mb-6 flex justify-center", children: /* @__PURE__ */ jsx20("div", { className: "rounded-full bg-yellow-500/10 p-4", children: /* @__PURE__ */ jsx20(AlertTriangle, { className: "h-16 w-16 text-yellow-500" }) }) }),
-    /* @__PURE__ */ jsx20("h1", { className: "mb-3 text-5xl font-bold tracking-tight", children: "404" }),
-    /* @__PURE__ */ jsx20("h2", { className: "mb-4 text-2xl font-semibold", children: "Page Not Found" }),
-    /* @__PURE__ */ jsxs15("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__ */ jsx20("br", {}),
-      "Try using the sidebar to find what you're looking for, or return to the documentation home."
-    ] }),
-    /* @__PURE__ */ jsxs15("div", { className: "flex flex-col items-center justify-center gap-3 sm:flex-row", children: [
-      /* @__PURE__ */ jsxs15(
-        Link5,
-        {
-          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__ */ jsx20(ArrowLeft, { className: "h-4 w-4" }),
-            "Back to Documentation"
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs15(
-        Link5,
-        {
-          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__ */ jsx20(Home, { className: "h-4 w-4" }),
-            "Go to Homepage"
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx20("div", { className: "mt-12 rounded-lg border border-border bg-muted/30 p-6", children: /* @__PURE__ */ jsxs15("p", { className: "text-sm text-muted-foreground", children: [
-      /* @__PURE__ */ jsx20("strong", { className: "font-medium text-foreground", children: "Tip:" }),
-      " Use the sidebar navigation on the left to browse all available documentation pages."
-    ] }) })
-  ] }) });
-}
-
-// src/components/docs/search-highlight.tsx
-import { useEffect as useEffect10 } from "react";
-import { useSearchParams } from "next/navigation";
-function SearchHighlight() {
-  const searchParams = useSearchParams();
-  const query = searchParams.get("q");
-  useEffect10(() => {
-    if (!query) {
-      document.querySelectorAll("mark.search-highlight").forEach((mark) => {
-        const parent = mark.parentNode;
-        if (parent) {
-          parent.replaceChild(document.createTextNode(mark.textContent || ""), mark);
-          parent.normalize();
-        }
-      });
-      return;
-    }
-    const timeout = setTimeout(() => {
-      highlightSearchTerm(query);
-    }, 100);
-    return () => {
-      clearTimeout(timeout);
-      document.querySelectorAll("mark.search-highlight").forEach((mark) => {
-        const parent = mark.parentNode;
-        if (parent) {
-          parent.replaceChild(document.createTextNode(mark.textContent || ""), mark);
-          parent.normalize();
-        }
-      });
-    };
-  }, [query]);
-  return null;
-}
-function highlightSearchTerm(searchTerm) {
-  document.querySelectorAll("mark.search-highlight").forEach((mark) => {
-    const parent = mark.parentNode;
-    if (parent) {
-      parent.replaceChild(document.createTextNode(mark.textContent || ""), mark);
-      parent.normalize();
-    }
-  });
-  const contentArea = document.querySelector("main") || document.body;
-  const walker = document.createTreeWalker(
-    contentArea,
-    NodeFilter.SHOW_TEXT,
-    {
-      acceptNode: (node) => {
-        const parent = node.parentElement;
-        if (!parent) return NodeFilter.FILTER_REJECT;
-        const tagName = parent.tagName.toLowerCase();
-        if (["mark", "script", "style", "code", "pre"].includes(tagName)) {
-          return NodeFilter.FILTER_REJECT;
-        }
-        if (node.textContent && node.textContent.toLowerCase().includes(searchTerm.toLowerCase())) {
-          return NodeFilter.FILTER_ACCEPT;
-        }
-        return NodeFilter.FILTER_REJECT;
-      }
-    }
-  );
-  const nodesToHighlight = [];
-  let currentNode;
-  while (currentNode = walker.nextNode()) {
-    if (currentNode.textContent) {
-      nodesToHighlight.push({
-        node: currentNode,
-        text: currentNode.textContent
-      });
-    }
-  }
-  nodesToHighlight.forEach(({ node, text }) => {
-    const regex = new RegExp(`(${escapeRegex(searchTerm)})`, "gi");
-    const parts = text.split(regex);
-    if (parts.length > 1) {
-      const fragment = document.createDocumentFragment();
-      parts.forEach((part) => {
-        if (part.toLowerCase() === searchTerm.toLowerCase()) {
-          const mark = document.createElement("mark");
-          mark.className = "search-highlight bg-yellow-200 dark:bg-yellow-900/50 text-foreground px-1 rounded";
-          mark.textContent = part;
-          fragment.appendChild(mark);
-        } else if (part) {
-          fragment.appendChild(document.createTextNode(part));
-        }
-      });
-      node.parentNode?.replaceChild(fragment, node);
-    }
-  });
-  const firstHighlight = document.querySelector("mark.search-highlight");
-  if (firstHighlight) {
-    setTimeout(() => {
-      firstHighlight.scrollIntoView({ behavior: "smooth", block: "center" });
-    }, 200);
-  }
-}
-function escapeRegex(string) {
-  return string.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-}
-
-// src/components/docs/sidebar-skeleton.tsx
-import { jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
-function SidebarSkeleton() {
-  return /* @__PURE__ */ jsx21("aside", { className: "w-64 pr-8 py-6", children: /* @__PURE__ */ jsxs16("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ jsx21("div", { className: "px-2", children: /* @__PURE__ */ jsx21("div", { className: "h-5 w-32 bg-muted/50 rounded animate-pulse" }) }),
-    /* @__PURE__ */ jsx21("div", { className: "space-y-1", children: [...Array(8)].map((_, i) => /* @__PURE__ */ jsx21("div", { className: "px-3 py-2", children: /* @__PURE__ */ jsx21(
-      "div",
-      {
-        className: "h-4 bg-muted/50 rounded animate-pulse",
-        style: { width: `${60 + Math.random() * 40}%` }
-      }
-    ) }, i)) }),
-    /* @__PURE__ */ jsxs16("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ jsx21("div", { className: "px-2 mb-2", children: /* @__PURE__ */ jsx21("div", { className: "h-4 w-24 bg-muted/50 rounded animate-pulse" }) }),
-      [...Array(5)].map((_, i) => /* @__PURE__ */ jsx21("div", { className: "px-3 py-2", children: /* @__PURE__ */ jsx21(
-        "div",
-        {
-          className: "h-4 bg-muted/50 rounded animate-pulse",
-          style: { width: `${50 + Math.random() * 50}%` }
-        }
-      ) }, i))
-    ] })
-  ] }) });
-}
-
-// src/components/docs/table-of-contents.tsx
-import { useEffect as useEffect11, useState as useState14 } from "react";
-import { jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
-function TableOfContents({ items, config }) {
-  const [activeId, setActiveId] = useState14("");
-  if (!config.navigation?.showTableOfContents) {
-    return null;
-  }
-  const maxDepth = config.navigation?.tocMaxDepth || 3;
-  const filteredItems = items.filter((item) => item.level <= maxDepth);
-  const hasTabGroups = config.navigation?.tabGroups && config.navigation.tabGroups.length > 0;
-  useEffect11(() => {
-    const observer = new IntersectionObserver(
-      (entries) => {
-        entries.forEach((entry) => {
-          if (entry.isIntersecting) {
-            setActiveId(entry.target.id);
-          }
-        });
-      },
-      { rootMargin: "-80px 0px -80% 0px" }
-    );
-    filteredItems.forEach((item) => {
-      const element = document.getElementById(item.id);
-      if (element) {
-        observer.observe(element);
-      }
-    });
-    return () => observer.disconnect();
-  }, [filteredItems]);
-  const handleClick = (e, id) => {
-    e.preventDefault();
-    const element = document.getElementById(id);
-    if (element) {
-      const offset = 100;
-      const elementPosition = element.getBoundingClientRect().top;
-      const offsetPosition = elementPosition + window.scrollY - offset;
-      window.scrollTo({
-        top: offsetPosition,
-        behavior: "smooth"
-      });
-      window.history.replaceState(null, "", `#${id}`);
-      setActiveId(id);
-    }
-  };
-  const stickyTop = hasTabGroups ? "top-[7.5rem]" : "top-24";
-  const maxHeight = hasTabGroups ? "max-h-[calc(100vh-10rem)]" : "max-h-[calc(100vh-7rem)]";
-  return /* @__PURE__ */ jsx22("aside", { className: `w-64 hidden xl:block shrink-0 sticky ${stickyTop} self-start`, children: filteredItems.length > 0 && /* @__PURE__ */ jsxs17("div", { className: `${maxHeight} overflow-y-auto bg-muted/30 dark:bg-muted/10 rounded-2xl p-4 border border-border/50`, children: [
-    /* @__PURE__ */ jsx22("h3", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider mb-4 px-2", children: "On this page" }),
-    /* @__PURE__ */ jsx22("nav", { className: "space-y-1", children: filteredItems.map((item, index) => /* @__PURE__ */ jsx22(
-      "a",
-      {
-        href: `#${item.id}`,
-        onClick: (e) => handleClick(e, item.id),
-        className: `block text-sm transition-all cursor-pointer rounded-xl px-3 py-2 ${item.level === 3 ? "ml-3" : ""} ${activeId === item.id ? "text-primary font-medium" : "text-foreground hover:bg-accent/50"}`,
-        children: item.title
-      },
-      `${item.id}-${index}`
-    )) })
-  ] }) });
-}
-
-// src/components/global/version-not-found.tsx
-import { AlertTriangle as AlertTriangle2 } from "lucide-react";
-import Link6 from "next/link";
-import { Fragment as Fragment6, jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
-function VersionNotFound() {
-  return /* @__PURE__ */ jsx23(Fragment6, { children: /* @__PURE__ */ jsx23("div", { className: "flex min-h-screen items-center justify-center px-4", children: /* @__PURE__ */ jsxs18("div", { className: "text-center", children: [
-    /* @__PURE__ */ jsx23("div", { className: "mb-4 flex justify-center", children: /* @__PURE__ */ jsx23(AlertTriangle2, { className: "h-16 w-16 text-yellow-500" }) }),
-    /* @__PURE__ */ jsx23("h1", { className: "mb-2 text-4xl font-bold", children: "Version Not Found" }),
-    /* @__PURE__ */ jsx23("p", { className: "mb-6 text-muted-foreground", children: "The documentation version you're looking for doesn't exist." }),
-    /* @__PURE__ */ jsx23(
-      Link6,
-      {
-        href: "/docs/v1.0.0",
-        className: "inline-flex items-center rounded-lg bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90",
-        children: "Go to Latest Version"
-      }
-    )
-  ] }) }) });
-}
-export {
-  Accordion,
-  AccordionItem,
-  ApiEndpoint,
-  ApiParams,
-  ApiPlayground,
-  ApiReference,
-  ApiResponse,
-  ApiResponse as ApiResponseDisplay,
-  Badge2 as Badge,
-  Breadcrumb,
-  Button,
-  COMPONENT_TEXT_PROPS,
-  CSP_DIRECTIVES,
-  Callout,
-  Card,
-  CardGrid,
-  CodeBlock,
-  Column,
-  Columns,
-  ConfigProvider,
-  DevModeBadge,
-  Dialog,
-  DialogClose,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogOverlay,
-  DialogPortal,
-  DialogTitle,
-  DialogTrigger,
-  Badge as DocBadge,
-  DocLayoutWrapper,
-  DocLoading,
-  DocMetadata,
-  DocNavigation,
-  DocTags,
-  DraftBadge,
-  Footer,
-  Frame,
-  Header,
-  HotReloadIndicator,
-  Icon,
-  Image,
-  ImageCard,
-  ImageCardGrid,
-  Input,
-  LanguageSwitcher,
-  Logo,
-  Math2 as Math,
-  MdxHotReload,
-  Mermaid,
-  MobileDocLayout,
-  NotFoundContent,
-  OpenApiParser,
-  PerfTimer,
-  PostmanParser,
-  SAFE_MDX_COMPONENTS,
-  SearchHighlight,
-  SearchModal,
-  Sidebar,
-  SidebarSkeleton,
-  SiteBanner,
-  SpecraParser,
-  Step,
-  Steps,
-  Tab,
-  TabGroups,
-  TabProvider,
-  TableOfContents,
-  Tabs,
-  Textarea,
-  ThemeToggle,
-  Tooltip,
-  VersionNotFound,
-  VersionSwitcher,
-  Video,
-  badgeVariants,
-  buildRedirectMappings,
-  buildSidebarStructure,
-  buttonVariants,
-  clearAllCaches,
-  cn,
-  debugLog,
-  defaultConfig,
-  detectParserType,
-  extractComponentPropsText,
-  extractHeadings,
-  extractSearchText,
-  extractTableOfContents,
-  findRedirect,
-  generateCSPHeader,
-  getAdjacentDocs,
-  getAllCategoryConfigs,
-  getAllDocs,
-  getAssetPath,
-  getCacheStats,
-  getCachedAllDocs,
-  getCachedDocBySlug,
-  getCachedVersions,
-  getCategoryConfig,
-  getConfig,
-  getConfigValue,
-  getDocBySlug,
-  getI18nConfig,
-  getVersions,
-  initConfig,
-  isCategoryPage,
-  loadConfig,
-  logCacheOperation,
-  logFsOperation,
-  logMemoryUsage,
-  parseApiSpec,
-  processContentWithEnv,
-  reloadConfig,
-  replaceEnvVariables,
-  sanitizeMDXContent,
-  sanitizePath,
-  scanMDXForDangerousPatterns,
-  sortSidebarGroups,
-  sortSidebarItems,
-  useConfig,
-  useConfigValue,
-  useTabContext,
-  validateConfig,
-  validateMDXComponents,
-  validateMDXSecurity,
-  validatePathWithinDirectory
-};
-//# sourceMappingURL=index.mjs.map