specra 0.1.0 → 0.1.1

package/dist/components/index.mjs

@@ -3229,8 +3229,40 @@ function SearchModal({ isOpen, onClose, config }) {
 
 // src/components/docs/header.tsx
 import { useState as useState18, useEffect as useEffect10 } from "react";
-import { jsx as jsx47, jsxs as jsxs35 } from "react/jsx-runtime";
-function Header({ currentVersion, versions, onMenuClick, config }) {
+
+// src/lib/config.context.tsx
+import * as React2 from "react";
+import { jsx as jsx47 } from "react/jsx-runtime";
+var ConfigContext = React2.createContext(defaultConfig);
+function ConfigProvider({ config, children }) {
+  return /* @__PURE__ */ jsx47(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 jsx48, jsxs as jsxs35 } from "react/jsx-runtime";
+function Header({ currentVersion, versions, onMenuClick, config: configProp }) {
+  const contextConfig = useConfig();
+  const config = configProp || contextConfig;
   const [searchOpen, setSearchOpen] = useState18(false);
   useEffect10(() => {
     const handleKeyDown = (e) => {
@@ -3245,18 +3277,18 @@ function Header({ currentVersion, versions, onMenuClick, config }) {
   return /* @__PURE__ */ jsxs35("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__ */ jsxs35("div", { className: "container flex h-16 items-center justify-between px-6 mx-auto", children: [
       /* @__PURE__ */ jsxs35("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx47(
+        /* @__PURE__ */ jsx48(
           "button",
           {
             onClick: onMenuClick,
             className: "lg:hidden hover:bg-muted p-2 rounded-md transition-colors",
             "aria-label": "Toggle menu",
-            children: /* @__PURE__ */ jsx47(Menu, { className: "h-5 w-5" })
+            children: /* @__PURE__ */ jsx48(Menu, { className: "h-5 w-5" })
           }
         ),
         /* @__PURE__ */ jsxs35(Link8, { href: "/", className: "flex items-center gap-2", children: [
-          config.site.logo ? /* @__PURE__ */ jsx47("img", { src: getAssetPath(config.site.logo), alt: config.site.title, className: "h-8 w-auto" }) : /* @__PURE__ */ jsx47("div", { className: "h-8 w-8 rounded-xl bg-primary flex items-center justify-center", children: /* @__PURE__ */ jsx47("span", { className: "text-primary-foreground font-bold text-lg", children: config.site.title.charAt(0).toUpperCase() }) }),
-          /* @__PURE__ */ jsx47("span", { className: "font-semibold text-lg text-foreground", children: "Specra" })
+          config.site.logo ? /* @__PURE__ */ jsx48("img", { src: getAssetPath(config.site.logo), alt: config.site.title, className: "h-8 w-auto" }) : /* @__PURE__ */ jsx48("div", { className: "h-8 w-8 rounded-xl bg-primary flex items-center justify-center", children: /* @__PURE__ */ jsx48("span", { className: "text-primary-foreground font-bold text-lg", children: config.site.title.charAt(0).toUpperCase() }) }),
+          /* @__PURE__ */ jsx48("span", { className: "font-semibold text-lg text-foreground", children: config.site.title ?? "Specra" })
         ] })
       ] }),
       /* @__PURE__ */ jsxs35("div", { className: "flex items-center gap-2", children: [
@@ -3266,14 +3298,14 @@ function Header({ currentVersion, versions, onMenuClick, config }) {
             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__ */ jsx47(Search2, { className: "h-4 w-4" }),
-              /* @__PURE__ */ jsx47("span", { className: "hidden sm:inline", children: config.search.placeholder || "Search" }),
-              /* @__PURE__ */ jsx47("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__ */ jsx48(Search2, { className: "h-4 w-4" }),
+              /* @__PURE__ */ jsx48("span", { className: "hidden sm:inline", children: config.search.placeholder || "Search" }),
+              /* @__PURE__ */ jsx48("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__ */ jsx47(VersionSwitcher, { currentVersion, versions }),
-        config.social?.github && /* @__PURE__ */ jsx47(
+        config.features?.versioning && /* @__PURE__ */ jsx48(VersionSwitcher, { currentVersion, versions }),
+        config.social?.github && /* @__PURE__ */ jsx48(
           "a",
           {
             href: config.social.github,
@@ -3281,10 +3313,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__ */ jsx47(Github, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ jsx48(Github, { className: "h-4 w-4" })
           }
         ),
-        config.social?.twitter && /* @__PURE__ */ jsx47(
+        config.social?.twitter && /* @__PURE__ */ jsx48(
           "a",
           {
             href: config.social.twitter,
@@ -3292,10 +3324,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__ */ jsx47(Twitter, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ jsx48(Twitter, { className: "h-4 w-4" })
           }
         ),
-        config.social?.discord && /* @__PURE__ */ jsx47(
+        config.social?.discord && /* @__PURE__ */ jsx48(
           "a",
           {
             href: config.social.discord,
@@ -3303,13 +3335,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__ */ jsx47(MessageCircle, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ jsx48(MessageCircle, { className: "h-4 w-4" })
           }
         ),
-        /* @__PURE__ */ jsx47(ThemeToggle, {})
+        /* @__PURE__ */ jsx48(ThemeToggle, {})
       ] })
     ] }),
-    /* @__PURE__ */ jsx47(SearchModal, { isOpen: searchOpen, onClose: () => setSearchOpen(false), config })
+    /* @__PURE__ */ jsx48(SearchModal, { isOpen: searchOpen, onClose: () => setSearchOpen(false), config })
   ] });
 }
 
@@ -3317,7 +3349,7 @@ function Header({ currentVersion, versions, onMenuClick, config }) {
 import { useEffect as useEffect11, useState as useState19 } from "react";
 import { usePathname as usePathname2 } from "next/navigation";
 import { RefreshCw } from "lucide-react";
-import { Fragment as Fragment8, jsx as jsx48, jsxs as jsxs36 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx49, jsxs as jsxs36 } from "react/jsx-runtime";
 function HotReloadIndicator() {
   const [isReloading, setIsReloading] = useState19(false);
   const [lastReload, setLastReload] = useState19(null);
@@ -3354,11 +3386,11 @@ function HotReloadIndicator() {
   if (process.env.NODE_ENV !== "development") return null;
   return /* @__PURE__ */ jsxs36(Fragment8, { children: [
     isReloading && /* @__PURE__ */ jsxs36("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__ */ jsx48(RefreshCw, { className: "h-4 w-4 animate-spin" }),
-      /* @__PURE__ */ jsx48("span", { className: "text-sm font-medium", children: "Reloading..." })
+      /* @__PURE__ */ jsx49(RefreshCw, { className: "h-4 w-4 animate-spin" }),
+      /* @__PURE__ */ jsx49("span", { className: "text-sm font-medium", children: "Reloading..." })
     ] }),
     lastReload && !isReloading && /* @__PURE__ */ jsxs36("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__ */ jsx48(RefreshCw, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx49(RefreshCw, { className: "h-4 w-4" }),
       /* @__PURE__ */ jsxs36("span", { className: "text-sm font-medium", children: [
         "Updated at ",
         lastReload.toLocaleTimeString()
@@ -3398,15 +3430,15 @@ function MdxHotReload() {
 // src/components/docs/not-found-content.tsx
 import Link9 from "next/link";
 import { AlertTriangle as AlertTriangle2, Home, ArrowLeft } from "lucide-react";
-import { jsx as jsx49, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs37 } from "react/jsx-runtime";
 function NotFoundContent({ version }) {
-  return /* @__PURE__ */ jsx49("div", { className: "flex min-h-[calc(100vh-12rem)] items-center justify-center px-4 py-12", children: /* @__PURE__ */ jsxs37("div", { className: "w-full max-w-2xl text-center", children: [
-    /* @__PURE__ */ jsx49("div", { className: "mb-6 flex justify-center", children: /* @__PURE__ */ jsx49("div", { className: "rounded-full bg-yellow-500/10 p-4", children: /* @__PURE__ */ jsx49(AlertTriangle2, { className: "h-16 w-16 text-yellow-500" }) }) }),
-    /* @__PURE__ */ jsx49("h1", { className: "mb-3 text-5xl font-bold tracking-tight", children: "404" }),
-    /* @__PURE__ */ jsx49("h2", { className: "mb-4 text-2xl font-semibold", children: "Page Not Found" }),
+  return /* @__PURE__ */ jsx50("div", { className: "flex min-h-[calc(100vh-12rem)] items-center justify-center px-4 py-12", children: /* @__PURE__ */ jsxs37("div", { className: "w-full max-w-2xl text-center", children: [
+    /* @__PURE__ */ jsx50("div", { className: "mb-6 flex justify-center", children: /* @__PURE__ */ jsx50("div", { className: "rounded-full bg-yellow-500/10 p-4", children: /* @__PURE__ */ jsx50(AlertTriangle2, { className: "h-16 w-16 text-yellow-500" }) }) }),
+    /* @__PURE__ */ jsx50("h1", { className: "mb-3 text-5xl font-bold tracking-tight", children: "404" }),
+    /* @__PURE__ */ jsx50("h2", { className: "mb-4 text-2xl font-semibold", children: "Page Not Found" }),
     /* @__PURE__ */ jsxs37("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__ */ jsx49("br", {}),
+      /* @__PURE__ */ jsx50("br", {}),
       "Try using the sidebar to find what you're looking for, or return to the documentation home."
     ] }),
     /* @__PURE__ */ jsxs37("div", { className: "flex flex-col items-center justify-center gap-3 sm:flex-row", children: [
@@ -3416,7 +3448,7 @@ function NotFoundContent({ version }) {
           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__ */ jsx49(ArrowLeft, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx50(ArrowLeft, { className: "h-4 w-4" }),
             "Back to Documentation"
           ]
         }
@@ -3427,25 +3459,25 @@ function NotFoundContent({ version }) {
           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__ */ jsx49(Home, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx50(Home, { className: "h-4 w-4" }),
             "Go to Homepage"
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ jsx49("div", { className: "mt-12 rounded-lg border border-border bg-muted/30 p-6", children: /* @__PURE__ */ jsxs37("p", { className: "text-sm text-muted-foreground", children: [
-      /* @__PURE__ */ jsx49("strong", { className: "font-medium text-foreground", children: "Tip:" }),
+    /* @__PURE__ */ jsx50("div", { className: "mt-12 rounded-lg border border-border bg-muted/30 p-6", children: /* @__PURE__ */ jsxs37("p", { className: "text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsx50("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
-import { jsx as jsx50, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs38 } from "react/jsx-runtime";
 function SidebarSkeleton() {
-  return /* @__PURE__ */ jsx50("aside", { className: "w-64 pr-8 py-6", children: /* @__PURE__ */ jsxs38("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ jsx50("div", { className: "px-2", children: /* @__PURE__ */ jsx50("div", { className: "h-5 w-32 bg-muted/50 rounded animate-pulse" }) }),
-    /* @__PURE__ */ jsx50("div", { className: "space-y-1", children: [...Array(8)].map((_, i) => /* @__PURE__ */ jsx50("div", { className: "px-3 py-2", children: /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51("aside", { className: "w-64 pr-8 py-6", children: /* @__PURE__ */ jsxs38("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsx51("div", { className: "px-2", children: /* @__PURE__ */ jsx51("div", { className: "h-5 w-32 bg-muted/50 rounded animate-pulse" }) }),
+    /* @__PURE__ */ jsx51("div", { className: "space-y-1", children: [...Array(8)].map((_, i) => /* @__PURE__ */ jsx51("div", { className: "px-3 py-2", children: /* @__PURE__ */ jsx51(
       "div",
       {
         className: "h-4 bg-muted/50 rounded animate-pulse",
@@ -3453,8 +3485,8 @@ function SidebarSkeleton() {
       }
     ) }, i)) }),
     /* @__PURE__ */ jsxs38("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ jsx50("div", { className: "px-2 mb-2", children: /* @__PURE__ */ jsx50("div", { className: "h-4 w-24 bg-muted/50 rounded animate-pulse" }) }),
-      [...Array(5)].map((_, i) => /* @__PURE__ */ jsx50("div", { className: "px-3 py-2", children: /* @__PURE__ */ jsx50(
+      /* @__PURE__ */ jsx51("div", { className: "px-2 mb-2", children: /* @__PURE__ */ jsx51("div", { className: "h-4 w-24 bg-muted/50 rounded animate-pulse" }) }),
+      [...Array(5)].map((_, i) => /* @__PURE__ */ jsx51("div", { className: "px-3 py-2", children: /* @__PURE__ */ jsx51(
         "div",
         {
           className: "h-4 bg-muted/50 rounded animate-pulse",
@@ -3467,7 +3499,7 @@ function SidebarSkeleton() {
 
 // src/components/docs/table-of-contents.tsx
 import { useEffect as useEffect13, useState as useState20 } from "react";
-import { jsx as jsx51, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs39 } from "react/jsx-runtime";
 function TableOfContents({ items, config }) {
   const [activeId, setActiveId] = useState20("");
   if (!config.navigation?.showTableOfContents) {
@@ -3512,9 +3544,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__ */ jsx51("aside", { className: `w-64 hidden xl:block shrink-0 sticky ${stickyTop} self-start`, children: filteredItems.length > 0 && /* @__PURE__ */ jsxs39("div", { className: `${maxHeight} overflow-y-auto bg-muted/30 dark:bg-muted/10 rounded-2xl p-4 border border-border/50`, children: [
-    /* @__PURE__ */ jsx51("h3", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider mb-4 px-2", children: "On this page" }),
-    /* @__PURE__ */ jsx51("nav", { className: "space-y-1", children: filteredItems.map((item) => /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52("aside", { className: `w-64 hidden xl:block shrink-0 sticky ${stickyTop} self-start`, children: filteredItems.length > 0 && /* @__PURE__ */ jsxs39("div", { className: `${maxHeight} overflow-y-auto bg-muted/30 dark:bg-muted/10 rounded-2xl p-4 border border-border/50`, children: [
+    /* @__PURE__ */ jsx52("h3", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider mb-4 px-2", children: "On this page" }),
+    /* @__PURE__ */ jsx52("nav", { className: "space-y-1", children: filteredItems.map((item) => /* @__PURE__ */ jsx52(
       "a",
       {
         href: `#${item.id}`,
@@ -3530,13 +3562,13 @@ function TableOfContents({ items, config }) {
 // src/components/global/version-not-found.tsx
 import { AlertTriangle as AlertTriangle3 } from "lucide-react";
 import Link10 from "next/link";
-import { Fragment as Fragment9, jsx as jsx52, jsxs as jsxs40 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx53, jsxs as jsxs40 } from "react/jsx-runtime";
 function VersionNotFound() {
-  return /* @__PURE__ */ jsx52(Fragment9, { children: /* @__PURE__ */ jsx52("div", { className: "flex min-h-screen items-center justify-center px-4", children: /* @__PURE__ */ jsxs40("div", { className: "text-center", children: [
-    /* @__PURE__ */ jsx52("div", { className: "mb-4 flex justify-center", children: /* @__PURE__ */ jsx52(AlertTriangle3, { className: "h-16 w-16 text-yellow-500" }) }),
-    /* @__PURE__ */ jsx52("h1", { className: "mb-2 text-4xl font-bold", children: "Version Not Found" }),
-    /* @__PURE__ */ jsx52("p", { className: "mb-6 text-muted-foreground", children: "The documentation version you're looking for doesn't exist." }),
-    /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx53(Fragment9, { children: /* @__PURE__ */ jsx53("div", { className: "flex min-h-screen items-center justify-center px-4", children: /* @__PURE__ */ jsxs40("div", { className: "text-center", children: [
+    /* @__PURE__ */ jsx53("div", { className: "mb-4 flex justify-center", children: /* @__PURE__ */ jsx53(AlertTriangle3, { className: "h-16 w-16 text-yellow-500" }) }),
+    /* @__PURE__ */ jsx53("h1", { className: "mb-2 text-4xl font-bold", children: "Version Not Found" }),
+    /* @__PURE__ */ jsx53("p", { className: "mb-6 text-muted-foreground", children: "The documentation version you're looking for doesn't exist." }),
+    /* @__PURE__ */ jsx53(
       Link10,
       {
         href: "/docs/v1.0.0",
@@ -3566,6 +3598,7 @@ export {
   CodeBlock,
   Column,
   Columns,
+  ConfigProvider,
   DevModeBadge,
   Dialog,
   DialogClose,
@@ -3622,6 +3655,8 @@ export {
   extractComponentPropsText,
   extractSearchText,
   mdxComponents,
+  useConfig,
+  useConfigValue,
   useTabContext
 };
 //# sourceMappingURL=index.mjs.map