specra 0.1.10 → 0.1.12

package/dist/index.mjs

@@ -15,12 +15,13 @@ import {
   getCachedVersions,
   getCategoryConfig,
   getDocBySlug,
+  getI18nConfig,
   getVersions,
   isCategoryPage,
   logCacheOperation,
   logFsOperation,
   logMemoryUsage
-} from "./chunk-WSQZILUA.mjs";
+} from "./chunk-WMCO2UX5.mjs";
 import {
   CSP_DIRECTIVES,
   SAFE_MDX_COMPONENTS,
@@ -914,12 +915,115 @@ function VersionSwitcher({ currentVersion, versions }) {
   ] });
 }
 
+// src/components/docs/language-switcher.tsx
+import { useState as useState9 } from "react";
+import { Languages, Check as Check2, ChevronDown as ChevronDown4 } from "lucide-react";
+import { usePathname as usePathname2, useRouter as useRouter3 } from "next/navigation";
+
+// src/components/config-provider.tsx
+import * as React2 from "react";
+import { jsx as jsx13 } from "react/jsx-runtime";
+var ConfigContext = React2.createContext(defaultConfig);
+function ConfigProvider({ config, children }) {
+  return /* @__PURE__ */ jsx13(ConfigContext.Provider, { value: config, children });
+}
+function useConfig() {
+  const config = React2.useContext(ConfigContext);
+  if (!config) {
+    throw new Error("useConfig must be used within a ConfigProvider");
+  }
+  return config;
+}
+function useConfigValue(path) {
+  const config = useConfig();
+  const keys = path.split(".");
+  let value = config;
+  for (const key of keys) {
+    if (value && typeof value === "object" && key in value) {
+      value = value[key];
+    } else {
+      return void 0;
+    }
+  }
+  return value;
+}
+
+// src/components/docs/language-switcher.tsx
+import { Fragment as Fragment3, jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
+function LanguageSwitcher() {
+  const [open, setOpen] = useState9(false);
+  const pathname = usePathname2();
+  const router = useRouter3();
+  const config = useConfig();
+  const i18n = config.features?.i18n;
+  if (!i18n || typeof i18n === "boolean") return null;
+  const { locales, localeNames, defaultLocale, prefixDefault } = i18n;
+  const pathParts = pathname.split("/");
+  const version = pathParts[2];
+  let currentLocale = defaultLocale;
+  if (pathParts[3] && locales.includes(pathParts[3])) {
+    currentLocale = pathParts[3];
+  }
+  const handleLocaleChange = (newLocale) => {
+    if (newLocale === currentLocale) {
+      setOpen(false);
+      return;
+    }
+    const parts = [...pathParts];
+    const hasLocalePrefix = locales.includes(parts[3]);
+    if (newLocale === defaultLocale && !prefixDefault) {
+      if (hasLocalePrefix) {
+        parts.splice(3, 1);
+      }
+    } else {
+      if (hasLocalePrefix) {
+        parts[3] = newLocale;
+      } else {
+        parts.splice(3, 0, newLocale);
+      }
+    }
+    const newPath = parts.join("/");
+    router.push(newPath);
+    setOpen(false);
+  };
+  return /* @__PURE__ */ jsxs10("div", { className: "relative", children: [
+    /* @__PURE__ */ jsxs10(
+      "button",
+      {
+        onClick: () => setOpen(!open),
+        className: "flex items-center gap-1.5 px-2 h-9 rounded-md hover:bg-muted transition-colors",
+        "aria-label": "Switch language",
+        children: [
+          /* @__PURE__ */ jsx14(Languages, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx14("span", { className: "text-xs font-bold uppercase", children: currentLocale }),
+          /* @__PURE__ */ jsx14(ChevronDown4, { className: "h-3 w-3 text-muted-foreground" })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsxs10(Fragment3, { children: [
+      /* @__PURE__ */ jsx14("div", { className: "fixed inset-0 z-40", onClick: () => setOpen(false) }),
+      /* @__PURE__ */ jsx14("div", { className: "absolute right-0 mt-2 w-40 bg-background border border-border rounded-md shadow-lg z-50", children: /* @__PURE__ */ jsx14("div", { className: "p-2", children: locales.map((locale) => /* @__PURE__ */ jsxs10(
+        "button",
+        {
+          onClick: () => handleLocaleChange(locale),
+          className: "flex items-center justify-between w-full px-3 py-2 text-sm text-foreground hover:bg-muted rounded-md transition-colors",
+          children: [
+            /* @__PURE__ */ jsx14("span", { children: localeNames?.[locale] || locale.toUpperCase() }),
+            currentLocale === locale && /* @__PURE__ */ jsx14(Check2, { className: "h-4 w-4 text-primary" })
+          ]
+        },
+        locale
+      )) }) })
+    ] })
+  ] });
+}
+
 // src/components/docs/theme-toggle.tsx
 import { Moon, Sun } from "lucide-react";
-import { useEffect as useEffect5, useState as useState9 } from "react";
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { useEffect as useEffect5, useState as useState10 } from "react";
+import { jsx as jsx15 } from "react/jsx-runtime";
 function ThemeToggle() {
-  const [theme, setTheme] = useState9("dark");
+  const [theme, setTheme] = useState10("dark");
   useEffect5(() => {
     const savedTheme = localStorage.getItem("theme");
     const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
@@ -933,51 +1037,51 @@ function ThemeToggle() {
     localStorage.setItem("theme", newTheme);
     document.documentElement.classList.toggle("dark", newTheme === "dark");
   };
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx15(
     "button",
     {
       onClick: toggleTheme,
       className: "flex items-center justify-center w-9 h-9 rounded-md border border-border bg-background hover:bg-accent transition-colors",
       "aria-label": "Toggle theme",
-      children: theme === "dark" ? /* @__PURE__ */ jsx13(Sun, { className: "h-4 w-4 text-foreground" }) : /* @__PURE__ */ jsx13(Moon, { className: "h-4 w-4 text-foreground" })
+      children: theme === "dark" ? /* @__PURE__ */ jsx15(Sun, { className: "h-4 w-4 text-foreground" }) : /* @__PURE__ */ jsx15(Moon, { className: "h-4 w-4 text-foreground" })
     }
   );
 }
 
 // src/components/docs/search-modal.tsx
-import { useState as useState10, useEffect as useEffect6, useCallback } from "react";
+import { useState as useState11, useEffect as useEffect6, useCallback } from "react";
 import { Search, FileText, Loader2 } from "lucide-react";
-import { useRouter as useRouter3 } from "next/navigation";
+import { useRouter as useRouter4 } from "next/navigation";
 
 // src/components/ui/dialog.tsx
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { XIcon } from "lucide-react";
-import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
 function Dialog({
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
+  return /* @__PURE__ */ jsx16(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
 }
 function DialogTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
+  return /* @__PURE__ */ jsx16(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
 }
 function DialogPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
+  return /* @__PURE__ */ jsx16(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
 }
 function DialogClose({
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
+  return /* @__PURE__ */ jsx16(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
 }
 function DialogOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx16(
     DialogPrimitive.Overlay,
     {
       "data-slot": "dialog-overlay",
@@ -995,9 +1099,9 @@ function DialogContent({
   showCloseButton = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs10(DialogPortal, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ jsx14(DialogOverlay, {}),
-    /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(DialogPortal, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ jsx16(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs11(
       DialogPrimitive.Content,
       {
         "data-slot": "dialog-content",
@@ -1008,14 +1112,14 @@ function DialogContent({
         ...props,
         children: [
           children,
-          showCloseButton && /* @__PURE__ */ jsxs10(
+          showCloseButton && /* @__PURE__ */ jsxs11(
             DialogPrimitive.Close,
             {
               "data-slot": "dialog-close",
               className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
               children: [
-                /* @__PURE__ */ jsx14(XIcon, {}),
-                /* @__PURE__ */ jsx14("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ jsx16(XIcon, {}),
+                /* @__PURE__ */ jsx16("span", { className: "sr-only", children: "Close" })
               ]
             }
           )
@@ -1025,7 +1129,7 @@ function DialogContent({
   ] });
 }
 function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx16(
     "div",
     {
       "data-slot": "dialog-header",
@@ -1035,7 +1139,7 @@ function DialogHeader({ className, ...props }) {
   );
 }
 function DialogFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx16(
     "div",
     {
       "data-slot": "dialog-footer",
@@ -1051,7 +1155,7 @@ function DialogTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx16(
     DialogPrimitive.Title,
     {
       "data-slot": "dialog-title",
@@ -1064,7 +1168,7 @@ function DialogDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx16(
     DialogPrimitive.Description,
     {
       "data-slot": "dialog-description",
@@ -1075,13 +1179,13 @@ function DialogDescription({
 }
 
 // src/components/docs/search-modal.tsx
-import { Fragment as Fragment3, jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
 function SearchModal({ isOpen, onClose, config }) {
-  const [query, setQuery] = useState10("");
-  const [results, setResults] = useState10([]);
-  const [isLoading, setIsLoading] = useState10(false);
-  const [selectedIndex, setSelectedIndex] = useState10(0);
-  const router = useRouter3();
+  const [query, setQuery] = useState11("");
+  const [results, setResults] = useState11([]);
+  const [isLoading, setIsLoading] = useState11(false);
+  const [selectedIndex, setSelectedIndex] = useState11(0);
+  const router = useRouter4();
   const searchConfig = config.search;
   const performSearch = useCallback(async (searchQuery) => {
     if (!searchQuery.trim() || !searchConfig?.enabled) {
@@ -1167,20 +1271,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__ */ jsx15("mark", { className: "bg-yellow-200 dark:bg-yellow-900/50 text-foreground", children: part }, i) : part
+      (part, i) => part.toLowerCase() === query2.toLowerCase() ? /* @__PURE__ */ jsx17("mark", { className: "bg-yellow-200 dark:bg-yellow-900/50 text-foreground", children: part }, i) : part
     );
   };
-  return /* @__PURE__ */ jsx15(Dialog, { open: isOpen, onOpenChange: onClose, modal: true, children: /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsx17(Dialog, { open: isOpen, onOpenChange: onClose, modal: true, children: /* @__PURE__ */ jsxs12(
     DialogContent,
     {
       className: "max-w-2xl p-0 gap-0 top-[10vh] translate-y-0",
       showCloseButton: false,
       onOpenAutoFocus: (e) => e.preventDefault(),
       children: [
-        /* @__PURE__ */ jsx15(DialogTitle, { className: "sr-only", children: "Search Documentation" }),
-        /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-3 px-4 py-3 border-b border-border", children: [
-          /* @__PURE__ */ jsx15(Search, { className: "h-5 w-5 text-muted-foreground shrink-0" }),
-          /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx17(DialogTitle, { className: "sr-only", children: "Search Documentation" }),
+        /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-3 px-4 py-3 border-b border-border", children: [
+          /* @__PURE__ */ jsx17(Search, { className: "h-5 w-5 text-muted-foreground shrink-0" }),
+          /* @__PURE__ */ jsx17(
             "input",
             {
               type: "text",
@@ -1191,30 +1295,30 @@ function SearchModal({ isOpen, onClose, config }) {
               autoFocus: true
             }
           ),
-          isLoading && /* @__PURE__ */ jsx15(Loader2, { className: "h-5 w-5 text-muted-foreground animate-spin" })
+          isLoading && /* @__PURE__ */ jsx17(Loader2, { className: "h-5 w-5 text-muted-foreground animate-spin" })
         ] }),
-        /* @__PURE__ */ jsxs11("div", { className: "max-h-[60vh] overflow-y-auto", children: [
-          query.trim() && results.length === 0 && !isLoading && /* @__PURE__ */ jsxs11("div", { className: "px-4 py-8 text-center text-muted-foreground", children: [
+        /* @__PURE__ */ jsxs12("div", { className: "max-h-[60vh] overflow-y-auto", children: [
+          query.trim() && results.length === 0 && !isLoading && /* @__PURE__ */ jsxs12("div", { className: "px-4 py-8 text-center text-muted-foreground", children: [
             'No results found for "',
             query,
             '"'
           ] }),
-          results.length > 0 && /* @__PURE__ */ jsx15("div", { className: "py-2", children: results.map((result, index) => /* @__PURE__ */ jsx15(
+          results.length > 0 && /* @__PURE__ */ jsx17("div", { className: "py-2", children: results.map((result, index) => /* @__PURE__ */ jsx17(
             "button",
             {
               onClick: () => handleResultClick(result),
               className: `w-full px-4 py-3 text-left hover:bg-muted/50 transition-colors border-l-2 ${index === selectedIndex ? "bg-muted/50 border-primary" : "border-transparent"}`,
               onMouseEnter: () => setSelectedIndex(index),
-              children: /* @__PURE__ */ jsxs11("div", { className: "flex items-start gap-3", children: [
-                /* @__PURE__ */ jsx15(FileText, { className: "h-5 w-5 text-muted-foreground shrink-0 mt-0.5" }),
-                /* @__PURE__ */ jsxs11("div", { className: "flex-1 min-w-0", children: [
-                  /* @__PURE__ */ jsx15("div", { className: "font-medium text-foreground mb-1", children: highlightText(result.title, query) }),
-                  result.content && /* @__PURE__ */ jsx15("div", { className: "text-sm text-muted-foreground line-clamp-2", children: highlightText(result.content, query) }),
-                  /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2 mt-1 text-xs text-muted-foreground", children: [
-                    /* @__PURE__ */ jsx15("span", { children: result.version }),
-                    result.category && /* @__PURE__ */ jsxs11(Fragment3, { children: [
-                      /* @__PURE__ */ jsx15("span", { children: "\u2022" }),
-                      /* @__PURE__ */ jsx15("span", { children: result.category })
+              children: /* @__PURE__ */ jsxs12("div", { className: "flex items-start gap-3", children: [
+                /* @__PURE__ */ jsx17(FileText, { className: "h-5 w-5 text-muted-foreground shrink-0 mt-0.5" }),
+                /* @__PURE__ */ jsxs12("div", { className: "flex-1 min-w-0", children: [
+                  /* @__PURE__ */ jsx17("div", { className: "font-medium text-foreground mb-1", children: highlightText(result.title, query) }),
+                  result.content && /* @__PURE__ */ jsx17("div", { className: "text-sm text-muted-foreground line-clamp-2", children: highlightText(result.content, query) }),
+                  /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2 mt-1 text-xs text-muted-foreground", children: [
+                    /* @__PURE__ */ jsx17("span", { children: result.version }),
+                    result.category && /* @__PURE__ */ jsxs12(Fragment4, { children: [
+                      /* @__PURE__ */ jsx17("span", { children: "\u2022" }),
+                      /* @__PURE__ */ jsx17("span", { children: result.category })
                     ] })
                   ] })
                 ] })
@@ -1222,15 +1326,15 @@ function SearchModal({ isOpen, onClose, config }) {
             },
             result.id
           )) }),
-          !query.trim() && /* @__PURE__ */ jsxs11("div", { className: "px-4 py-8 text-center text-muted-foreground text-sm", children: [
-            /* @__PURE__ */ jsx15("p", { children: "Start typing to search documentation..." }),
-            /* @__PURE__ */ jsxs11("div", { className: "mt-4 flex items-center justify-center gap-4 text-xs", children: [
-              /* @__PURE__ */ jsx15("kbd", { className: "px-2 py-1 bg-muted rounded border border-border", children: "\u2191\u2193" }),
-              /* @__PURE__ */ jsx15("span", { children: "Navigate" }),
-              /* @__PURE__ */ jsx15("kbd", { className: "px-2 py-1 bg-muted rounded border border-border", children: "Enter" }),
-              /* @__PURE__ */ jsx15("span", { children: "Select" }),
-              /* @__PURE__ */ jsx15("kbd", { className: "px-2 py-1 bg-muted rounded border border-border", children: "Esc" }),
-              /* @__PURE__ */ jsx15("span", { children: "Close" })
+          !query.trim() && /* @__PURE__ */ jsxs12("div", { className: "px-4 py-8 text-center text-muted-foreground text-sm", children: [
+            /* @__PURE__ */ jsx17("p", { children: "Start typing to search documentation..." }),
+            /* @__PURE__ */ jsxs12("div", { className: "mt-4 flex items-center justify-center gap-4 text-xs", children: [
+              /* @__PURE__ */ jsx17("kbd", { className: "px-2 py-1 bg-muted rounded border border-border", children: "\u2191\u2193" }),
+              /* @__PURE__ */ jsx17("span", { children: "Navigate" }),
+              /* @__PURE__ */ jsx17("kbd", { className: "px-2 py-1 bg-muted rounded border border-border", children: "Enter" }),
+              /* @__PURE__ */ jsx17("span", { children: "Select" }),
+              /* @__PURE__ */ jsx17("kbd", { className: "px-2 py-1 bg-muted rounded border border-border", children: "Esc" }),
+              /* @__PURE__ */ jsx17("span", { children: "Close" })
             ] })
           ] })
         ] })
@@ -1240,42 +1344,12 @@ function SearchModal({ isOpen, onClose, config }) {
 }
 
 // src/components/docs/header.tsx
-import { useState as useState11, useEffect as useEffect7 } from "react";
-
-// src/components/config-provider.tsx
-import * as React2 from "react";
-import { jsx as jsx16 } from "react/jsx-runtime";
-var ConfigContext = React2.createContext(defaultConfig);
-function ConfigProvider({ config, children }) {
-  return /* @__PURE__ */ jsx16(ConfigContext.Provider, { value: config, children });
-}
-function useConfig() {
-  const config = React2.useContext(ConfigContext);
-  if (!config) {
-    throw new Error("useConfig must be used within a ConfigProvider");
-  }
-  return config;
-}
-function useConfigValue(path) {
-  const config = useConfig();
-  const keys = path.split(".");
-  let value = config;
-  for (const key of keys) {
-    if (value && typeof value === "object" && key in value) {
-      value = value[key];
-    } else {
-      return void 0;
-    }
-  }
-  return value;
-}
-
-// src/components/docs/header.tsx
-import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
+import { useState as useState12, useEffect as useEffect7 } from "react";
+import { jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
 function Header({ currentVersion, versions, onMenuClick, config: configProp }) {
   const contextConfig = useConfig();
   const config = configProp || contextConfig;
-  const [searchOpen, setSearchOpen] = useState11(false);
+  const [searchOpen, setSearchOpen] = useState12(false);
   useEffect7(() => {
     const handleKeyDown = (e) => {
       if ((e.metaKey || e.ctrlKey) && e.key === "k") {
@@ -1286,38 +1360,38 @@ function Header({ currentVersion, versions, onMenuClick, config: configProp }) {
     window.addEventListener("keydown", handleKeyDown);
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, []);
-  return /* @__PURE__ */ jsxs12("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__ */ jsxs12("div", { className: "container flex h-16 items-center justify-between px-2 md:px-6 mx-auto", children: [
-      /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsxs13("header", { className: "sticky top-0 z-50 w-full border-b border-border bg-background/95 backdrop-blur supports-backdrop-filter:bg-background/60", children: [
+    /* @__PURE__ */ jsxs13("div", { className: "container flex h-16 items-center justify-between px-2 md:px-6 mx-auto", children: [
+      /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx18(
           "button",
           {
             onClick: onMenuClick,
             className: "lg:hidden hover:bg-muted p-2 rounded-md transition-colors",
             "aria-label": "Toggle menu",
-            children: /* @__PURE__ */ jsx17(Menu, { className: "h-5 w-5" })
+            children: /* @__PURE__ */ jsx18(Menu, { className: "h-5 w-5" })
           }
         ),
-        /* @__PURE__ */ jsxs12(Link4, { href: "/", className: "flex items-center gap-2", children: [
-          !config.site.hideLogo && (config.site.logo ? /* @__PURE__ */ jsx17(Logo, { logo: config.site.logo, alt: config.site.title, className: "w-18 object-contain" }) : /* @__PURE__ */ jsx17("div", { className: "h-8 w-8 rounded-xl bg-primary flex items-center justify-center", children: /* @__PURE__ */ jsx17("span", { className: "text-primary-foreground font-bold text-lg", children: config.site.title.charAt(0).toUpperCase() }) })),
-          !config.site.hideTitle && /* @__PURE__ */ jsx17("span", { className: "font-semibold text-lg text-foreground", children: config.site.title ?? "Specra" })
+        /* @__PURE__ */ jsxs13(Link4, { href: "/", className: "flex items-center gap-2", children: [
+          !config.site.hideLogo && (config.site.logo ? /* @__PURE__ */ jsx18(Logo, { logo: config.site.logo, alt: config.site.title, className: "h-12 w-auto object-contain" }) : /* @__PURE__ */ jsx18("div", { className: "h-8 w-8 rounded-xl bg-primary flex items-center justify-center", children: /* @__PURE__ */ jsx18("span", { className: "text-primary-foreground font-bold text-lg", children: config.site.title.charAt(0).toUpperCase() }) })),
+          !config.site.hideTitle && /* @__PURE__ */ jsx18("span", { className: "font-semibold text-lg text-foreground", children: config.site.title ?? "Specra" })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2", children: [
-        config.search?.enabled && /* @__PURE__ */ jsxs12(
+      /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2", children: [
+        config.search?.enabled && /* @__PURE__ */ jsxs13(
           "button",
           {
             onClick: () => setSearchOpen(true),
             className: "flex items-center gap-2 px-3 py-2 text-sm text-muted-foreground hover:text-foreground bg-muted rounded-md transition-colors",
             children: [
-              /* @__PURE__ */ jsx17(Search2, { className: "h-4 w-4" }),
-              /* @__PURE__ */ jsx17("span", { className: "hidden sm:inline", children: config.search.placeholder || "Search" }),
-              /* @__PURE__ */ jsx17("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__ */ jsx18(Search2, { className: "h-4 w-4" }),
+              /* @__PURE__ */ jsx18("span", { className: "hidden sm:inline", children: config.search.placeholder || "Search" }),
+              /* @__PURE__ */ jsx18("kbd", { className: "hidden sm:inline-flex h-5 select-none items-center gap-1 rounded border border-border bg-background px-1.5 font-mono text-xs font-medium", children: "\u2318K" })
             ]
           }
         ),
-        config.features?.versioning && /* @__PURE__ */ jsx17(VersionSwitcher, { currentVersion, versions }),
-        config.social?.github && /* @__PURE__ */ jsx17(
+        config.features?.versioning && /* @__PURE__ */ jsx18(VersionSwitcher, { currentVersion, versions }),
+        config.social?.github && /* @__PURE__ */ jsx18(
           "a",
           {
             href: config.social.github,
@@ -1325,10 +1399,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__ */ jsx17(Github, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ jsx18(Github, { className: "h-4 w-4" })
           }
         ),
-        config.social?.twitter && /* @__PURE__ */ jsx17(
+        config.social?.twitter && /* @__PURE__ */ jsx18(
           "a",
           {
             href: config.social.twitter,
@@ -1336,10 +1410,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__ */ jsx17(Twitter, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ jsx18(Twitter, { className: "h-4 w-4" })
           }
         ),
-        config.social?.discord && /* @__PURE__ */ jsx17(
+        config.social?.discord && /* @__PURE__ */ jsx18(
           "a",
           {
             href: config.social.discord,
@@ -1347,25 +1421,26 @@ 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__ */ jsx17(MessageCircle, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ jsx18(MessageCircle, { className: "h-4 w-4" })
           }
         ),
-        /* @__PURE__ */ jsx17(ThemeToggle, {})
+        /* @__PURE__ */ jsx18(ThemeToggle, {}),
+        /* @__PURE__ */ jsx18(LanguageSwitcher, {})
       ] })
     ] }),
-    /* @__PURE__ */ jsx17(SearchModal, { isOpen: searchOpen, onClose: () => setSearchOpen(false), config })
+    /* @__PURE__ */ jsx18(SearchModal, { isOpen: searchOpen, onClose: () => setSearchOpen(false), config })
   ] });
 }
 
 // src/components/docs/hot-reload-indicator.tsx
-import { useEffect as useEffect8, useState as useState12 } from "react";
-import { usePathname as usePathname2 } from "next/navigation";
+import { useEffect as useEffect8, useState as useState13 } from "react";
+import { usePathname as usePathname3 } from "next/navigation";
 import { RefreshCw } from "lucide-react";
-import { Fragment as Fragment4, jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
 function HotReloadIndicator() {
-  const [isReloading, setIsReloading] = useState12(false);
-  const [lastReload, setLastReload] = useState12(null);
-  const pathname = usePathname2();
+  const [isReloading, setIsReloading] = useState13(false);
+  const [lastReload, setLastReload] = useState13(null);
+  const pathname = usePathname3();
   useEffect8(() => {
     if (process.env.NODE_ENV !== "development") return;
     setIsReloading(true);
@@ -1396,14 +1471,14 @@ function HotReloadIndicator() {
     };
   }, []);
   if (process.env.NODE_ENV !== "development") return null;
-  return /* @__PURE__ */ jsxs13(Fragment4, { children: [
-    isReloading && /* @__PURE__ */ jsxs13("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__ */ jsx18(RefreshCw, { className: "h-4 w-4 animate-spin" }),
-      /* @__PURE__ */ jsx18("span", { className: "text-sm font-medium", children: "Reloading..." })
+  return /* @__PURE__ */ jsxs14(Fragment5, { children: [
+    isReloading && /* @__PURE__ */ jsxs14("div", { className: "fixed bottom-4 right-4 z-50 flex items-center gap-2 px-4 py-2 bg-primary text-primary-foreground rounded-xl shadow-lg animate-in slide-in-from-bottom-2", children: [
+      /* @__PURE__ */ jsx19(RefreshCw, { className: "h-4 w-4 animate-spin" }),
+      /* @__PURE__ */ jsx19("span", { className: "text-sm font-medium", children: "Reloading..." })
     ] }),
-    lastReload && !isReloading && /* @__PURE__ */ jsxs13("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__ */ jsx18(RefreshCw, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsxs13("span", { className: "text-sm font-medium", children: [
+    lastReload && !isReloading && /* @__PURE__ */ jsxs14("div", { className: "fixed bottom-4 right-4 z-50 flex items-center gap-2 px-4 py-2 bg-green-500 text-white rounded-xl shadow-lg animate-in slide-in-from-bottom-2", children: [
+      /* @__PURE__ */ jsx19(RefreshCw, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsxs14("span", { className: "text-sm font-medium", children: [
         "Updated at ",
         lastReload.toLocaleTimeString()
       ] })
@@ -1413,9 +1488,9 @@ function HotReloadIndicator() {
 
 // src/components/docs/mdx-hot-reload.tsx
 import { useEffect as useEffect9 } from "react";
-import { useRouter as useRouter4 } from "next/navigation";
+import { useRouter as useRouter5 } from "next/navigation";
 function MdxHotReload() {
-  const router = useRouter4();
+  const router = useRouter5();
   useEffect9(() => {
     if (process.env.NODE_ENV !== "development") return;
     const eventSource = new EventSource("/api/mdx-watch");
@@ -1442,43 +1517,43 @@ function MdxHotReload() {
 // src/components/docs/not-found-content.tsx
 import Link5 from "next/link";
 import { AlertTriangle, Home, ArrowLeft } from "lucide-react";
-import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
 function NotFoundContent({ version }) {
-  return /* @__PURE__ */ jsx19("div", { className: "flex min-h-[calc(100vh-12rem)] items-center justify-center px-4 py-12", children: /* @__PURE__ */ jsxs14("div", { className: "w-full max-w-2xl text-center", children: [
-    /* @__PURE__ */ jsx19("div", { className: "mb-6 flex justify-center", children: /* @__PURE__ */ jsx19("div", { className: "rounded-full bg-yellow-500/10 p-4", children: /* @__PURE__ */ jsx19(AlertTriangle, { className: "h-16 w-16 text-yellow-500" }) }) }),
-    /* @__PURE__ */ jsx19("h1", { className: "mb-3 text-5xl font-bold tracking-tight", children: "404" }),
-    /* @__PURE__ */ jsx19("h2", { className: "mb-4 text-2xl font-semibold", children: "Page Not Found" }),
-    /* @__PURE__ */ jsxs14("p", { className: "mb-8 text-base text-muted-foreground", children: [
+  return /* @__PURE__ */ jsx20("div", { className: "flex min-h-[calc(100vh-12rem)] items-center justify-center px-4 py-12", children: /* @__PURE__ */ jsxs15("div", { className: "w-full max-w-2xl text-center", children: [
+    /* @__PURE__ */ jsx20("div", { className: "mb-6 flex justify-center", children: /* @__PURE__ */ jsx20("div", { className: "rounded-full bg-yellow-500/10 p-4", children: /* @__PURE__ */ jsx20(AlertTriangle, { className: "h-16 w-16 text-yellow-500" }) }) }),
+    /* @__PURE__ */ jsx20("h1", { className: "mb-3 text-5xl font-bold tracking-tight", children: "404" }),
+    /* @__PURE__ */ jsx20("h2", { className: "mb-4 text-2xl font-semibold", children: "Page Not Found" }),
+    /* @__PURE__ */ jsxs15("p", { className: "mb-8 text-base text-muted-foreground", children: [
       "The documentation page you're looking for doesn't exist or may have been moved.",
-      /* @__PURE__ */ jsx19("br", {}),
+      /* @__PURE__ */ jsx20("br", {}),
       "Try using the sidebar to find what you're looking for, or return to the documentation home."
     ] }),
-    /* @__PURE__ */ jsxs14("div", { className: "flex flex-col items-center justify-center gap-3 sm:flex-row", children: [
-      /* @__PURE__ */ jsxs14(
+    /* @__PURE__ */ jsxs15("div", { className: "flex flex-col items-center justify-center gap-3 sm:flex-row", children: [
+      /* @__PURE__ */ jsxs15(
         Link5,
         {
           href: `/docs/${version}`,
           className: "inline-flex items-center gap-2 rounded-lg bg-primary px-6 py-3 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors",
           children: [
-            /* @__PURE__ */ jsx19(ArrowLeft, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx20(ArrowLeft, { className: "h-4 w-4" }),
             "Back to Documentation"
           ]
         }
       ),
-      /* @__PURE__ */ jsxs14(
+      /* @__PURE__ */ jsxs15(
         Link5,
         {
           href: "/",
           className: "inline-flex items-center gap-2 rounded-lg border border-border bg-background px-6 py-3 text-sm font-medium hover:bg-muted transition-colors",
           children: [
-            /* @__PURE__ */ jsx19(Home, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx20(Home, { className: "h-4 w-4" }),
             "Go to Homepage"
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ jsx19("div", { className: "mt-12 rounded-lg border border-border bg-muted/30 p-6", children: /* @__PURE__ */ jsxs14("p", { className: "text-sm text-muted-foreground", children: [
-      /* @__PURE__ */ jsx19("strong", { className: "font-medium text-foreground", children: "Tip:" }),
+    /* @__PURE__ */ jsx20("div", { className: "mt-12 rounded-lg border border-border bg-muted/30 p-6", children: /* @__PURE__ */ jsxs15("p", { className: "text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsx20("strong", { className: "font-medium text-foreground", children: "Tip:" }),
       " Use the sidebar navigation on the left to browse all available documentation pages."
     ] }) })
   ] }) });
@@ -1584,20 +1659,20 @@ function escapeRegex(string) {
 }
 
 // src/components/docs/sidebar-skeleton.tsx
-import { jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
 function SidebarSkeleton() {
-  return /* @__PURE__ */ jsx20("aside", { className: "w-64 pr-8 py-6", children: /* @__PURE__ */ jsxs15("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ jsx20("div", { className: "px-2", children: /* @__PURE__ */ jsx20("div", { className: "h-5 w-32 bg-muted/50 rounded animate-pulse" }) }),
-    /* @__PURE__ */ jsx20("div", { className: "space-y-1", children: [...Array(8)].map((_, i) => /* @__PURE__ */ jsx20("div", { className: "px-3 py-2", children: /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21("aside", { className: "w-64 pr-8 py-6", children: /* @__PURE__ */ jsxs16("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsx21("div", { className: "px-2", children: /* @__PURE__ */ jsx21("div", { className: "h-5 w-32 bg-muted/50 rounded animate-pulse" }) }),
+    /* @__PURE__ */ jsx21("div", { className: "space-y-1", children: [...Array(8)].map((_, i) => /* @__PURE__ */ jsx21("div", { className: "px-3 py-2", children: /* @__PURE__ */ jsx21(
       "div",
       {
         className: "h-4 bg-muted/50 rounded animate-pulse",
         style: { width: `${60 + Math.random() * 40}%` }
       }
     ) }, i)) }),
-    /* @__PURE__ */ jsxs15("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ jsx20("div", { className: "px-2 mb-2", children: /* @__PURE__ */ jsx20("div", { className: "h-4 w-24 bg-muted/50 rounded animate-pulse" }) }),
-      [...Array(5)].map((_, i) => /* @__PURE__ */ jsx20("div", { className: "px-3 py-2", children: /* @__PURE__ */ jsx20(
+    /* @__PURE__ */ jsxs16("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsx21("div", { className: "px-2 mb-2", children: /* @__PURE__ */ jsx21("div", { className: "h-4 w-24 bg-muted/50 rounded animate-pulse" }) }),
+      [...Array(5)].map((_, i) => /* @__PURE__ */ jsx21("div", { className: "px-3 py-2", children: /* @__PURE__ */ jsx21(
         "div",
         {
           className: "h-4 bg-muted/50 rounded animate-pulse",
@@ -1609,10 +1684,10 @@ function SidebarSkeleton() {
 }
 
 // src/components/docs/table-of-contents.tsx
-import { useEffect as useEffect11, useState as useState13 } from "react";
-import { jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
+import { useEffect as useEffect11, useState as useState14 } from "react";
+import { jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
 function TableOfContents({ items, config }) {
-  const [activeId, setActiveId] = useState13("");
+  const [activeId, setActiveId] = useState14("");
   if (!config.navigation?.showTableOfContents) {
     return null;
   }
@@ -1655,9 +1730,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__ */ jsx21("aside", { className: `w-64 hidden xl:block shrink-0 sticky ${stickyTop} self-start`, children: filteredItems.length > 0 && /* @__PURE__ */ jsxs16("div", { className: `${maxHeight} overflow-y-auto bg-muted/30 dark:bg-muted/10 rounded-2xl p-4 border border-border/50`, children: [
-    /* @__PURE__ */ jsx21("h3", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider mb-4 px-2", children: "On this page" }),
-    /* @__PURE__ */ jsx21("nav", { className: "space-y-1", children: filteredItems.map((item, index) => /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22("aside", { className: `w-64 hidden xl:block shrink-0 sticky ${stickyTop} self-start`, children: filteredItems.length > 0 && /* @__PURE__ */ jsxs17("div", { className: `${maxHeight} overflow-y-auto bg-muted/30 dark:bg-muted/10 rounded-2xl p-4 border border-border/50`, children: [
+    /* @__PURE__ */ jsx22("h3", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider mb-4 px-2", children: "On this page" }),
+    /* @__PURE__ */ jsx22("nav", { className: "space-y-1", children: filteredItems.map((item, index) => /* @__PURE__ */ jsx22(
       "a",
       {
         href: `#${item.id}`,
@@ -1673,13 +1748,13 @@ function TableOfContents({ items, config }) {
 // src/components/global/version-not-found.tsx
 import { AlertTriangle as AlertTriangle2 } from "lucide-react";
 import Link6 from "next/link";
-import { Fragment as Fragment5, jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
 function VersionNotFound() {
-  return /* @__PURE__ */ jsx22(Fragment5, { children: /* @__PURE__ */ jsx22("div", { className: "flex min-h-screen items-center justify-center px-4", children: /* @__PURE__ */ jsxs17("div", { className: "text-center", children: [
-    /* @__PURE__ */ jsx22("div", { className: "mb-4 flex justify-center", children: /* @__PURE__ */ jsx22(AlertTriangle2, { className: "h-16 w-16 text-yellow-500" }) }),
-    /* @__PURE__ */ jsx22("h1", { className: "mb-2 text-4xl font-bold", children: "Version Not Found" }),
-    /* @__PURE__ */ jsx22("p", { className: "mb-6 text-muted-foreground", children: "The documentation version you're looking for doesn't exist." }),
-    /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(Fragment6, { children: /* @__PURE__ */ jsx23("div", { className: "flex min-h-screen items-center justify-center px-4", children: /* @__PURE__ */ jsxs18("div", { className: "text-center", children: [
+    /* @__PURE__ */ jsx23("div", { className: "mb-4 flex justify-center", children: /* @__PURE__ */ jsx23(AlertTriangle2, { className: "h-16 w-16 text-yellow-500" }) }),
+    /* @__PURE__ */ jsx23("h1", { className: "mb-2 text-4xl font-bold", children: "Version Not Found" }),
+    /* @__PURE__ */ jsx23("p", { className: "mb-6 text-muted-foreground", children: "The documentation version you're looking for doesn't exist." }),
+    /* @__PURE__ */ jsx23(
       Link6,
       {
         href: "/docs/v1.0.0",
@@ -1737,6 +1812,7 @@ export {
   ImageCard,
   ImageCardGrid,
   Input,
+  LanguageSwitcher,
   Logo,
   Math2 as Math,
   MdxHotReload,
@@ -1793,6 +1869,7 @@ export {
   getConfig,
   getConfigValue,
   getDocBySlug,
+  getI18nConfig,
   getVersions,
   initConfig,
   isCategoryPage,