specra 0.1.0 → 0.1.1

package/dist/index.d.mts

@@ -173,9 +173,9 @@ interface HeaderProps {
     currentVersion: string;
     versions: string[];
     onMenuClick?: () => void;
-    config: SpecraConfig;
+    config?: SpecraConfig;
 }
-declare function Header({ currentVersion, versions, onMenuClick, config }: HeaderProps): react_jsx_runtime.JSX.Element;
+declare function Header({ currentVersion, versions, onMenuClick, config: configProp }: HeaderProps): react_jsx_runtime.JSX.Element;
 
 declare function HotReloadIndicator(): react_jsx_runtime.JSX.Element | null;
 
@@ -508,6 +508,42 @@ interface VersionSwitcherProps {
 }
 declare function VersionSwitcher({ currentVersion, versions }: VersionSwitcherProps): react_jsx_runtime.JSX.Element;
 
+interface ConfigProviderProps {
+    config: SpecraConfig;
+    children: React$1.ReactNode;
+}
+/**
+ * Provider component that makes Specra config available to all client components
+ * Usage: Wrap your app with this provider in your root layout
+ */
+declare function ConfigProvider({ config, children }: ConfigProviderProps): react_jsx_runtime.JSX.Element;
+/**
+ * Hook to access Specra configuration in any client component
+ * @returns The current Specra configuration
+ * @example
+ * ```tsx
+ * function MyComponent() {
+ *   const config = useConfig()
+ *   return <div>{config.site.title}</div>
+ * }
+ * ```
+ */
+declare function useConfig(): SpecraConfig;
+/**
+ * Hook to access a specific configuration value by path
+ * @param path - Dot-separated path to the config value (e.g., "site.title")
+ * @returns The configuration value at the specified path
+ * @example
+ * ```tsx
+ * function MyComponent() {
+ *   const title = useConfigValue<string>("site.title")
+ *   const showSidebar = useConfigValue<boolean>("navigation.showSidebar")
+ *   return <div>{title}</div>
+ * }
+ * ```
+ */
+declare function useConfigValue<T = any>(path: string): T | undefined;
+
 declare const badgeVariants: (props?: ({
     variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -542,4 +578,4 @@ declare function Textarea({ className, ...props }: React$1.ComponentProps<"texta
 
 declare function VersionNotFound(): react_jsx_runtime.JSX.Element;
 
-export { Accordion, AccordionItem, ApiEndpoint, ApiParams, ApiPlayground, ApiReference, ApiResponse as ApiResponseDisplay, Badge, Breadcrumb, Button, COMPONENT_TEXT_PROPS, Callout, Card, CardGrid, CategoryIndex, CodeBlock, Column, Columns, DevModeBadge, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Doc, Badge$1 as DocBadge, DocLayout, DocLayoutWrapper, DocLoading, DocMeta, DocMetadata, DocNavigation, DocTags, DraftBadge, Footer, Frame, Header, HotReloadIndicator, Icon, Image, ImageCard, ImageCardGrid, Input, Math, MdxHotReload, Mermaid, MobileDocLayout, NotFoundContent, ParserType, SearchHighlight, SearchModal, Sidebar, SidebarSkeleton, SiteBanner, SpecraConfig, Step, Steps, Tab, TabGroup, TabGroups, TabProvider, TableOfContents, Tabs, Textarea, ThemeToggle, Tooltip, VersionNotFound, VersionSwitcher, Video, badgeVariants, buttonVariants, extractComponentPropsText, extractSearchText, mdxComponents, useTabContext };
+export { Accordion, AccordionItem, ApiEndpoint, ApiParams, ApiPlayground, ApiReference, ApiResponse as ApiResponseDisplay, Badge, Breadcrumb, Button, COMPONENT_TEXT_PROPS, Callout, Card, CardGrid, CategoryIndex, CodeBlock, Column, Columns, ConfigProvider, DevModeBadge, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Doc, Badge$1 as DocBadge, DocLayout, DocLayoutWrapper, DocLoading, DocMeta, DocMetadata, DocNavigation, DocTags, DraftBadge, Footer, Frame, Header, HotReloadIndicator, Icon, Image, ImageCard, ImageCardGrid, Input, Math, MdxHotReload, Mermaid, MobileDocLayout, NotFoundContent, ParserType, SearchHighlight, SearchModal, Sidebar, SidebarSkeleton, SiteBanner, SpecraConfig, Step, Steps, Tab, TabGroup, TabGroups, TabProvider, TableOfContents, Tabs, Textarea, ThemeToggle, Tooltip, VersionNotFound, VersionSwitcher, Video, badgeVariants, buttonVariants, extractComponentPropsText, extractSearchText, mdxComponents, useConfig, useConfigValue, useTabContext };

package/dist/index.d.ts

@@ -173,9 +173,9 @@ interface HeaderProps {
     currentVersion: string;
     versions: string[];
     onMenuClick?: () => void;
-    config: SpecraConfig;
+    config?: SpecraConfig;
 }
-declare function Header({ currentVersion, versions, onMenuClick, config }: HeaderProps): react_jsx_runtime.JSX.Element;
+declare function Header({ currentVersion, versions, onMenuClick, config: configProp }: HeaderProps): react_jsx_runtime.JSX.Element;
 
 declare function HotReloadIndicator(): react_jsx_runtime.JSX.Element | null;
 
@@ -508,6 +508,42 @@ interface VersionSwitcherProps {
 }
 declare function VersionSwitcher({ currentVersion, versions }: VersionSwitcherProps): react_jsx_runtime.JSX.Element;
 
+interface ConfigProviderProps {
+    config: SpecraConfig;
+    children: React$1.ReactNode;
+}
+/**
+ * Provider component that makes Specra config available to all client components
+ * Usage: Wrap your app with this provider in your root layout
+ */
+declare function ConfigProvider({ config, children }: ConfigProviderProps): react_jsx_runtime.JSX.Element;
+/**
+ * Hook to access Specra configuration in any client component
+ * @returns The current Specra configuration
+ * @example
+ * ```tsx
+ * function MyComponent() {
+ *   const config = useConfig()
+ *   return <div>{config.site.title}</div>
+ * }
+ * ```
+ */
+declare function useConfig(): SpecraConfig;
+/**
+ * Hook to access a specific configuration value by path
+ * @param path - Dot-separated path to the config value (e.g., "site.title")
+ * @returns The configuration value at the specified path
+ * @example
+ * ```tsx
+ * function MyComponent() {
+ *   const title = useConfigValue<string>("site.title")
+ *   const showSidebar = useConfigValue<boolean>("navigation.showSidebar")
+ *   return <div>{title}</div>
+ * }
+ * ```
+ */
+declare function useConfigValue<T = any>(path: string): T | undefined;
+
 declare const badgeVariants: (props?: ({
     variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -542,4 +578,4 @@ declare function Textarea({ className, ...props }: React$1.ComponentProps<"texta
 
 declare function VersionNotFound(): react_jsx_runtime.JSX.Element;
 
-export { Accordion, AccordionItem, ApiEndpoint, ApiParams, ApiPlayground, ApiReference, ApiResponse as ApiResponseDisplay, Badge, Breadcrumb, Button, COMPONENT_TEXT_PROPS, Callout, Card, CardGrid, CategoryIndex, CodeBlock, Column, Columns, DevModeBadge, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Doc, Badge$1 as DocBadge, DocLayout, DocLayoutWrapper, DocLoading, DocMeta, DocMetadata, DocNavigation, DocTags, DraftBadge, Footer, Frame, Header, HotReloadIndicator, Icon, Image, ImageCard, ImageCardGrid, Input, Math, MdxHotReload, Mermaid, MobileDocLayout, NotFoundContent, ParserType, SearchHighlight, SearchModal, Sidebar, SidebarSkeleton, SiteBanner, SpecraConfig, Step, Steps, Tab, TabGroup, TabGroups, TabProvider, TableOfContents, Tabs, Textarea, ThemeToggle, Tooltip, VersionNotFound, VersionSwitcher, Video, badgeVariants, buttonVariants, extractComponentPropsText, extractSearchText, mdxComponents, useTabContext };
+export { Accordion, AccordionItem, ApiEndpoint, ApiParams, ApiPlayground, ApiReference, ApiResponse as ApiResponseDisplay, Badge, Breadcrumb, Button, COMPONENT_TEXT_PROPS, Callout, Card, CardGrid, CategoryIndex, CodeBlock, Column, Columns, ConfigProvider, DevModeBadge, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Doc, Badge$1 as DocBadge, DocLayout, DocLayoutWrapper, DocLoading, DocMeta, DocMetadata, DocNavigation, DocTags, DraftBadge, Footer, Frame, Header, HotReloadIndicator, Icon, Image, ImageCard, ImageCardGrid, Input, Math, MdxHotReload, Mermaid, MobileDocLayout, NotFoundContent, ParserType, SearchHighlight, SearchModal, Sidebar, SidebarSkeleton, SiteBanner, SpecraConfig, Step, Steps, Tab, TabGroup, TabGroups, TabProvider, TableOfContents, Tabs, Textarea, ThemeToggle, Tooltip, VersionNotFound, VersionSwitcher, Video, badgeVariants, buttonVariants, extractComponentPropsText, extractSearchText, mdxComponents, useConfig, useConfigValue, useTabContext };

package/dist/index.js

@@ -49,6 +49,7 @@ __export(src_exports, {
   CodeBlock: () => CodeBlock,
   Column: () => Column,
   Columns: () => Columns,
+  ConfigProvider: () => ConfigProvider,
   DevModeBadge: () => DevModeBadge,
   Dialog: () => Dialog,
   DialogClose: () => DialogClose,
@@ -149,6 +150,8 @@ __export(src_exports, {
   replaceEnvVariables: () => replaceEnvVariables,
   sortSidebarGroups: () => sortSidebarGroups,
   sortSidebarItems: () => sortSidebarItems,
+  useConfig: () => useConfig,
+  useConfigValue: () => useConfigValue,
   useTabContext: () => useTabContext,
   validateConfig: () => validateConfig
 });
@@ -830,15 +833,12 @@ function validateConfig(config) {
 }
 var configInstance = null;
 function initConfig(userConfig) {
-  if (configInstance) {
-    throw new Error("Specra config has already been initialized");
-  }
   configInstance = loadConfig(userConfig);
   return configInstance;
 }
 function getConfig() {
   if (!configInstance) {
-    throw new Error("Specra config has not been initialized");
+    configInstance = loadConfig({});
   }
   return configInstance;
 }
@@ -4003,8 +4003,40 @@ function SearchModal({ isOpen, onClose, config }) {
 
 // src/components/docs/header.tsx
 var import_react21 = require("react");
+
+// src/lib/config.context.tsx
+var React2 = __toESM(require("react"));
 var import_jsx_runtime47 = require("react/jsx-runtime");
-function Header({ currentVersion, versions, onMenuClick, config }) {
+var ConfigContext = React2.createContext(defaultConfig);
+function ConfigProvider({ config, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(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(path3) {
+  const config = useConfig();
+  const keys = path3.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_runtime48 = require("react/jsx-runtime");
+function Header({ currentVersion, versions, onMenuClick, config: configProp }) {
+  const contextConfig = useConfig();
+  const config = configProp || contextConfig;
   const [searchOpen, setSearchOpen] = (0, import_react21.useState)(false);
   (0, import_react21.useEffect)(() => {
     const handleKeyDown = (e) => {
@@ -4016,38 +4048,38 @@ function Header({ currentVersion, versions, onMenuClick, config }) {
     window.addEventListener("keydown", handleKeyDown);
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime47.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_runtime47.jsxs)("div", { className: "container flex h-16 items-center justify-between px-6 mx-auto", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.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_runtime48.jsxs)("div", { className: "container flex h-16 items-center justify-between px-6 mx-auto", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime48.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_runtime47.jsx)(import_lucide_react23.Menu, { className: "h-5 w-5" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react23.Menu, { className: "h-5 w-5" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_link8.default, { href: "/", className: "flex items-center gap-2", children: [
-          config.site.logo ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("img", { src: getAssetPath(config.site.logo), alt: config.site.title, className: "h-8 w-auto" }) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "h-8 w-8 rounded-xl bg-primary flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-primary-foreground font-bold text-lg", children: config.site.title.charAt(0).toUpperCase() }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "font-semibold text-lg text-foreground", children: "Specra" })
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_link8.default, { href: "/", className: "flex items-center gap-2", children: [
+          config.site.logo ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("img", { src: getAssetPath(config.site.logo), alt: config.site.title, className: "h-8 w-auto" }) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "h-8 w-8 rounded-xl bg-primary flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "text-primary-foreground font-bold text-lg", children: config.site.title.charAt(0).toUpperCase() }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "font-semibold text-lg text-foreground", children: config.site.title ?? "Specra" })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center gap-2", children: [
-        config.search?.enabled && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center gap-2", children: [
+        config.search?.enabled && /* @__PURE__ */ (0, import_jsx_runtime48.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_runtime47.jsx)(import_lucide_react23.Search, { className: "h-4 w-4" }),
-              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "hidden sm:inline", children: config.search.placeholder || "Search" }),
-              /* @__PURE__ */ (0, import_jsx_runtime47.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_runtime48.jsx)(import_lucide_react23.Search, { className: "h-4 w-4" }),
+              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "hidden sm:inline", children: config.search.placeholder || "Search" }),
+              /* @__PURE__ */ (0, import_jsx_runtime48.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_runtime47.jsx)(VersionSwitcher, { currentVersion, versions }),
-        config.social?.github && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+        config.features?.versioning && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(VersionSwitcher, { currentVersion, versions }),
+        config.social?.github && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
           "a",
           {
             href: config.social.github,
@@ -4055,10 +4087,10 @@ function Header({ currentVersion, versions, onMenuClick, config }) {
             rel: "noopener noreferrer",
             className: "hidden md:flex items-center justify-center h-9 w-9 rounded-md hover:bg-muted transition-colors",
             "aria-label": "GitHub",
-            children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react23.Github, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react23.Github, { className: "h-4 w-4" })
           }
         ),
-        config.social?.twitter && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+        config.social?.twitter && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
           "a",
           {
             href: config.social.twitter,
@@ -4066,10 +4098,10 @@ function Header({ currentVersion, versions, onMenuClick, config }) {
             rel: "noopener noreferrer",
             className: "hidden md:flex items-center justify-center h-9 w-9 rounded-md hover:bg-muted transition-colors",
             "aria-label": "Twitter",
-            children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react23.Twitter, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react23.Twitter, { className: "h-4 w-4" })
           }
         ),
-        config.social?.discord && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+        config.social?.discord && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
           "a",
           {
             href: config.social.discord,
@@ -4077,13 +4109,13 @@ function Header({ currentVersion, versions, onMenuClick, config }) {
             rel: "noopener noreferrer",
             className: "hidden md:flex items-center justify-center h-9 w-9 rounded-md hover:bg-muted transition-colors",
             "aria-label": "Discord",
-            children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react23.MessageCircle, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react23.MessageCircle, { className: "h-4 w-4" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(ThemeToggle, {})
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(ThemeToggle, {})
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SearchModal, { isOpen: searchOpen, onClose: () => setSearchOpen(false), config })
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SearchModal, { isOpen: searchOpen, onClose: () => setSearchOpen(false), config })
   ] });
 }
 
@@ -4091,7 +4123,7 @@ function Header({ currentVersion, versions, onMenuClick, config }) {
 var import_react22 = require("react");
 var import_navigation5 = require("next/navigation");
 var import_lucide_react24 = require("lucide-react");
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 function HotReloadIndicator() {
   const [isReloading, setIsReloading] = (0, import_react22.useState)(false);
   const [lastReload, setLastReload] = (0, import_react22.useState)(null);
@@ -4126,14 +4158,14 @@ function HotReloadIndicator() {
     };
   }, []);
   if (process.env.NODE_ENV !== "development") return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_jsx_runtime48.Fragment, { children: [
-    isReloading && /* @__PURE__ */ (0, import_jsx_runtime48.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_runtime48.jsx)(import_lucide_react24.RefreshCw, { className: "h-4 w-4 animate-spin" }),
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "text-sm font-medium", children: "Reloading..." })
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, { children: [
+    isReloading && /* @__PURE__ */ (0, import_jsx_runtime49.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_runtime49.jsx)(import_lucide_react24.RefreshCw, { className: "h-4 w-4 animate-spin" }),
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "text-sm font-medium", children: "Reloading..." })
     ] }),
-    lastReload && !isReloading && /* @__PURE__ */ (0, import_jsx_runtime48.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_runtime48.jsx)(import_lucide_react24.RefreshCw, { className: "h-4 w-4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("span", { className: "text-sm font-medium", children: [
+    lastReload && !isReloading && /* @__PURE__ */ (0, import_jsx_runtime49.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_runtime49.jsx)(import_lucide_react24.RefreshCw, { className: "h-4 w-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("span", { className: "text-sm font-medium", children: [
         "Updated at ",
         lastReload.toLocaleTimeString()
       ] })
@@ -4172,63 +4204,63 @@ function MdxHotReload() {
 // src/components/docs/not-found-content.tsx
 var import_link9 = __toESM(require("next/link"));
 var import_lucide_react25 = require("lucide-react");
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 function NotFoundContent({ version }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "flex min-h-[calc(100vh-12rem)] items-center justify-center px-4 py-12", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "w-full max-w-2xl text-center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "mb-6 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "rounded-full bg-yellow-500/10 p-4", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react25.AlertTriangle, { className: "h-16 w-16 text-yellow-500" }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("h1", { className: "mb-3 text-5xl font-bold tracking-tight", children: "404" }),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("h2", { className: "mb-4 text-2xl font-semibold", children: "Page Not Found" }),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("p", { className: "mb-8 text-base text-muted-foreground", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "flex min-h-[calc(100vh-12rem)] items-center justify-center px-4 py-12", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "w-full max-w-2xl text-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "mb-6 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "rounded-full bg-yellow-500/10 p-4", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react25.AlertTriangle, { className: "h-16 w-16 text-yellow-500" }) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("h1", { className: "mb-3 text-5xl font-bold tracking-tight", children: "404" }),
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("h2", { className: "mb-4 text-2xl font-semibold", children: "Page Not Found" }),
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("p", { className: "mb-8 text-base text-muted-foreground", children: [
       "The documentation page you're looking for doesn't exist or may have been moved.",
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("br", {}),
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("br", {}),
       "Try using the sidebar to find what you're looking for, or return to the documentation home."
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex flex-col items-center justify-center gap-3 sm:flex-row", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex flex-col items-center justify-center gap-3 sm:flex-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
         import_link9.default,
         {
           href: `/docs/${version}`,
           className: "inline-flex items-center gap-2 rounded-lg bg-primary px-6 py-3 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react25.ArrowLeft, { className: "h-4 w-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react25.ArrowLeft, { className: "h-4 w-4" }),
             "Back to Documentation"
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
         import_link9.default,
         {
           href: "/",
           className: "inline-flex items-center gap-2 rounded-lg border border-border bg-background px-6 py-3 text-sm font-medium hover:bg-muted transition-colors",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react25.Home, { className: "h-4 w-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react25.Home, { className: "h-4 w-4" }),
             "Go to Homepage"
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "mt-12 rounded-lg border border-border bg-muted/30 p-6", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("p", { className: "text-sm text-muted-foreground", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("strong", { className: "font-medium text-foreground", children: "Tip:" }),
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "mt-12 rounded-lg border border-border bg-muted/30 p-6", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("p", { className: "text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("strong", { className: "font-medium text-foreground", children: "Tip:" }),
       " Use the sidebar navigation on the left to browse all available documentation pages."
     ] }) })
   ] }) });
 }
 
 // src/components/docs/sidebar-skeleton.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 function SidebarSkeleton() {
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("aside", { className: "w-64 pr-8 py-6", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "px-2", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "h-5 w-32 bg-muted/50 rounded animate-pulse" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "space-y-1", children: [...Array(8)].map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "px-3 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("aside", { className: "w-64 pr-8 py-6", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "px-2", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "h-5 w-32 bg-muted/50 rounded animate-pulse" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "space-y-1", children: [...Array(8)].map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "px-3 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
       "div",
       {
         className: "h-4 bg-muted/50 rounded animate-pulse",
         style: { width: `${60 + Math.random() * 40}%` }
       }
     ) }, i)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "px-2 mb-2", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "h-4 w-24 bg-muted/50 rounded animate-pulse" }) }),
-      [...Array(5)].map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "px-3 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "px-2 mb-2", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "h-4 w-24 bg-muted/50 rounded animate-pulse" }) }),
+      [...Array(5)].map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "px-3 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
         "div",
         {
           className: "h-4 bg-muted/50 rounded animate-pulse",
@@ -4241,7 +4273,7 @@ function SidebarSkeleton() {
 
 // src/components/docs/table-of-contents.tsx
 var import_react24 = require("react");
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 function TableOfContents({ items, config }) {
   const [activeId, setActiveId] = (0, import_react24.useState)("");
   if (!config.navigation?.showTableOfContents) {
@@ -4286,9 +4318,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_runtime51.jsx)("aside", { className: `w-64 hidden xl:block shrink-0 sticky ${stickyTop} self-start`, children: filteredItems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime51.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_runtime51.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_runtime51.jsx)("nav", { className: "space-y-1", children: filteredItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("aside", { className: `w-64 hidden xl:block shrink-0 sticky ${stickyTop} self-start`, children: filteredItems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime52.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_runtime52.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_runtime52.jsx)("nav", { className: "space-y-1", children: filteredItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
       "a",
       {
         href: `#${item.id}`,
@@ -4304,13 +4336,13 @@ function TableOfContents({ items, config }) {
 // src/components/global/version-not-found.tsx
 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_react26.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",
@@ -4323,7 +4355,7 @@ function VersionNotFound() {
 
 // src/app/layout.tsx
 var import_google = require("next/font/google");
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 var geist = (0, import_google.Geist)({ subsets: ["latin"] });
 var geistMono = (0, import_google.Geist_Mono)({ subsets: ["latin"] });
 function generateMetadata() {
@@ -4365,12 +4397,12 @@ function RootLayout({
 }) {
   const config = getConfig();
   const defaultTab = config.navigation?.tabGroups?.[0]?.id || "";
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("html", { lang: config.site.language || "en", suppressHydrationWarning: true, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("body", { className: `${geist.className} font-sans antialiased`, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(TabProvider, { defaultTab, children }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("html", { lang: config.site.language || "en", suppressHydrationWarning: true, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("body", { className: `${geist.className} font-sans antialiased`, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ConfigProvider, { config, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(TabProvider, { defaultTab, children }) }) }) });
 }
 
 // src/app/docs-page.tsx
 var import_react25 = require("react");
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 async function generateMetadata2({ params }) {
   const { version, slug: slugArray } = await params;
   const slug = slugArray.join("/");
@@ -4430,14 +4462,14 @@ async function DocPage({ params }) {
   if (!doc && isCategory) {
     const categoryDoc = allDocs.find((d) => d.slug.startsWith(slug + "/"));
     const categoryTabGroup = categoryDoc?.meta?.tab_group || categoryDoc?.categoryTabGroup;
-    return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_jsx_runtime54.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
         DocLayoutWrapper,
         {
-          header: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Header, { currentVersion: version, versions, config }),
+          header: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Header, { currentVersion: version, versions, config }),
           docs: allDocs,
           version,
-          content: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+          content: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
             CategoryIndex,
             {
               categoryPath: slug,
@@ -4448,47 +4480,47 @@ async function DocPage({ params }) {
               config
             }
           ),
-          toc: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", {}),
+          toc: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", {}),
           config,
           currentPageTabGroup: categoryTabGroup
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(MdxHotReload, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(HotReloadIndicator, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DevModeBadge, {})
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(MdxHotReload, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(HotReloadIndicator, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(DevModeBadge, {})
     ] });
   }
   if (!doc) {
-    return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_react25.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DocLoading, {}), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_jsx_runtime55.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_react25.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(DocLoading, {}), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
         DocLayoutWrapper,
         {
-          header: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Header, { currentVersion: version, versions, config }),
+          header: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Header, { currentVersion: version, versions, config }),
           docs: allDocs,
           version,
-          content: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(NotFoundContent, { version }),
-          toc: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", {}),
+          content: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(NotFoundContent, { version }),
+          toc: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", {}),
           config,
           currentPageTabGroup: void 0
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(MdxHotReload, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(HotReloadIndicator, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DevModeBadge, {})
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(MdxHotReload, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(HotReloadIndicator, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(DevModeBadge, {})
     ] }) });
   }
   const toc = extractTableOfContents(doc.content);
   const { previous, next } = getAdjacentDocs(slug, allDocs);
   const showCategoryIndex = isCategory && doc;
   const currentPageTabGroup = doc.meta?.tab_group || doc.categoryTabGroup;
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_react25.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DocLoading, {}), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_jsx_runtime55.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_react25.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(DocLoading, {}), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
       DocLayoutWrapper,
       {
-        header: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Header, { currentVersion: version, versions, config }),
+        header: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Header, { currentVersion: version, versions, config }),
         docs: allDocs,
         version,
-        content: showCategoryIndex ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+        content: showCategoryIndex ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
           CategoryIndex,
           {
             categoryPath: slug,
@@ -4499,7 +4531,7 @@ async function DocPage({ params }) {
             content: doc.content,
             config
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
           DocLayout,
           {
             meta: doc.meta,
@@ -4511,14 +4543,14 @@ async function DocPage({ params }) {
             config
           }
         ),
-        toc: showCategoryIndex ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", {}) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(TableOfContents, { items: toc, config }),
+        toc: showCategoryIndex ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", {}) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(TableOfContents, { items: toc, config }),
         config,
         currentPageTabGroup
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(MdxHotReload, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(HotReloadIndicator, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DevModeBadge, {})
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(MdxHotReload, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(HotReloadIndicator, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(DevModeBadge, {})
   ] }) });
 }
 // Annotate the CommonJS export names for ESM import in node:
@@ -4542,6 +4574,7 @@ async function DocPage({ params }) {
   CodeBlock,
   Column,
   Columns,
+  ConfigProvider,
   DevModeBadge,
   Dialog,
   DialogClose,
@@ -4642,6 +4675,8 @@ async function DocPage({ params }) {
   replaceEnvVariables,
   sortSidebarGroups,
   sortSidebarItems,
+  useConfig,
+  useConfigValue,
   useTabContext,
   validateConfig
 });