specra 0.1.10 → 0.1.12

package/dist/index.js

@@ -77,6 +77,7 @@ __export(src_exports, {
   ImageCard: () => ImageCard,
   ImageCardGrid: () => ImageCardGrid,
   Input: () => Input,
+  LanguageSwitcher: () => LanguageSwitcher,
   Logo: () => Logo,
   Math: () => Math2,
   MdxHotReload: () => MdxHotReload,
@@ -133,6 +134,7 @@ __export(src_exports, {
   getConfig: () => getConfig,
   getConfigValue: () => getConfigValue,
   getDocBySlug: () => getDocBySlug,
+  getI18nConfig: () => getI18nConfig,
   getVersions: () => getVersions,
   initConfig: () => initConfig,
   isCategoryPage: () => isCategoryPage,
@@ -816,7 +818,7 @@ async function getAllDocs(version = "v1.0.0", locale) {
             originalFilePath = parts.slice(0, -1).join(".");
           }
         }
-        const doc = await getDocBySlug(isLocalized ? `${originalFilePath}.${fileLocale}` : originalFilePath, version, isLocalized ? fileLocale : void 0);
+        const doc = await getDocBySlug(originalFilePath, version, isLocalized ? fileLocale : void 0);
         if (!doc) return null;
         doc.filePath = originalFilePath;
         const folderPath = import_path3.default.dirname(originalFilePath).replace(/\\/g, "/");
@@ -838,6 +840,10 @@ async function getAllDocs(version = "v1.0.0", locale) {
     const uniqueDocs = /* @__PURE__ */ new Map();
     const validDocs = docs.filter((doc) => doc !== null && (isDevelopment3 || !doc.meta.draft));
     validDocs.forEach((doc) => {
+      if (locale === "all") {
+        uniqueDocs.set(doc.slug, doc);
+        return;
+      }
       let logicalSlug = doc.slug;
       if (i18nConfig) {
         const parts = logicalSlug.split("/");
@@ -1050,18 +1056,19 @@ function getCachedVersions() {
   versionsCache.timestamp = Date.now();
   return versions;
 }
-async function getCachedAllDocs(version = "v1.0.0") {
+async function getCachedAllDocs(version = "v1.0.0", locale) {
   initializeWatchers();
-  const cached = allDocsCache.get(version);
+  const cacheKey = locale ? `${version}:${locale}` : version;
+  const cached = allDocsCache.get(cacheKey);
   if (cached && isCacheValid(cached.timestamp)) {
-    logCacheOperation("hit", `getAllDocs:${version}`);
+    logCacheOperation("hit", `getAllDocs:${cacheKey}`);
     return cached.data;
   }
-  logCacheOperation("miss", `getAllDocs:${version}`);
-  const timer = new PerfTimer(`getAllDocs(${version})`);
-  const docs = await getAllDocs(version);
+  logCacheOperation("miss", `getAllDocs:${cacheKey}`);
+  const timer = new PerfTimer(`getAllDocs(${cacheKey})`);
+  const docs = await getAllDocs(version, locale);
   timer.end();
-  allDocsCache.set(version, {
+  allDocsCache.set(cacheKey, {
     data: docs,
     timestamp: Date.now()
   });
@@ -2914,7 +2921,7 @@ function Frame({ src, title = "Embedded content", height = 500, width = "100%" }
 
 // src/components/docs/header.tsx
 var import_link7 = __toESM(require("next/link"));
-var import_lucide_react18 = require("lucide-react");
+var import_lucide_react19 = require("lucide-react");
 
 // src/components/docs/version-switcher.tsx
 var import_react9 = require("react");
@@ -2958,13 +2965,116 @@ function VersionSwitcher({ currentVersion, versions }) {
   ] });
 }
 
-// src/components/docs/theme-toggle.tsx
-var import_lucide_react15 = require("lucide-react");
+// src/components/docs/language-switcher.tsx
 var import_react10 = require("react");
+var import_lucide_react15 = require("lucide-react");
+var import_navigation4 = require("next/navigation");
+
+// src/components/config-provider.tsx
+var React3 = __toESM(require("react"));
 var import_jsx_runtime26 = require("react/jsx-runtime");
+var ConfigContext = React3.createContext(defaultConfig);
+function ConfigProvider({ config, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ConfigContext.Provider, { value: config, children });
+}
+function useConfig() {
+  const config = React3.useContext(ConfigContext);
+  if (!config) {
+    throw new Error("useConfig must be used within a ConfigProvider");
+  }
+  return config;
+}
+function useConfigValue(path4) {
+  const config = useConfig();
+  const keys = path4.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
+var import_jsx_runtime27 = require("react/jsx-runtime");
+function LanguageSwitcher() {
+  const [open, setOpen] = (0, import_react10.useState)(false);
+  const pathname = (0, import_navigation4.usePathname)();
+  const router = (0, import_navigation4.useRouter)();
+  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__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "relative", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+      "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__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react15.Languages, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "text-xs font-bold uppercase", children: currentLocale }),
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react15.ChevronDown, { className: "h-3 w-3 text-muted-foreground" })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "fixed inset-0 z-40", onClick: () => setOpen(false) }),
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "absolute right-0 mt-2 w-40 bg-background border border-border rounded-md shadow-lg z-50", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "p-2", children: locales.map((locale) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+        "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__ */ (0, import_jsx_runtime27.jsx)("span", { children: localeNames?.[locale] || locale.toUpperCase() }),
+            currentLocale === locale && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react15.Check, { className: "h-4 w-4 text-primary" })
+          ]
+        },
+        locale
+      )) }) })
+    ] })
+  ] });
+}
+
+// src/components/docs/theme-toggle.tsx
+var import_lucide_react16 = require("lucide-react");
+var import_react11 = require("react");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 function ThemeToggle() {
-  const [theme, setTheme] = (0, import_react10.useState)("dark");
-  (0, import_react10.useEffect)(() => {
+  const [theme, setTheme] = (0, import_react11.useState)("dark");
+  (0, import_react11.useEffect)(() => {
     const savedTheme = localStorage.getItem("theme");
     const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
     const initialTheme = savedTheme || (prefersDark ? "dark" : "light");
@@ -2977,51 +3087,51 @@ function ThemeToggle() {
     localStorage.setItem("theme", newTheme);
     document.documentElement.classList.toggle("dark", newTheme === "dark");
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     "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__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react15.Sun, { className: "h-4 w-4 text-foreground" }) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react15.Moon, { className: "h-4 w-4 text-foreground" })
+      children: theme === "dark" ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react16.Sun, { className: "h-4 w-4 text-foreground" }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react16.Moon, { className: "h-4 w-4 text-foreground" })
     }
   );
 }
 
 // src/components/docs/search-modal.tsx
-var import_react11 = require("react");
-var import_lucide_react17 = require("lucide-react");
-var import_navigation4 = require("next/navigation");
+var import_react12 = require("react");
+var import_lucide_react18 = require("lucide-react");
+var import_navigation5 = require("next/navigation");
 
 // src/components/ui/dialog.tsx
 var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"));
-var import_lucide_react16 = require("lucide-react");
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_lucide_react17 = require("lucide-react");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 function Dialog({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
 }
 function DialogTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
 }
 function DialogPortal({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
 }
 function DialogClose({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
 }
 function DialogOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     DialogPrimitive.Overlay,
     {
       "data-slot": "dialog-overlay",
@@ -3039,9 +3149,9 @@ function DialogContent({
   showCloseButton = true,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(DialogPortal, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(DialogOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(DialogPortal, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(DialogOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
       DialogPrimitive.Content,
       {
         "data-slot": "dialog-content",
@@ -3052,14 +3162,14 @@ function DialogContent({
         ...props,
         children: [
           children,
-          showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+          showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
             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__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react16.XIcon, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react17.XIcon, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "sr-only", children: "Close" })
               ]
             }
           )
@@ -3069,7 +3179,7 @@ function DialogContent({
   ] });
 }
 function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     "div",
     {
       "data-slot": "dialog-header",
@@ -3079,7 +3189,7 @@ function DialogHeader({ className, ...props }) {
   );
 }
 function DialogFooter({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     "div",
     {
       "data-slot": "dialog-footer",
@@ -3095,7 +3205,7 @@ function DialogTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     DialogPrimitive.Title,
     {
       "data-slot": "dialog-title",
@@ -3108,7 +3218,7 @@ function DialogDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     DialogPrimitive.Description,
     {
       "data-slot": "dialog-description",
@@ -3119,15 +3229,15 @@ function DialogDescription({
 }
 
 // src/components/docs/search-modal.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 function SearchModal({ isOpen, onClose, config }) {
-  const [query, setQuery] = (0, import_react11.useState)("");
-  const [results, setResults] = (0, import_react11.useState)([]);
-  const [isLoading, setIsLoading] = (0, import_react11.useState)(false);
-  const [selectedIndex, setSelectedIndex] = (0, import_react11.useState)(0);
-  const router = (0, import_navigation4.useRouter)();
+  const [query, setQuery] = (0, import_react12.useState)("");
+  const [results, setResults] = (0, import_react12.useState)([]);
+  const [isLoading, setIsLoading] = (0, import_react12.useState)(false);
+  const [selectedIndex, setSelectedIndex] = (0, import_react12.useState)(0);
+  const router = (0, import_navigation5.useRouter)();
   const searchConfig = config.search;
-  const performSearch = (0, import_react11.useCallback)(async (searchQuery) => {
+  const performSearch = (0, import_react12.useCallback)(async (searchQuery) => {
     if (!searchQuery.trim() || !searchConfig?.enabled) {
       setResults([]);
       return;
@@ -3158,13 +3268,13 @@ function SearchModal({ isOpen, onClose, config }) {
       setIsLoading(false);
     }
   }, [searchConfig]);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     const timer = setTimeout(() => {
       performSearch(query);
     }, 300);
     return () => clearTimeout(timer);
   }, [query, performSearch]);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     const handleKeyDown = (e) => {
       if (!isOpen) return;
       switch (e.key) {
@@ -3190,7 +3300,7 @@ function SearchModal({ isOpen, onClose, config }) {
     window.addEventListener("keydown", handleKeyDown);
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [isOpen, results, selectedIndex, onClose]);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (isOpen) {
       setQuery("");
       setResults([]);
@@ -3211,20 +3321,20 @@ function SearchModal({ isOpen, onClose, config }) {
     if (!query2.trim()) return text;
     const parts = text.split(new RegExp(`(${query2})`, "gi"));
     return parts.map(
-      (part, i) => part.toLowerCase() === query2.toLowerCase() ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("mark", { className: "bg-yellow-200 dark:bg-yellow-900/50 text-foreground", children: part }, i) : part
+      (part, i) => part.toLowerCase() === query2.toLowerCase() ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("mark", { className: "bg-yellow-200 dark:bg-yellow-900/50 text-foreground", children: part }, i) : part
     );
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Dialog, { open: isOpen, onOpenChange: onClose, modal: true, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Dialog, { open: isOpen, onOpenChange: onClose, modal: true, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
     DialogContent,
     {
       className: "max-w-2xl p-0 gap-0 top-[10vh] translate-y-0",
       showCloseButton: false,
       onOpenAutoFocus: (e) => e.preventDefault(),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(DialogTitle, { className: "sr-only", children: "Search Documentation" }),
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex items-center gap-3 px-4 py-3 border-b border-border", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react17.Search, { className: "h-5 w-5 text-muted-foreground shrink-0" }),
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(DialogTitle, { className: "sr-only", children: "Search Documentation" }),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center gap-3 px-4 py-3 border-b border-border", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react18.Search, { className: "h-5 w-5 text-muted-foreground shrink-0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
             "input",
             {
               type: "text",
@@ -3235,30 +3345,30 @@ function SearchModal({ isOpen, onClose, config }) {
               autoFocus: true
             }
           ),
-          isLoading && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react17.Loader2, { className: "h-5 w-5 text-muted-foreground animate-spin" })
+          isLoading && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react18.Loader2, { className: "h-5 w-5 text-muted-foreground animate-spin" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "max-h-[60vh] overflow-y-auto", children: [
-          query.trim() && results.length === 0 && !isLoading && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "px-4 py-8 text-center text-muted-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "max-h-[60vh] overflow-y-auto", children: [
+          query.trim() && results.length === 0 && !isLoading && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "px-4 py-8 text-center text-muted-foreground", children: [
             'No results found for "',
             query,
             '"'
           ] }),
-          results.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "py-2", children: results.map((result, index) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+          results.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "py-2", children: results.map((result, index) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
             "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__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex items-start gap-3", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react17.FileText, { className: "h-5 w-5 text-muted-foreground shrink-0 mt-0.5" }),
-                /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex-1 min-w-0", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "font-medium text-foreground mb-1", children: highlightText(result.title, query) }),
-                  result.content && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "text-sm text-muted-foreground line-clamp-2", children: highlightText(result.content, query) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex items-center gap-2 mt-1 text-xs text-muted-foreground", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { children: result.version }),
-                    result.category && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { children: "\u2022" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { children: result.category })
+              children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-start gap-3", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react18.FileText, { className: "h-5 w-5 text-muted-foreground shrink-0 mt-0.5" }),
+                /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex-1 min-w-0", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "font-medium text-foreground mb-1", children: highlightText(result.title, query) }),
+                  result.content && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "text-sm text-muted-foreground line-clamp-2", children: highlightText(result.content, query) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center gap-2 mt-1 text-xs text-muted-foreground", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: result.version }),
+                    result.category && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: "\u2022" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: result.category })
                     ] })
                   ] })
                 ] })
@@ -3266,15 +3376,15 @@ function SearchModal({ isOpen, onClose, config }) {
             },
             result.id
           )) }),
-          !query.trim() && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "px-4 py-8 text-center text-muted-foreground text-sm", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { children: "Start typing to search documentation..." }),
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "mt-4 flex items-center justify-center gap-4 text-xs", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("kbd", { className: "px-2 py-1 bg-muted rounded border border-border", children: "\u2191\u2193" }),
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { children: "Navigate" }),
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("kbd", { className: "px-2 py-1 bg-muted rounded border border-border", children: "Enter" }),
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { children: "Select" }),
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("kbd", { className: "px-2 py-1 bg-muted rounded border border-border", children: "Esc" }),
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { children: "Close" })
+          !query.trim() && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "px-4 py-8 text-center text-muted-foreground text-sm", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { children: "Start typing to search documentation..." }),
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "mt-4 flex items-center justify-center gap-4 text-xs", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("kbd", { className: "px-2 py-1 bg-muted rounded border border-border", children: "\u2191\u2193" }),
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: "Navigate" }),
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("kbd", { className: "px-2 py-1 bg-muted rounded border border-border", children: "Enter" }),
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: "Select" }),
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("kbd", { className: "px-2 py-1 bg-muted rounded border border-border", children: "Esc" }),
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: "Close" })
             ] })
           ] })
         ] })
@@ -3284,43 +3394,13 @@ function SearchModal({ isOpen, onClose, config }) {
 }
 
 // src/components/docs/header.tsx
-var import_react12 = require("react");
-
-// src/components/config-provider.tsx
-var React3 = __toESM(require("react"));
-var import_jsx_runtime29 = require("react/jsx-runtime");
-var ConfigContext = React3.createContext(defaultConfig);
-function ConfigProvider({ config, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ConfigContext.Provider, { value: config, children });
-}
-function useConfig() {
-  const config = React3.useContext(ConfigContext);
-  if (!config) {
-    throw new Error("useConfig must be used within a ConfigProvider");
-  }
-  return config;
-}
-function useConfigValue(path4) {
-  const config = useConfig();
-  const keys = path4.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/header.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_react13 = require("react");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 function Header({ currentVersion, versions, onMenuClick, config: configProp }) {
   const contextConfig = useConfig();
   const config = configProp || contextConfig;
-  const [searchOpen, setSearchOpen] = (0, import_react12.useState)(false);
-  (0, import_react12.useEffect)(() => {
+  const [searchOpen, setSearchOpen] = (0, import_react13.useState)(false);
+  (0, import_react13.useEffect)(() => {
     const handleKeyDown = (e) => {
       if ((e.metaKey || e.ctrlKey) && e.key === "k") {
         e.preventDefault();
@@ -3330,38 +3410,38 @@ function Header({ currentVersion, versions, onMenuClick, config: configProp }) {
     window.addEventListener("keydown", handleKeyDown);
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime30.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_runtime30.jsxs)("div", { className: "container flex h-16 items-center justify-between px-2 md:px-6 mx-auto", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.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_runtime31.jsxs)("div", { className: "container flex h-16 items-center justify-between px-2 md:px-6 mx-auto", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime31.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_runtime30.jsx)(import_lucide_react18.Menu, { className: "h-5 w-5" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react19.Menu, { className: "h-5 w-5" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_link7.default, { href: "/", className: "flex items-center gap-2", children: [
-          !config.site.hideLogo && (config.site.logo ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Logo, { logo: config.site.logo, alt: config.site.title, className: "w-18 object-contain" }) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "h-8 w-8 rounded-xl bg-primary flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "text-primary-foreground font-bold text-lg", children: config.site.title.charAt(0).toUpperCase() }) })),
-          !config.site.hideTitle && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "font-semibold text-lg text-foreground", children: config.site.title ?? "Specra" })
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_link7.default, { href: "/", className: "flex items-center gap-2", children: [
+          !config.site.hideLogo && (config.site.logo ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Logo, { logo: config.site.logo, alt: config.site.title, className: "h-12 w-auto object-contain" }) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "h-8 w-8 rounded-xl bg-primary flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "text-primary-foreground font-bold text-lg", children: config.site.title.charAt(0).toUpperCase() }) })),
+          !config.site.hideTitle && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "font-semibold text-lg text-foreground", children: config.site.title ?? "Specra" })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center gap-2", children: [
-        config.search?.enabled && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex items-center gap-2", children: [
+        config.search?.enabled && /* @__PURE__ */ (0, import_jsx_runtime31.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_runtime30.jsx)(import_lucide_react18.Search, { className: "h-4 w-4" }),
-              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "hidden sm:inline", children: config.search.placeholder || "Search" }),
-              /* @__PURE__ */ (0, import_jsx_runtime30.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_runtime31.jsx)(import_lucide_react19.Search, { className: "h-4 w-4" }),
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "hidden sm:inline", children: config.search.placeholder || "Search" }),
+              /* @__PURE__ */ (0, import_jsx_runtime31.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_runtime30.jsx)(VersionSwitcher, { currentVersion, versions }),
-        config.social?.github && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        config.features?.versioning && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(VersionSwitcher, { currentVersion, versions }),
+        config.social?.github && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
           "a",
           {
             href: config.social.github,
@@ -3369,10 +3449,10 @@ function Header({ currentVersion, versions, onMenuClick, config: configProp }) {
             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_runtime30.jsx)(import_lucide_react18.Github, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react19.Github, { className: "h-4 w-4" })
           }
         ),
-        config.social?.twitter && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        config.social?.twitter && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
           "a",
           {
             href: config.social.twitter,
@@ -3380,10 +3460,10 @@ function Header({ currentVersion, versions, onMenuClick, config: configProp }) {
             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_runtime30.jsx)(import_lucide_react18.Twitter, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react19.Twitter, { className: "h-4 w-4" })
           }
         ),
-        config.social?.discord && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        config.social?.discord && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
           "a",
           {
             href: config.social.discord,
@@ -3391,26 +3471,27 @@ function Header({ currentVersion, versions, onMenuClick, config: configProp }) {
             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_runtime30.jsx)(import_lucide_react18.MessageCircle, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react19.MessageCircle, { className: "h-4 w-4" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ThemeToggle, {})
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ThemeToggle, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(LanguageSwitcher, {})
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SearchModal, { isOpen: searchOpen, onClose: () => setSearchOpen(false), config })
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SearchModal, { isOpen: searchOpen, onClose: () => setSearchOpen(false), config })
   ] });
 }
 
 // src/components/docs/hot-reload-indicator.tsx
-var import_react13 = require("react");
-var import_navigation5 = require("next/navigation");
-var import_lucide_react19 = require("lucide-react");
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_react14 = require("react");
+var import_navigation6 = require("next/navigation");
+var import_lucide_react20 = require("lucide-react");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 function HotReloadIndicator() {
-  const [isReloading, setIsReloading] = (0, import_react13.useState)(false);
-  const [lastReload, setLastReload] = (0, import_react13.useState)(null);
-  const pathname = (0, import_navigation5.usePathname)();
-  (0, import_react13.useEffect)(() => {
+  const [isReloading, setIsReloading] = (0, import_react14.useState)(false);
+  const [lastReload, setLastReload] = (0, import_react14.useState)(null);
+  const pathname = (0, import_navigation6.usePathname)();
+  (0, import_react14.useEffect)(() => {
     if (process.env.NODE_ENV !== "development") return;
     setIsReloading(true);
     const timer = setTimeout(() => {
@@ -3422,7 +3503,7 @@ function HotReloadIndicator() {
     }, 500);
     return () => clearTimeout(timer);
   }, [pathname]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (process.env.NODE_ENV !== "development") return;
     const handleBeforeRefresh = () => {
       setIsReloading(true);
@@ -3440,14 +3521,14 @@ function HotReloadIndicator() {
     };
   }, []);
   if (process.env.NODE_ENV !== "development") return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [
-    isReloading && /* @__PURE__ */ (0, import_jsx_runtime31.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_runtime31.jsx)(import_lucide_react19.RefreshCw, { className: "h-4 w-4 animate-spin" }),
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "text-sm font-medium", children: "Reloading..." })
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
+    isReloading && /* @__PURE__ */ (0, import_jsx_runtime32.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_runtime32.jsx)(import_lucide_react20.RefreshCw, { className: "h-4 w-4 animate-spin" }),
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "text-sm font-medium", children: "Reloading..." })
     ] }),
-    lastReload && !isReloading && /* @__PURE__ */ (0, import_jsx_runtime31.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_runtime31.jsx)(import_lucide_react19.RefreshCw, { className: "h-4 w-4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("span", { className: "text-sm font-medium", children: [
+    lastReload && !isReloading && /* @__PURE__ */ (0, import_jsx_runtime32.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_runtime32.jsx)(import_lucide_react20.RefreshCw, { className: "h-4 w-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("span", { className: "text-sm font-medium", children: [
         "Updated at ",
         lastReload.toLocaleTimeString()
       ] })
@@ -3458,7 +3539,7 @@ function HotReloadIndicator() {
 // src/components/docs/image-card.tsx
 var import_image = __toESM(require("next/image"));
 var import_link8 = __toESM(require("next/link"));
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 function ImageCard({
   src,
   alt,
@@ -3473,8 +3554,8 @@ function ImageCard({
     video: "aspect-video",
     portrait: "aspect-[3/4]"
   };
-  const content = /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-col gap-0 p-0", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: `w-full ${aspectRatios[aspectRatio]} overflow-hidden ${title || description ? "rounded-t-xl" : "rounded-xl"} bg-muted relative`, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  const content = /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex flex-col gap-0 p-0", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: `w-full ${aspectRatios[aspectRatio]} overflow-hidden ${title || description ? "rounded-t-xl" : "rounded-xl"} bg-muted relative`, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       import_image.default,
       {
         src,
@@ -3484,14 +3565,14 @@ function ImageCard({
         className: "object-cover transition-transform duration-300 group-hover:scale-105"
       }
     ) }),
-    (title || description) && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "p-3 flex flex-col gap-1", children: [
-      title && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("h3", { className: `font-semibold text-foreground mb-0 no-underline ${href ? "group-hover:text-primary transition-colors" : ""}`, children: title }),
-      description && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "text-sm text-muted-foreground line-clamp-2 no-underline mb-0", children: description })
+    (title || description) && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "p-3 flex flex-col gap-1", children: [
+      title && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("h3", { className: `font-semibold text-foreground mb-0 no-underline ${href ? "group-hover:text-primary transition-colors" : ""}`, children: title }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-sm text-muted-foreground line-clamp-2 no-underline mb-0", children: description })
     ] })
   ] });
   if (href) {
     const Component = external ? "a" : import_link8.default;
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       Component,
       {
         href,
@@ -3501,7 +3582,7 @@ function ImageCard({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "block rounded-xl border border-border overflow-hidden bg-card p-0", children: content });
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "block rounded-xl border border-border overflow-hidden bg-card p-0", children: content });
 }
 function ImageCardGrid({ children, cols = 3 }) {
   const gridCols = {
@@ -3510,20 +3591,20 @@ function ImageCardGrid({ children, cols = 3 }) {
     3: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3",
     4: "grid-cols-1 md:grid-cols-2 lg:grid-cols-4"
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: `grid ${gridCols[cols]} gap-4 my-6`, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: `grid ${gridCols[cols]} gap-4 my-6`, children });
 }
 
 // src/components/docs/image.tsx
 var import_image2 = __toESM(require("next/image"));
-var import_react14 = require("react");
-var import_lucide_react20 = require("lucide-react");
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_react15 = require("react");
+var import_lucide_react21 = require("lucide-react");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 function Image({ src, alt, caption, width, height, zoom = true }) {
-  const [isZoomed, setIsZoomed] = (0, import_react14.useState)(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("figure", { className: "my-6", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "relative group rounded-xl border border-border overflow-hidden bg-muted/30", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  const [isZoomed, setIsZoomed] = (0, import_react15.useState)(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("figure", { className: "my-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "relative group rounded-xl border border-border overflow-hidden bg-muted/30", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
           import_image2.default,
           {
             src,
@@ -3533,34 +3614,34 @@ function Image({ src, alt, caption, width, height, zoom = true }) {
             className: "w-full h-auto"
           }
         ),
-        zoom && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        zoom && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
           "button",
           {
             onClick: () => setIsZoomed(true),
             className: "absolute top-3 right-3 p-2 rounded-md bg-background/80 backdrop-blur-sm border border-border opacity-0 group-hover:opacity-100 transition-opacity hover:bg-background",
             "aria-label": "Zoom image",
-            children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react20.ZoomIn, { className: "h-4 w-4 text-foreground" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react21.ZoomIn, { className: "h-4 w-4 text-foreground" })
           }
         )
       ] }),
-      caption && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("figcaption", { className: "mt-2 text-center text-sm text-muted-foreground italic", children: caption })
+      caption && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("figcaption", { className: "mt-2 text-center text-sm text-muted-foreground italic", children: caption })
     ] }),
-    isZoomed && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+    isZoomed && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
       "div",
       {
         className: "fixed inset-0 z-50 bg-background/95 backdrop-blur-sm flex items-center justify-center p-4",
         onClick: () => setIsZoomed(false),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
             "button",
             {
               onClick: () => setIsZoomed(false),
               className: "absolute top-4 right-4 p-2 rounded-md bg-muted hover:bg-muted/80 transition-colors",
               "aria-label": "Close",
-              children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react20.X, { className: "h-5 w-5 text-foreground" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react21.X, { className: "h-5 w-5 text-foreground" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "max-w-7xl max-h-[90vh] overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "max-w-7xl max-h-[90vh] overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
             import_image2.default,
             {
               src,
@@ -3577,11 +3658,11 @@ function Image({ src, alt, caption, width, height, zoom = true }) {
 }
 
 // src/components/docs/math.tsx
-var import_react15 = require("react");
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_react16 = require("react");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 function Math2({ children, block = false }) {
-  const containerRef = (0, import_react15.useRef)(null);
-  (0, import_react15.useEffect)(() => {
+  const containerRef = (0, import_react16.useRef)(null);
+  (0, import_react16.useEffect)(() => {
     const renderMath = async () => {
       try {
         const katex = (await import("katex")).default;
@@ -3601,7 +3682,7 @@ function Math2({ children, block = false }) {
     renderMath();
   }, [children, block]);
   if (block) {
-    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
       "div",
       {
         ref: containerRef,
@@ -3609,15 +3690,15 @@ function Math2({ children, block = false }) {
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { ref: containerRef, className: "inline-block" });
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { ref: containerRef, className: "inline-block" });
 }
 
 // src/components/docs/mdx-hot-reload.tsx
-var import_react16 = require("react");
-var import_navigation6 = require("next/navigation");
+var import_react17 = require("react");
+var import_navigation7 = require("next/navigation");
 function MdxHotReload() {
-  const router = (0, import_navigation6.useRouter)();
-  (0, import_react16.useEffect)(() => {
+  const router = (0, import_navigation7.useRouter)();
+  (0, import_react17.useEffect)(() => {
     if (process.env.NODE_ENV !== "development") return;
     const eventSource = new EventSource("/api/mdx-watch");
     eventSource.onmessage = (event) => {
@@ -3641,12 +3722,12 @@ function MdxHotReload() {
 }
 
 // src/components/docs/mermaid.tsx
-var import_react17 = require("react");
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_react18 = require("react");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 function Mermaid({ chart, caption }) {
-  const containerRef = (0, import_react17.useRef)(null);
-  const [error, setError] = (0, import_react17.useState)(null);
-  (0, import_react17.useEffect)(() => {
+  const containerRef = (0, import_react18.useRef)(null);
+  const [error, setError] = (0, import_react18.useState)(null);
+  (0, import_react18.useEffect)(() => {
     const renderChart = async () => {
       try {
         const mermaid = (await import("mermaid")).default;
@@ -3678,75 +3759,75 @@ function Mermaid({ chart, caption }) {
     return () => observer.disconnect();
   }, [chart]);
   if (error) {
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "my-6 p-4 rounded-xl border border-red-500/50 bg-red-500/10", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("p", { className: "text-sm text-red-600 dark:text-red-400 font-mono", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "my-6 p-4 rounded-xl border border-red-500/50 bg-red-500/10", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("p", { className: "text-sm text-red-600 dark:text-red-400 font-mono", children: [
       "Mermaid Error: ",
       error
     ] }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("figure", { className: "my-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("figure", { className: "my-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
       "div",
       {
         ref: containerRef,
         className: "flex justify-center items-center p-6 rounded-xl border border-border bg-muted/30 overflow-x-auto"
       }
     ),
-    caption && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("figcaption", { className: "mt-2 text-center text-sm text-muted-foreground italic", children: caption })
+    caption && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("figcaption", { className: "mt-2 text-center text-sm text-muted-foreground italic", children: caption })
   ] });
 }
 
 // src/components/docs/not-found-content.tsx
 var import_link9 = __toESM(require("next/link"));
-var import_lucide_react21 = require("lucide-react");
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_lucide_react22 = require("lucide-react");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 function NotFoundContent({ version }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "flex min-h-[calc(100vh-12rem)] items-center justify-center px-4 py-12", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "w-full max-w-2xl text-center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "mb-6 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "rounded-full bg-yellow-500/10 p-4", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react21.AlertTriangle, { className: "h-16 w-16 text-yellow-500" }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("h1", { className: "mb-3 text-5xl font-bold tracking-tight", children: "404" }),
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("h2", { className: "mb-4 text-2xl font-semibold", children: "Page Not Found" }),
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("p", { className: "mb-8 text-base text-muted-foreground", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "flex min-h-[calc(100vh-12rem)] items-center justify-center px-4 py-12", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "w-full max-w-2xl text-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "mb-6 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "rounded-full bg-yellow-500/10 p-4", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react22.AlertTriangle, { className: "h-16 w-16 text-yellow-500" }) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("h1", { className: "mb-3 text-5xl font-bold tracking-tight", children: "404" }),
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("h2", { className: "mb-4 text-2xl font-semibold", children: "Page Not Found" }),
+    /* @__PURE__ */ (0, import_jsx_runtime37.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_runtime36.jsx)("br", {}),
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("br", {}),
       "Try using the sidebar to find what you're looking for, or return to the documentation home."
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex flex-col items-center justify-center gap-3 sm:flex-row", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex flex-col items-center justify-center gap-3 sm:flex-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime37.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_runtime36.jsx)(import_lucide_react21.ArrowLeft, { className: "h-4 w-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react22.ArrowLeft, { className: "h-4 w-4" }),
             "Back to Documentation"
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime37.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_runtime36.jsx)(import_lucide_react21.Home, { className: "h-4 w-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react22.Home, { className: "h-4 w-4" }),
             "Go to Homepage"
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "mt-12 rounded-lg border border-border bg-muted/30 p-6", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("p", { className: "text-sm text-muted-foreground", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("strong", { className: "font-medium text-foreground", children: "Tip:" }),
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "mt-12 rounded-lg border border-border bg-muted/30 p-6", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("p", { className: "text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("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
-var import_react18 = require("react");
-var import_navigation7 = require("next/navigation");
+var import_react19 = require("react");
+var import_navigation8 = require("next/navigation");
 function SearchHighlight() {
-  const searchParams = (0, import_navigation7.useSearchParams)();
+  const searchParams = (0, import_navigation8.useSearchParams)();
   const query = searchParams.get("q");
-  (0, import_react18.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     if (!query) {
       document.querySelectorAll("mark.search-highlight").forEach((mark) => {
         const parent = mark.parentNode;
@@ -3840,20 +3921,20 @@ function escapeRegex(string) {
 }
 
 // src/components/docs/sidebar-skeleton.tsx
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 function SidebarSkeleton() {
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("aside", { className: "w-64 pr-8 py-6", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "px-2", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "h-5 w-32 bg-muted/50 rounded animate-pulse" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "space-y-1", children: [...Array(8)].map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "px-3 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("aside", { className: "w-64 pr-8 py-6", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "px-2", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "h-5 w-32 bg-muted/50 rounded animate-pulse" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "space-y-1", children: [...Array(8)].map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "px-3 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
       "div",
       {
         className: "h-4 bg-muted/50 rounded animate-pulse",
         style: { width: `${60 + Math.random() * 40}%` }
       }
     ) }, i)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "px-2 mb-2", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "h-4 w-24 bg-muted/50 rounded animate-pulse" }) }),
-      [...Array(5)].map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "px-3 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "px-2 mb-2", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "h-4 w-24 bg-muted/50 rounded animate-pulse" }) }),
+      [...Array(5)].map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "px-3 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
         "div",
         {
           className: "h-4 bg-muted/50 rounded animate-pulse",
@@ -3865,29 +3946,29 @@ function SidebarSkeleton() {
 }
 
 // src/components/docs/steps.tsx
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 function Steps({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "my-6 ml-4 space-y-6 [counter-reset:step]", children });
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "my-6 ml-4 space-y-6 [counter-reset:step]", children });
 }
 function Step({ title, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "relative pl-8 pb-6 border-l-2 border-border last:border-l-0 last:pb-0 [counter-increment:step] before:content-[counter(step)] before:absolute before:left-0 before:-translate-x-1/2 before:w-8 before:h-8 before:rounded-full before:bg-primary before:text-primary-foreground before:flex before:items-center before:justify-center before:text-sm before:font-semibold before:z-10", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "mb-2", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("h3", { className: "text-lg font-semibold text-foreground", children: title }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "prose prose-sm dark:prose-invert max-w-none [&>*:last-child]:mb-0", children })
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "relative pl-8 pb-6 border-l-2 border-border last:border-l-0 last:pb-0 [counter-increment:step] before:content-[counter(step)] before:absolute before:left-0 before:-translate-x-1/2 before:w-8 before:h-8 before:rounded-full before:bg-primary before:text-primary-foreground before:flex before:items-center before:justify-center before:text-sm before:font-semibold before:z-10", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "mb-2", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("h3", { className: "text-lg font-semibold text-foreground", children: title }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "prose prose-sm dark:prose-invert max-w-none [&>*:last-child]:mb-0", children })
   ] });
 }
 
 // src/components/docs/table-of-contents.tsx
-var import_react19 = require("react");
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_react20 = require("react");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 function TableOfContents({ items, config }) {
-  const [activeId, setActiveId] = (0, import_react19.useState)("");
+  const [activeId, setActiveId] = (0, import_react20.useState)("");
   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;
-  (0, import_react19.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     const observer = new IntersectionObserver(
       (entries) => {
         entries.forEach((entry) => {
@@ -3923,9 +4004,9 @@ function TableOfContents({ items, config }) {
   };
   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_runtime39.jsx)("aside", { className: `w-64 hidden xl:block shrink-0 sticky ${stickyTop} self-start`, children: filteredItems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime39.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_runtime39.jsx)("h3", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider mb-4 px-2", children: "On this page" }),
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("nav", { className: "space-y-1", children: filteredItems.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("aside", { className: `w-64 hidden xl:block shrink-0 sticky ${stickyTop} self-start`, children: filteredItems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime40.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_runtime40.jsx)("h3", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider mb-4 px-2", children: "On this page" }),
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("nav", { className: "space-y-1", children: filteredItems.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
       "a",
       {
         href: `#${item.id}`,
@@ -3939,20 +4020,20 @@ function TableOfContents({ items, config }) {
 }
 
 // src/components/docs/tabs.tsx
-var import_react20 = require("react");
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_react21 = require("react");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 function Tab({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_jsx_runtime40.Fragment, { children });
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_jsx_runtime41.Fragment, { children });
 }
 function Tabs({ children, defaultValue }) {
-  const tabs = import_react20.Children.toArray(children).filter(import_react20.isValidElement);
+  const tabs = import_react21.Children.toArray(children).filter(import_react21.isValidElement);
   const firstTabLabel = tabs[0]?.props.label || "";
-  const [activeTab, setActiveTab] = (0, import_react20.useState)(defaultValue || firstTabLabel);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "my-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex items-center gap-1 border-b border-border mb-4", children: tabs.map((tab) => {
+  const [activeTab, setActiveTab] = (0, import_react21.useState)(defaultValue || firstTabLabel);
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "my-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex items-center gap-1 border-b border-border mb-4", children: tabs.map((tab) => {
       const label = tab.props.label;
       const isActive = activeTab === label;
-      return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
         "button",
         {
           onClick: () => setActiveTab(label),
@@ -3965,23 +4046,23 @@ function Tabs({ children, defaultValue }) {
     tabs.map((tab) => {
       const label = tab.props.label;
       if (activeTab !== label) return null;
-      return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "prose prose-slate dark:prose-invert max-w-none [&>*:first-child]:mt-0", children: tab.props.children }, label);
+      return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "prose prose-slate dark:prose-invert max-w-none [&>*:first-child]:mt-0", children: tab.props.children }, label);
     })
   ] });
 }
 
 // src/components/docs/tooltip.tsx
-var import_react21 = require("react");
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_react22 = require("react");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 function Tooltip({ children, content, position = "top" }) {
-  const [isVisible, setIsVisible] = (0, import_react21.useState)(false);
+  const [isVisible, setIsVisible] = (0, import_react22.useState)(false);
   const positions = {
     top: "bottom-full left-1/2 -translate-x-1/2 mb-2",
     bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
     left: "right-full top-1/2 -translate-y-1/2 mr-2",
     right: "left-full top-1/2 -translate-y-1/2 ml-2"
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
     "span",
     {
       className: "relative inline-flex underline decoration-dotted cursor-help",
@@ -3989,7 +4070,7 @@ function Tooltip({ children, content, position = "top" }) {
       onMouseLeave: () => setIsVisible(false),
       children: [
         children,
-        isVisible && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+        isVisible && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
           "span",
           {
             className: `absolute ${positions[position]} z-50 px-2 py-1 text-xs text-white bg-gray-900 dark:bg-gray-700 rounded whitespace-nowrap pointer-events-none`,
@@ -4002,7 +4083,7 @@ function Tooltip({ children, content, position = "top" }) {
 }
 
 // src/components/docs/video.tsx
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 function Video({
   src,
   caption,
@@ -4022,8 +4103,8 @@ function Video({
     const match = url.match(/vimeo\.com\/(\d+)/);
     return match ? match[1] : null;
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("figure", { className: "my-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "relative rounded-xl border border-border overflow-hidden bg-muted/30", children: isYouTube ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "relative w-full", style: { paddingBottom: "56.25%" }, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("figure", { className: "my-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "relative rounded-xl border border-border overflow-hidden bg-muted/30", children: isYouTube ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "relative w-full", style: { paddingBottom: "56.25%" }, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
       "iframe",
       {
         className: "absolute top-0 left-0 w-full h-full",
@@ -4032,7 +4113,7 @@ function Video({
         allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
         allowFullScreen: true
       }
-    ) }) : isVimeo ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "relative w-full", style: { paddingBottom: "56.25%" }, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+    ) }) : isVimeo ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "relative w-full", style: { paddingBottom: "56.25%" }, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
       "iframe",
       {
         className: "absolute top-0 left-0 w-full h-full",
@@ -4041,7 +4122,7 @@ function Video({
         allow: "autoplay; fullscreen; picture-in-picture",
         allowFullScreen: true
       }
-    ) }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+    ) }) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
       "video",
       {
         src,
@@ -4054,14 +4135,14 @@ function Video({
         children: "Your browser does not support the video tag."
       }
     ) }),
-    caption && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("figcaption", { className: "mt-2 text-center text-sm text-muted-foreground italic", children: caption })
+    caption && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("figcaption", { className: "mt-2 text-center text-sm text-muted-foreground italic", children: caption })
   ] });
 }
 
 // src/components/docs/api/api-endpoint.tsx
-var import_react22 = require("react");
-var import_lucide_react22 = require("lucide-react");
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_react23 = require("react");
+var import_lucide_react23 = require("lucide-react");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 var methodColors = {
   GET: "bg-blue-500/10 text-blue-600 dark:text-blue-400",
   POST: "bg-green-500/10 text-green-600 dark:text-green-400",
@@ -4070,15 +4151,15 @@ var methodColors = {
   DELETE: "bg-red-500/10 text-red-600 dark:text-red-400"
 };
 function ApiEndpoint({ method, path: path4, summary, children, defaultOpen = false }) {
-  const [isOpen, setIsOpen] = (0, import_react22.useState)(defaultOpen);
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "not-prose mb-4 rounded-xl border border-border overflow-hidden", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+  const [isOpen, setIsOpen] = (0, import_react23.useState)(defaultOpen);
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "not-prose mb-4 rounded-xl border border-border overflow-hidden", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
       "button",
       {
         onClick: () => setIsOpen(!isOpen),
         className: "w-full flex items-center gap-3 px-4 py-3 text-left bg-muted/30 hover:bg-muted/50 transition-colors",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
             "span",
             {
               className: cn(
@@ -4088,10 +4169,10 @@ function ApiEndpoint({ method, path: path4, summary, children, defaultOpen = fal
               children: method
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("code", { className: "text-sm font-mono", children: path4 }),
-          summary && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "text-sm text-muted-foreground ml-auto mr-2", children: summary }),
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-            import_lucide_react22.ChevronDown,
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("code", { className: "text-sm font-mono", children: path4 }),
+          summary && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "text-sm text-muted-foreground ml-auto mr-2", children: summary }),
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+            import_lucide_react23.ChevronDown,
             {
               className: cn(
                 "h-5 w-5 text-muted-foreground transition-transform flex-shrink-0",
@@ -4102,34 +4183,34 @@ function ApiEndpoint({ method, path: path4, summary, children, defaultOpen = fal
         ]
       }
     ),
-    isOpen && children && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "border-t border-border bg-background", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "px-4 py-4 space-y-6", children }) })
+    isOpen && children && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "border-t border-border bg-background", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "px-4 py-4 space-y-6", children }) })
   ] });
 }
 
 // src/components/docs/api/api-params.tsx
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 function ApiParams({ title = "Parameters", params }) {
   if (!params || params.length === 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "mb-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("h4", { className: "text-sm font-semibold text-foreground mb-3", children: title }),
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("table", { className: "w-full border-collapse", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("tr", { className: "border-b border-border", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("th", { className: "text-left py-2 px-3 text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: "Property" }),
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("th", { className: "text-left py-2 px-3 text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: "Type" }),
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("th", { className: "text-left py-2 px-3 text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: "Required" }),
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("th", { className: "text-left py-2 px-3 text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: "Default" }),
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("th", { className: "text-left py-2 px-3 text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: "Description" })
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "mb-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("h4", { className: "text-sm font-semibold text-foreground mb-3", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("table", { className: "w-full border-collapse", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("tr", { className: "border-b border-border", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("th", { className: "text-left py-2 px-3 text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: "Property" }),
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("th", { className: "text-left py-2 px-3 text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: "Type" }),
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("th", { className: "text-left py-2 px-3 text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: "Required" }),
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("th", { className: "text-left py-2 px-3 text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: "Default" }),
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("th", { className: "text-left py-2 px-3 text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: "Description" })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("tbody", { children: params.map((param, index) => /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("tbody", { children: params.map((param, index) => /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
         "tr",
         {
           className: index !== params.length - 1 ? "border-b border-border/50" : "",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("td", { className: "py-2.5 px-3", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("code", { className: "text-sm font-mono text-foreground", children: param.name }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("td", { className: "py-2.5 px-3", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "text-sm text-muted-foreground font-mono", children: param.type }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("td", { className: "py-2.5 px-3", children: param.required ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "text-sm text-red-600 dark:text-red-400", children: "Yes" }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "text-sm text-muted-foreground", children: "No" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("td", { className: "py-2.5 px-3", children: param.default ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("code", { className: "text-sm font-mono text-muted-foreground", children: param.default }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "text-sm text-muted-foreground", children: "-" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("td", { className: "py-2.5 px-3", children: param.description ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "text-sm text-muted-foreground", children: param.description }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "text-sm text-muted-foreground", children: "-" }) })
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("td", { className: "py-2.5 px-3", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("code", { className: "text-sm font-mono text-foreground", children: param.name }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("td", { className: "py-2.5 px-3", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-sm text-muted-foreground font-mono", children: param.type }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("td", { className: "py-2.5 px-3", children: param.required ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-sm text-red-600 dark:text-red-400", children: "Yes" }) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-sm text-muted-foreground", children: "No" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("td", { className: "py-2.5 px-3", children: param.default ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("code", { className: "text-sm font-mono text-muted-foreground", children: param.default }) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-sm text-muted-foreground", children: "-" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("td", { className: "py-2.5 px-3", children: param.description ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-sm text-muted-foreground", children: param.description }) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-sm text-muted-foreground", children: "-" }) })
           ]
         },
         param.name
@@ -4139,7 +4220,7 @@ function ApiParams({ title = "Parameters", params }) {
 }
 
 // src/components/docs/api/api-response.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 var statusColors = {
   "2": "text-green-600 dark:text-green-400",
   "3": "text-blue-600 dark:text-blue-400",
@@ -4148,14 +4229,14 @@ var statusColors = {
 };
 function ApiResponse({ status, description, example, schema }) {
   const statusClass = statusColors[String(status)[0]] || "text-muted-foreground";
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "mb-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-center gap-2 mb-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: `text-sm font-semibold ${statusClass}`, children: status }),
-      description && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-sm text-muted-foreground", children: description })
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "mb-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex items-center gap-2 mb-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: `text-sm font-semibold ${statusClass}`, children: status }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "text-sm text-muted-foreground", children: description })
     ] }),
-    example && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "mb-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: "text-xs font-semibold text-muted-foreground mb-2", children: "Example Response" }),
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    example && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "mb-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "text-xs font-semibold text-muted-foreground mb-2", children: "Example Response" }),
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
         CodeBlock,
         {
           code: typeof example === "string" ? example : JSON.stringify(example, null, 2),
@@ -4163,9 +4244,9 @@ function ApiResponse({ status, description, example, schema }) {
         }
       )
     ] }),
-    schema && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: "text-xs font-semibold text-muted-foreground mb-2", children: "Schema" }),
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    schema && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "text-xs font-semibold text-muted-foreground mb-2", children: "Schema" }),
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
         CodeBlock,
         {
           code: typeof schema === "string" ? schema : JSON.stringify(schema, null, 2),
@@ -4177,12 +4258,12 @@ function ApiResponse({ status, description, example, schema }) {
 }
 
 // src/components/docs/api/api-playground.tsx
-var import_react23 = require("react");
+var import_react24 = require("react");
 
 // src/components/ui/button.tsx
 var import_react_slot = require("@radix-ui/react-slot");
 var import_class_variance_authority = require("class-variance-authority");
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 var buttonVariants = (0, import_class_variance_authority.cva)(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
   {
@@ -4218,7 +4299,7 @@ function Button({
   ...props
 }) {
   const Comp = asChild ? import_react_slot.Slot : "button";
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     Comp,
     {
       "data-slot": "button",
@@ -4229,9 +4310,9 @@ function Button({
 }
 
 // src/components/ui/input.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 function Input({ className, type, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     "input",
     {
       type,
@@ -4248,9 +4329,9 @@ function Input({ className, type, ...props }) {
 }
 
 // src/components/ui/textarea.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 function Textarea({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
     "textarea",
     {
       "data-slot": "textarea",
@@ -4266,7 +4347,7 @@ function Textarea({ className, ...props }) {
 // src/components/ui/badge.tsx
 var import_react_slot2 = require("@radix-ui/react-slot");
 var import_class_variance_authority2 = require("class-variance-authority");
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 var badgeVariants = (0, import_class_variance_authority2.cva)(
   "inline-flex items-center justify-center rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
   {
@@ -4290,7 +4371,7 @@ function Badge2({
   ...props
 }) {
   const Comp = asChild ? import_react_slot2.Slot : "span";
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     Comp,
     {
       "data-slot": "badge",
@@ -4301,8 +4382,8 @@ function Badge2({
 }
 
 // src/components/docs/api/api-playground.tsx
-var import_lucide_react23 = require("lucide-react");
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_lucide_react24 = require("lucide-react");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 function ApiPlayground({
   method,
   path: path4,
@@ -4311,19 +4392,19 @@ function ApiPlayground({
   defaultBody,
   pathParams = []
 }) {
-  const [loading, setLoading] = (0, import_react23.useState)(false);
-  const [response, setResponse] = (0, import_react23.useState)(null);
-  const [error, setError] = (0, import_react23.useState)(null);
-  const [requestBody, setRequestBody] = (0, import_react23.useState)(defaultBody || "");
-  const initialHeaders = (0, import_react23.useMemo)(() => {
+  const [loading, setLoading] = (0, import_react24.useState)(false);
+  const [response, setResponse] = (0, import_react24.useState)(null);
+  const [error, setError] = (0, import_react24.useState)(null);
+  const [requestBody, setRequestBody] = (0, import_react24.useState)(defaultBody || "");
+  const initialHeaders = (0, import_react24.useMemo)(() => {
     const cleanHeaders = {};
     Object.entries(headers).forEach(([key, value]) => {
       cleanHeaders[key] = value || "";
     });
     return cleanHeaders;
   }, [headers]);
-  const [requestHeaders, setRequestHeaders] = (0, import_react23.useState)(JSON.stringify(initialHeaders, null, 2));
-  const extractedParams = (0, import_react23.useMemo)(() => {
+  const [requestHeaders, setRequestHeaders] = (0, import_react24.useState)(JSON.stringify(initialHeaders, null, 2));
+  const extractedParams = (0, import_react24.useMemo)(() => {
     const params = {};
     const pathParamPattern = /:(\w+)/g;
     let match;
@@ -4340,7 +4421,7 @@ function ApiPlayground({
     }
     return params;
   }, [path4, pathParams]);
-  const [pathParamValues, setPathParamValues] = (0, import_react23.useState)(extractedParams);
+  const [pathParamValues, setPathParamValues] = (0, import_react24.useState)(extractedParams);
   const buildUrl = () => {
     let finalPath = path4;
     Object.entries(pathParamValues).forEach(([key, value]) => {
@@ -4379,19 +4460,19 @@ function ApiPlayground({
       setLoading(false);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "not-prose border border-border rounded-lg overflow-hidden bg-card/30", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "bg-muted/50 px-4 py-2 border-b border-border", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("h4", { className: "text-sm font-semibold text-foreground", children: "API Playground" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "p-4 space-y-4", children: [
-      Object.keys(pathParamValues).length > 0 && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("label", { className: "text-xs font-semibold text-muted-foreground mb-2 block", children: "Path Parameters" }),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "space-y-2", children: Object.entries(pathParamValues).map(([paramName, paramValue]) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "not-prose border border-border rounded-lg overflow-hidden bg-card/30", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "bg-muted/50 px-4 py-2 border-b border-border", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("h4", { className: "text-sm font-semibold text-foreground", children: "API Playground" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "p-4 space-y-4", children: [
+      Object.keys(pathParamValues).length > 0 && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("label", { className: "text-xs font-semibold text-muted-foreground mb-2 block", children: "Path Parameters" }),
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "space-y-2", children: Object.entries(pathParamValues).map(([paramName, paramValue]) => {
           const paramConfig = pathParams.find((p) => p.name === paramName);
-          return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("span", { className: "text-xs text-muted-foreground min-w-[80px]", children: [
+          return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { className: "text-xs text-muted-foreground min-w-[80px]", children: [
               ":",
               paramName
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
               Input,
               {
                 value: paramValue,
@@ -4403,16 +4484,16 @@ function ApiPlayground({
           ] }, paramName);
         }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("label", { className: "text-xs font-semibold text-muted-foreground mb-2 block", children: "Request URL" }),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Badge2, { variant: "outline", className: "font-mono", children: method }),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Input, { value: buildUrl(), readOnly: true, className: "font-mono text-sm" })
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("label", { className: "text-xs font-semibold text-muted-foreground mb-2 block", children: "Request URL" }),
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Badge2, { variant: "outline", className: "font-mono", children: method }),
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Input, { value: buildUrl(), readOnly: true, className: "font-mono text-sm" })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("label", { className: "text-xs font-semibold text-muted-foreground mb-2 block", children: "Headers (JSON)" }),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("label", { className: "text-xs font-semibold text-muted-foreground mb-2 block", children: "Headers (JSON)" }),
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
           Textarea,
           {
             value: requestHeaders,
@@ -4422,9 +4503,9 @@ function ApiPlayground({
           }
         )
       ] }),
-      method !== "GET" && method !== "DELETE" && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("label", { className: "text-xs font-semibold text-muted-foreground mb-2 block", children: "Request Body (JSON)" }),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+      method !== "GET" && method !== "DELETE" && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("label", { className: "text-xs font-semibold text-muted-foreground mb-2 block", children: "Request Body (JSON)" }),
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
           Textarea,
           {
             value: requestBody,
@@ -4435,37 +4516,37 @@ function ApiPlayground({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Button, { onClick: handleSend, disabled: loading, className: "w-full", children: loading ? /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react23.Loader2, { className: "mr-2 h-4 w-4 animate-spin" }),
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Button, { onClick: handleSend, disabled: loading, className: "w-full", children: loading ? /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react24.Loader2, { className: "mr-2 h-4 w-4 animate-spin" }),
         "Sending..."
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react23.Play, { className: "mr-2 h-4 w-4" }),
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react24.Play, { className: "mr-2 h-4 w-4" }),
         "Send Request"
       ] }) }),
-      response && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "mt-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("label", { className: "text-xs font-semibold text-muted-foreground mb-2 block", children: [
+      response && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "mt-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("label", { className: "text-xs font-semibold text-muted-foreground mb-2 block", children: [
           "Response (",
           response.status,
           " ",
           response.statusText,
           ")"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(CodeBlock, { code: JSON.stringify(response.body, null, 2), language: "json" })
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(CodeBlock, { code: JSON.stringify(response.body, null, 2), language: "json" })
       ] }),
-      error && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "mt-4 p-3 bg-red-500/10 border border-red-500/20 rounded-md", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: error }) })
+      error && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "mt-4 p-3 bg-red-500/10 border border-red-500/20 rounded-md", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: error }) })
     ] })
   ] });
 }
 
 // src/components/docs/api/api-reference.tsx
-var import_react24 = require("react");
-var import_lucide_react24 = require("lucide-react");
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_react25 = require("react");
+var import_lucide_react25 = require("lucide-react");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 function ApiReference({ spec, parser = "auto", showPlayground = true }) {
-  const [apiSpec, setApiSpec] = (0, import_react24.useState)(null);
-  const [loading, setLoading] = (0, import_react24.useState)(true);
-  const [error, setError] = (0, import_react24.useState)(null);
-  (0, import_react24.useEffect)(() => {
+  const [apiSpec, setApiSpec] = (0, import_react25.useState)(null);
+  const [loading, setLoading] = (0, import_react25.useState)(true);
+  const [error, setError] = (0, import_react25.useState)(null);
+  (0, import_react25.useEffect)(() => {
     async function loadSpec() {
       try {
         const response = await fetch(spec);
@@ -4490,13 +4571,13 @@ function ApiReference({ spec, parser = "auto", showPlayground = true }) {
     });
   };
   if (loading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex items-center justify-center py-12", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react24.Loader2, { className: "h-6 w-6 animate-spin text-muted-foreground" }),
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "ml-2 text-muted-foreground", children: "Loading API specification..." })
+    return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex items-center justify-center py-12", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react25.Loader2, { className: "h-6 w-6 animate-spin text-muted-foreground" }),
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "ml-2 text-muted-foreground", children: "Loading API specification..." })
     ] });
   }
   if (error) {
-    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "rounded-lg border border-red-500/20 bg-red-500/10 p-4", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("p", { className: "text-sm text-red-600 dark:text-red-400", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "rounded-lg border border-red-500/20 bg-red-500/10 p-4", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("p", { className: "text-sm text-red-600 dark:text-red-400", children: [
       "Error: ",
       error
     ] }) });
@@ -4504,26 +4585,26 @@ function ApiReference({ spec, parser = "auto", showPlayground = true }) {
   if (!apiSpec) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "space-y-6", children: [
-    (apiSpec.title || apiSpec.description) && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "mb-8", children: [
-      apiSpec.title && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("h2", { className: "text-2xl font-semibold mb-2 text-foreground", children: apiSpec.title }),
-      apiSpec.description && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-muted-foreground", children: apiSpec.description }),
-      apiSpec.baseUrl && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "mt-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-sm font-semibold text-muted-foreground mb-1", children: "Base URL" }),
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("code", { className: "text-sm px-2 py-1 bg-muted rounded", children: apiSpec.baseUrl })
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "space-y-6", children: [
+    (apiSpec.title || apiSpec.description) && /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "mb-8", children: [
+      apiSpec.title && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("h2", { className: "text-2xl font-semibold mb-2 text-foreground", children: apiSpec.title }),
+      apiSpec.description && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", { className: "text-muted-foreground", children: apiSpec.description }),
+      apiSpec.baseUrl && /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "mt-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", { className: "text-sm font-semibold text-muted-foreground mb-1", children: "Base URL" }),
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("code", { className: "text-sm px-2 py-1 bg-muted rounded", children: apiSpec.baseUrl })
       ] })
     ] }),
-    apiSpec.auth && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "rounded-lg border border-border bg-card/30 p-4 mb-6", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("h3", { className: "text-lg font-semibold mb-2 text-foreground", children: "Authentication" }),
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-sm text-muted-foreground mb-2", children: apiSpec.auth.description || `This API uses ${apiSpec.auth.type} authentication.` }),
-      apiSpec.auth.type === "bearer" && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+    apiSpec.auth && /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "rounded-lg border border-border bg-card/30 p-4 mb-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("h3", { className: "text-lg font-semibold mb-2 text-foreground", children: "Authentication" }),
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", { className: "text-sm text-muted-foreground mb-2", children: apiSpec.auth.description || `This API uses ${apiSpec.auth.type} authentication.` }),
+      apiSpec.auth.type === "bearer" && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
         CodeBlock,
         {
           code: `Authorization: ${apiSpec.auth.tokenPrefix || "Bearer"} {YOUR_TOKEN}`,
           language: "bash"
         }
       ),
-      apiSpec.auth.type === "apiKey" && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+      apiSpec.auth.type === "apiKey" && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
         CodeBlock,
         {
           code: `${apiSpec.auth.headerName || "X-API-Key"}: {YOUR_API_KEY}`,
@@ -4531,7 +4612,7 @@ function ApiReference({ spec, parser = "auto", showPlayground = true }) {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Accordion, { type: "single", collapsible: true, className: "space-y-4", children: apiSpec.endpoints.map((endpoint, index) => {
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Accordion, { type: "single", collapsible: true, className: "space-y-4", children: apiSpec.endpoints.map((endpoint, index) => {
       const allHeaders = [
         ...apiSpec.globalHeaders || [],
         ...endpoint.headers || []
@@ -4539,39 +4620,39 @@ function ApiReference({ spec, parser = "auto", showPlayground = true }) {
         ...header,
         value: interpolateEnv(header.value, apiSpec.env)
       }));
-      return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
         AccordionItem,
         {
           value: `endpoint-${index}`,
-          title: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+          title: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
               "span",
               {
                 className: `text-xs font-semibold px-2 py-0.5 rounded ${endpoint.method === "GET" ? "bg-blue-500/10 text-blue-600 dark:text-blue-400" : endpoint.method === "POST" ? "bg-green-500/10 text-green-600 dark:text-green-400" : endpoint.method === "PUT" ? "bg-orange-500/10 text-orange-600 dark:text-orange-400" : endpoint.method === "PATCH" ? "bg-purple-500/10 text-purple-600 dark:text-purple-400" : "bg-red-500/10 text-red-600 dark:text-red-400"}`,
                 children: endpoint.method
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("code", { className: "text-sm font-mono", children: endpoint.path }),
-            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "text-sm text-muted-foreground ml-auto", children: endpoint.title })
+            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("code", { className: "text-sm font-mono", children: endpoint.path }),
+            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "text-sm text-muted-foreground ml-auto", children: endpoint.title })
           ] }),
-          children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "space-y-6 pt-4", children: [
-            endpoint.description && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-sm text-muted-foreground", children: endpoint.description }),
-            endpoint.pathParams && endpoint.pathParams.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ApiParams, { title: "Path Parameters", params: endpoint.pathParams }),
-            endpoint.queryParams && endpoint.queryParams.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ApiParams, { title: "Query Parameters", params: endpoint.queryParams }),
-            allHeaders.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("h4", { className: "text-sm font-semibold text-foreground mb-3", children: "Headers" }),
-              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "space-y-2", children: allHeaders.map((header, idx) => /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-col gap-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("code", { className: "text-sm font-mono text-foreground", children: header.name }),
-                  /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "text-xs text-muted-foreground", children: header.value })
+          children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "space-y-6 pt-4", children: [
+            endpoint.description && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", { className: "text-sm text-muted-foreground", children: endpoint.description }),
+            endpoint.pathParams && endpoint.pathParams.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ApiParams, { title: "Path Parameters", params: endpoint.pathParams }),
+            endpoint.queryParams && endpoint.queryParams.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ApiParams, { title: "Query Parameters", params: endpoint.queryParams }),
+            allHeaders.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("h4", { className: "text-sm font-semibold text-foreground mb-3", children: "Headers" }),
+              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "space-y-2", children: allHeaders.map((header, idx) => /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex flex-col gap-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("code", { className: "text-sm font-mono text-foreground", children: header.name }),
+                  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "text-xs text-muted-foreground", children: header.value })
                 ] }),
-                header.description && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-sm text-muted-foreground", children: header.description })
+                header.description && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", { className: "text-sm text-muted-foreground", children: header.description })
               ] }, idx)) })
             ] }),
-            endpoint.body && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("h4", { className: "text-sm font-semibold text-foreground mb-3", children: "Request Body" }),
-              endpoint.body.description && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-sm text-muted-foreground mb-2", children: endpoint.body.description }),
-              endpoint.body.example && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+            endpoint.body && /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("h4", { className: "text-sm font-semibold text-foreground mb-3", children: "Request Body" }),
+              endpoint.body.description && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", { className: "text-sm text-muted-foreground mb-2", children: endpoint.body.description }),
+              endpoint.body.example && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
                 CodeBlock,
                 {
                   code: typeof endpoint.body.example === "string" ? endpoint.body.example : JSON.stringify(endpoint.body.example, null, 2),
@@ -4579,9 +4660,9 @@ function ApiReference({ spec, parser = "auto", showPlayground = true }) {
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("h4", { className: "text-sm font-semibold text-foreground mb-3", children: "Responses" }),
-              endpoint.successResponse && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("h4", { className: "text-sm font-semibold text-foreground mb-3", children: "Responses" }),
+              endpoint.successResponse && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
                 ApiResponse,
                 {
                   status: endpoint.successResponse.status,
@@ -4590,7 +4671,7 @@ function ApiReference({ spec, parser = "auto", showPlayground = true }) {
                   schema: endpoint.successResponse.schema
                 }
               ),
-              endpoint.errorResponses?.map((response, idx) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+              endpoint.errorResponses?.map((response, idx) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
                 ApiResponse,
                 {
                   status: response.status,
@@ -4601,14 +4682,14 @@ function ApiReference({ spec, parser = "auto", showPlayground = true }) {
                 idx
               ))
             ] }),
-            endpoint.examples && endpoint.examples.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("h4", { className: "text-sm font-semibold text-foreground mb-3", children: "Examples" }),
-              endpoint.examples.map((example, idx) => /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "mb-3", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-xs font-semibold text-muted-foreground mb-2", children: example.title }),
-                /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(CodeBlock, { code: example.code, language: example.language })
+            endpoint.examples && endpoint.examples.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("h4", { className: "text-sm font-semibold text-foreground mb-3", children: "Examples" }),
+              endpoint.examples.map((example, idx) => /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "mb-3", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", { className: "text-xs font-semibold text-muted-foreground mb-2", children: example.title }),
+                /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(CodeBlock, { code: example.code, language: example.language })
               ] }, idx))
             ] }),
-            showPlayground && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+            showPlayground && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
               ApiPlayground,
               {
                 method: endpoint.method,
@@ -4628,15 +4709,15 @@ function ApiReference({ spec, parser = "auto", showPlayground = true }) {
 }
 
 // src/components/global/version-not-found.tsx
-var import_lucide_react25 = require("lucide-react");
+var import_lucide_react26 = require("lucide-react");
 var import_link10 = __toESM(require("next/link"));
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 function VersionNotFound() {
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_jsx_runtime52.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "flex min-h-screen items-center justify-center px-4", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "text-center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "mb-4 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react25.AlertTriangle, { className: "h-16 w-16 text-yellow-500" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("h1", { className: "mb-2 text-4xl font-bold", children: "Version Not Found" }),
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", { className: "mb-6 text-muted-foreground", children: "The documentation version you're looking for doesn't exist." }),
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_jsx_runtime53.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "flex min-h-screen items-center justify-center px-4", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "text-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "mb-4 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react26.AlertTriangle, { className: "h-16 w-16 text-yellow-500" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("h1", { className: "mb-2 text-4xl font-bold", children: "Version Not Found" }),
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "mb-6 text-muted-foreground", children: "The documentation version you're looking for doesn't exist." }),
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
       import_link10.default,
       {
         href: "/docs/v1.0.0",
@@ -4695,6 +4776,7 @@ function VersionNotFound() {
   ImageCard,
   ImageCardGrid,
   Input,
+  LanguageSwitcher,
   Logo,
   Math,
   MdxHotReload,
@@ -4751,6 +4833,7 @@ function VersionNotFound() {
   getConfig,
   getConfigValue,
   getDocBySlug,
+  getI18nConfig,
   getVersions,
   initConfig,
   isCategoryPage,