@usecross/docs 0.1.0

package/dist/index.js

@@ -0,0 +1,616 @@
+// src/components/CodeBlock.tsx
+import { useEffect, useState } from "react";
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/lib/shiki.ts
+import { createHighlighterCore } from "shiki/core";
+import { createJavaScriptRegexEngine } from "shiki/engine/javascript";
+var highlighterPromise = null;
+var defaultLangs = [
+  import("shiki/langs/python.mjs"),
+  import("shiki/langs/javascript.mjs"),
+  import("shiki/langs/typescript.mjs"),
+  import("shiki/langs/tsx.mjs"),
+  import("shiki/langs/jsx.mjs"),
+  import("shiki/langs/bash.mjs"),
+  import("shiki/langs/shellscript.mjs"),
+  import("shiki/langs/json.mjs"),
+  import("shiki/langs/html.mjs"),
+  import("shiki/langs/css.mjs"),
+  import("shiki/langs/yaml.mjs"),
+  import("shiki/langs/toml.mjs"),
+  import("shiki/langs/markdown.mjs")
+];
+var defaultTheme = import("shiki/themes/github-dark-dimmed.mjs");
+function getHighlighter() {
+  if (!highlighterPromise) {
+    highlighterPromise = createHighlighterCore({
+      themes: [defaultTheme],
+      langs: defaultLangs,
+      engine: createJavaScriptRegexEngine()
+    });
+  }
+  return highlighterPromise;
+}
+function configureHighlighter(options) {
+  if (highlighterPromise) {
+    console.warn("configureHighlighter called after highlighter was created");
+    return;
+  }
+  highlighterPromise = createHighlighterCore({
+    themes: [options.theme ?? defaultTheme],
+    langs: options.langs ?? defaultLangs,
+    engine: createJavaScriptRegexEngine()
+  });
+}
+
+// src/components/CodeBlock.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function CodeBlock({
+  code,
+  language = "python",
+  filename,
+  showLineNumbers = false,
+  theme = "github-dark-dimmed",
+  className
+}) {
+  const [html, setHtml] = useState("");
+  const [copied, setCopied] = useState(false);
+  useEffect(() => {
+    async function highlight() {
+      const highlighter = await getHighlighter();
+      const langs = highlighter.getLoadedLanguages();
+      const lang = langs.includes(language) ? language : "text";
+      const highlighted = highlighter.codeToHtml(code.trim(), {
+        lang,
+        theme
+      });
+      setHtml(highlighted);
+    }
+    highlight();
+  }, [code, language, theme]);
+  const copyToClipboard = async () => {
+    await navigator.clipboard.writeText(code.trim());
+    setCopied(true);
+    setTimeout(() => setCopied(false), 2e3);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cn("group relative overflow-hidden rounded-lg bg-[#24292f] not-prose", className), children: [
+    filename && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-b border-slate-700 bg-slate-900 px-4 py-2 text-sm text-slate-400", children: [
+      /* @__PURE__ */ jsx("svg", { className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: 2,
+          d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
+        }
+      ) }),
+      filename
+    ] }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: copyToClipboard,
+        className: "absolute right-2 top-2 z-10 rounded-md bg-slate-700/50 px-2 py-1 text-xs text-slate-400 opacity-0 transition-opacity hover:bg-slate-600 hover:text-white group-hover:opacity-100",
+        children: copied ? "Copied!" : "Copy"
+      }
+    ),
+    html ? /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "overflow-x-auto text-sm [&_pre]:!m-0 [&_pre]:!bg-transparent [&_code]:!p-4",
+          showLineNumbers && "[&_code]:grid [&_code]:grid-cols-[auto_1fr]"
+        ),
+        dangerouslySetInnerHTML: { __html: html }
+      }
+    ) : /* @__PURE__ */ jsx("pre", { className: "shiki overflow-x-auto !m-0 !bg-transparent", children: /* @__PURE__ */ jsx("code", { className: "block p-4 text-sm leading-relaxed text-gray-300", children: code.trim() }) })
+  ] });
+}
+function InlineCode({ children }) {
+  return /* @__PURE__ */ jsx("code", { className: "rounded bg-slate-100 px-1.5 py-0.5 text-sm font-medium text-slate-800", children });
+}
+
+// src/components/DocsLayout.tsx
+import { Head, Link as Link2, usePage } from "@inertiajs/react";
+import { useState as useState2 } from "react";
+
+// src/components/Sidebar.tsx
+import { Link } from "@inertiajs/react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function Sidebar({ nav, currentPath, className }) {
+  return /* @__PURE__ */ jsx2("nav", { className: cn("space-y-8", className), children: nav.map((section) => /* @__PURE__ */ jsxs2("div", { children: [
+    /* @__PURE__ */ jsx2("h3", { className: "mb-3 text-xs font-mono uppercase tracking-widest text-gray-500", children: section.title }),
+    /* @__PURE__ */ jsx2("ul", { className: "space-y-1 border-l-2 border-gray-200", children: section.items.map((item) => /* @__PURE__ */ jsx2("li", { children: /* @__PURE__ */ jsx2(
+      Link,
+      {
+        href: item.href,
+        className: cn(
+          "block border-l-2 py-1.5 pl-4 text-sm transition-colors -ml-0.5",
+          currentPath === item.href ? "border-primary-500 text-black font-bold" : "border-transparent text-gray-600 hover:border-black hover:text-black"
+        ),
+        children: item.title
+      }
+    ) }, item.href)) })
+  ] }, section.title)) });
+}
+
+// src/components/DocsLayout.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function MobileMenuButton({ onClick, isOpen }) {
+  return /* @__PURE__ */ jsxs3(
+    "button",
+    {
+      onClick,
+      className: "inline-flex items-center justify-center p-2 -ml-2 text-black hover:text-primary-500 lg:hidden",
+      "aria-expanded": isOpen,
+      children: [
+        /* @__PURE__ */ jsx3("span", { className: "sr-only", children: isOpen ? "Close menu" : "Open menu" }),
+        isOpen ? /* @__PURE__ */ jsx3("svg", { className: "h-6 w-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx3("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) : /* @__PURE__ */ jsx3("svg", { className: "h-6 w-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx3("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 12h16M4 18h16" }) })
+      ]
+    }
+  );
+}
+function GitHubIcon() {
+  return /* @__PURE__ */ jsx3("svg", { className: "w-6 h-6", fill: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ jsx3(
+    "path",
+    {
+      fillRule: "evenodd",
+      d: "M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z",
+      clipRule: "evenodd"
+    }
+  ) });
+}
+function DocsLayout({
+  children,
+  title,
+  description: _description,
+  logo,
+  logoInverted,
+  logoUrl: propLogoUrl,
+  logoInvertedUrl: propLogoInvertedUrl,
+  githubUrl: propGithubUrl,
+  navLinks: propNavLinks,
+  footer
+}) {
+  const sharedProps = usePage().props;
+  const { nav, currentPath } = sharedProps;
+  const [mobileMenuOpen, setMobileMenuOpen] = useState2(false);
+  const logoUrl = propLogoUrl ?? sharedProps.logoUrl;
+  const logoInvertedUrl = propLogoInvertedUrl ?? sharedProps.logoInvertedUrl;
+  const githubUrl = propGithubUrl ?? sharedProps.githubUrl;
+  const navLinks = propNavLinks ?? sharedProps.navLinks ?? [];
+  const headerLogo = logoInverted || logo || (logoInvertedUrl ? /* @__PURE__ */ jsx3("img", { src: logoInvertedUrl, alt: "Logo", className: "h-8" }) : logoUrl ? /* @__PURE__ */ jsx3("img", { src: logoUrl, alt: "Logo", className: "h-8" }) : null);
+  const footerLogoUrl = sharedProps.footerLogoUrl || logoUrl;
+  const footerLogo = logo || (footerLogoUrl ? /* @__PURE__ */ jsx3("img", { src: footerLogoUrl, alt: "Logo", className: "h-6" }) : null);
+  return /* @__PURE__ */ jsxs3("div", { className: "min-h-screen bg-white flex flex-col", children: [
+    /* @__PURE__ */ jsx3(Head, { title }),
+    /* @__PURE__ */ jsx3("nav", { className: "fixed w-full z-50 bg-white border-b border-gray-200", children: /* @__PURE__ */ jsx3("div", { className: "px-4 lg:px-10", children: /* @__PURE__ */ jsxs3("div", { className: "flex justify-between h-16 items-center", children: [
+      /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx3(MobileMenuButton, { onClick: () => setMobileMenuOpen(!mobileMenuOpen), isOpen: mobileMenuOpen }),
+        headerLogo ? /* @__PURE__ */ jsx3(Link2, { href: "/", className: "flex items-center", children: headerLogo }) : /* @__PURE__ */ jsx3(Link2, { href: "/", className: "font-bold text-lg", children: "Docs" })
+      ] }),
+      /* @__PURE__ */ jsxs3("div", { className: "flex items-center space-x-8", children: [
+        navLinks.map((link) => /* @__PURE__ */ jsx3(
+          Link2,
+          {
+            href: link.href,
+            className: "text-black font-medium hover:text-primary-500 transition-colors",
+            children: link.label
+          },
+          link.href
+        )),
+        githubUrl && /* @__PURE__ */ jsx3(
+          "a",
+          {
+            href: githubUrl,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "text-black hover:text-primary-500 transition-colors",
+            children: /* @__PURE__ */ jsx3(GitHubIcon, {})
+          }
+        )
+      ] })
+    ] }) }) }),
+    mobileMenuOpen && /* @__PURE__ */ jsxs3("div", { className: "fixed inset-0 z-40 lg:hidden", children: [
+      /* @__PURE__ */ jsx3("div", { className: "fixed inset-0 bg-black/50", onClick: () => setMobileMenuOpen(false) }),
+      /* @__PURE__ */ jsx3("div", { className: "fixed inset-y-0 left-0 w-72 overflow-y-auto bg-white px-4 lg:px-10 py-6 pt-20 border-r border-gray-200", children: /* @__PURE__ */ jsx3(Sidebar, { nav, currentPath }) })
+    ] }),
+    /* @__PURE__ */ jsx3("div", { className: "bg-white pt-16 w-full flex-1", children: /* @__PURE__ */ jsxs3("div", { className: "grid grid-cols-12", children: [
+      /* @__PURE__ */ jsx3("aside", { className: "hidden lg:block lg:col-span-3 xl:col-span-2 border-r border-gray-200 min-h-[calc(100vh-4rem)]", children: /* @__PURE__ */ jsx3("nav", { className: "sticky top-16 px-4 lg:px-10 py-6 max-h-[calc(100vh-4rem)] overflow-y-auto", children: /* @__PURE__ */ jsx3(Sidebar, { nav, currentPath }) }) }),
+      /* @__PURE__ */ jsx3("main", { className: "col-span-12 lg:col-span-9 xl:col-span-10 p-4 lg:px-10 lg:py-6", children: /* @__PURE__ */ jsx3("article", { className: "prose prose-lg max-w-3xl prose-headings:font-bold prose-headings:tracking-tight prose-h1:text-3xl prose-h1:mb-4 prose-h2:text-2xl prose-h2:mt-10 first:prose-h2:mt-0 prose-h3:text-xl prose-a:text-primary-600 prose-a:no-underline hover:prose-a:underline prose-code:bg-gray-100 prose-code:px-1.5 prose-code:py-0.5 prose-code:rounded prose-code:before:content-none prose-code:after:content-none", children }) })
+    ] }) }),
+    footer || /* @__PURE__ */ jsx3("footer", { className: "border-t border-gray-200 py-8", children: /* @__PURE__ */ jsxs3("div", { className: "px-4 lg:px-10 flex flex-col md:flex-row justify-between items-center gap-6", children: [
+      footerLogo && /* @__PURE__ */ jsx3(Link2, { href: "/", children: footerLogo }),
+      /* @__PURE__ */ jsxs3("div", { className: "flex gap-8 text-sm text-gray-600", children: [
+        navLinks.map((link) => /* @__PURE__ */ jsx3(Link2, { href: link.href, className: "hover:text-black transition-colors", children: link.label }, link.href)),
+        githubUrl && /* @__PURE__ */ jsx3(
+          "a",
+          {
+            href: githubUrl,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "hover:text-black transition-colors",
+            children: "GitHub"
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+}
+
+// src/components/Markdown.tsx
+import ReactMarkdown from "react-markdown";
+import remarkGfm from "remark-gfm";
+import rehypeRaw from "rehype-raw";
+import { Fragment, jsx as jsx4 } from "react/jsx-runtime";
+function Markdown({ content, components }) {
+  return /* @__PURE__ */ jsx4(
+    ReactMarkdown,
+    {
+      remarkPlugins: [remarkGfm],
+      rehypePlugins: [rehypeRaw],
+      components: {
+        // Override pre to avoid double wrapping with CodeBlock
+        pre({ children }) {
+          return /* @__PURE__ */ jsx4(Fragment, { children });
+        },
+        // Custom code block rendering with syntax highlighting
+        code({ node, className, children, ...props }) {
+          const match = /language-(\w+)/.exec(className || "");
+          const isInline = !match && !className;
+          if (isInline) {
+            return /* @__PURE__ */ jsx4(
+              "code",
+              {
+                className: "rounded bg-gray-100 px-1.5 py-0.5 text-sm font-medium text-gray-800 dark:bg-gray-800 dark:text-gray-200",
+                ...props,
+                children
+              }
+            );
+          }
+          const meta = node?.data?.meta || "";
+          const titleMatch = /title="([^"]+)"/.exec(meta);
+          const filename = titleMatch ? titleMatch[1] : void 0;
+          const showLineNumbers = meta.includes("showLineNumbers");
+          return /* @__PURE__ */ jsx4(
+            CodeBlock,
+            {
+              code: String(children).replace(/\n$/, ""),
+              language: match ? match[1] : "text",
+              filename,
+              showLineNumbers
+            }
+          );
+        },
+        // Custom link styling
+        a({ href, children }) {
+          const isExternal = href?.startsWith("http");
+          return /* @__PURE__ */ jsx4(
+            "a",
+            {
+              href,
+              className: "text-primary-600 hover:text-primary-700 dark:text-primary-400 dark:hover:text-primary-300",
+              ...isExternal ? { target: "_blank", rel: "noopener noreferrer" } : {},
+              children
+            }
+          );
+        },
+        // Tables
+        table({ children }) {
+          return /* @__PURE__ */ jsx4("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsx4("table", { className: "w-full text-left text-sm", children }) });
+        },
+        th({ children }) {
+          return /* @__PURE__ */ jsx4("th", { className: "border-b border-gray-200 bg-gray-50 px-4 py-2 font-semibold dark:border-gray-700 dark:bg-gray-800", children });
+        },
+        td({ children }) {
+          return /* @__PURE__ */ jsx4("td", { className: "border-b border-gray-200 px-4 py-2 dark:border-gray-700", children });
+        },
+        // Allow component overrides
+        ...components
+      },
+      children: content
+    }
+  );
+}
+
+// src/components/DocsPage.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
+function DocsPage({ content, ...layoutProps }) {
+  return /* @__PURE__ */ jsx5(DocsLayout, { title: content?.title ?? "", description: content?.description, ...layoutProps, children: /* @__PURE__ */ jsx5(Markdown, { content: content?.body ?? "" }) });
+}
+
+// src/components/HomePage.tsx
+import { Head as Head2, Link as Link3 } from "@inertiajs/react";
+import { createContext, useContext, useState as useState3 } from "react";
+import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+var HomePageContext = createContext(null);
+function useHomePage() {
+  const context = useContext(HomePageContext);
+  if (!context) {
+    throw new Error("HomePage sub-components must be used within <HomePage>");
+  }
+  return context;
+}
+function InstallCommand({ command }) {
+  const [copied, setCopied] = useState3(false);
+  const copyToClipboard = async () => {
+    await navigator.clipboard.writeText(command);
+    setCopied(true);
+    setTimeout(() => setCopied(false), 2e3);
+  };
+  return /* @__PURE__ */ jsxs4(
+    "button",
+    {
+      onClick: copyToClipboard,
+      className: "group relative flex items-center bg-black border border-black px-4 h-14 font-mono text-sm text-white hover:bg-white hover:text-black transition-colors cursor-pointer",
+      children: [
+        /* @__PURE__ */ jsx6("span", { className: "text-primary-500 mr-2", children: "$" }),
+        /* @__PURE__ */ jsx6("span", { children: command }),
+        /* @__PURE__ */ jsx6(
+          "svg",
+          {
+            className: `ml-4 w-4 h-4 transition ${copied ? "text-green-400" : "opacity-50 group-hover:opacity-100"}`,
+            fill: "none",
+            stroke: "currentColor",
+            viewBox: "0 0 24 24",
+            children: /* @__PURE__ */ jsx6(
+              "path",
+              {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                strokeWidth: 2,
+                d: "M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx6(
+          "span",
+          {
+            className: `absolute -top-8 left-1/2 -translate-x-1/2 bg-black text-white text-xs py-1 px-2 rounded transition-opacity duration-300 whitespace-nowrap ${copied ? "opacity-100" : "opacity-0"}`,
+            children: "Copied!"
+          }
+        )
+      ]
+    }
+  );
+}
+function GitHubIcon2() {
+  return /* @__PURE__ */ jsx6("svg", { className: "w-6 h-6", fill: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ jsx6(
+    "path",
+    {
+      fillRule: "evenodd",
+      d: "M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z",
+      clipRule: "evenodd"
+    }
+  ) });
+}
+function DefaultLogo() {
+  const { title, logoUrl } = useHomePage();
+  if (logoUrl) {
+    return /* @__PURE__ */ jsx6(Link3, { href: "/", className: "flex items-center", children: /* @__PURE__ */ jsx6("img", { src: logoUrl, alt: title, className: "h-8" }) });
+  }
+  return /* @__PURE__ */ jsx6(Link3, { href: "/", className: "font-bold text-lg", children: title });
+}
+function HomeHeader({ renderLogo } = {}) {
+  const { navLinks, githubUrl } = useHomePage();
+  return /* @__PURE__ */ jsx6("nav", { className: "fixed w-full z-50 bg-white border-b border-gray-200", children: /* @__PURE__ */ jsx6("div", { className: "px-4 lg:px-10", children: /* @__PURE__ */ jsxs4("div", { className: "flex justify-between h-16 items-center", children: [
+    renderLogo ? renderLogo() : /* @__PURE__ */ jsx6(DefaultLogo, {}),
+    /* @__PURE__ */ jsxs4("div", { className: "flex items-center space-x-8", children: [
+      navLinks.map((link) => /* @__PURE__ */ jsx6(
+        Link3,
+        {
+          href: link.href,
+          className: "text-black font-medium hover:text-primary-500 transition-colors",
+          children: link.label
+        },
+        link.href
+      )),
+      githubUrl && /* @__PURE__ */ jsx6(
+        "a",
+        {
+          href: githubUrl,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "text-black hover:text-primary-500 transition-colors",
+          children: /* @__PURE__ */ jsx6(GitHubIcon2, {})
+        }
+      )
+    ] })
+  ] }) }) });
+}
+function HomeHero() {
+  const { title, tagline, description, ctaText, ctaHref, installCommand, heroLogoUrl } = useHomePage();
+  return /* @__PURE__ */ jsx6("section", { className: "pt-16", children: /* @__PURE__ */ jsx6("div", { className: "px-4 lg:px-10 py-16 lg:py-24", children: /* @__PURE__ */ jsxs4("div", { className: "max-w-4xl", children: [
+    /* @__PURE__ */ jsx6("div", { className: "mb-4 text-sm font-mono uppercase tracking-widest text-gray-500", children: tagline }),
+    heroLogoUrl ? /* @__PURE__ */ jsx6("h1", { className: "mb-6 lg:mb-8", children: /* @__PURE__ */ jsx6(
+      "img",
+      {
+        src: heroLogoUrl,
+        alt: title,
+        className: "h-auto w-auto max-w-[580px]"
+      }
+    ) }) : /* @__PURE__ */ jsx6("h1", { className: "text-5xl lg:text-7xl font-bold tracking-tight mb-6", children: title }),
+    /* @__PURE__ */ jsx6("p", { className: "text-xl lg:text-2xl text-gray-700 max-w-2xl leading-relaxed mb-8", children: description }),
+    /* @__PURE__ */ jsxs4("div", { className: "flex flex-col sm:flex-row gap-3", children: [
+      /* @__PURE__ */ jsx6(
+        Link3,
+        {
+          href: ctaHref,
+          className: "inline-flex items-center justify-center px-8 h-14 bg-black text-white font-bold text-lg hover:bg-primary-500 transition-colors border border-black",
+          children: ctaText
+        }
+      ),
+      installCommand && /* @__PURE__ */ jsx6(InstallCommand, { command: installCommand })
+    ] })
+  ] }) }) });
+}
+function HomeFeatureItem({ feature, index, totalFeatures }) {
+  return /* @__PURE__ */ jsxs4(
+    "div",
+    {
+      className: `p-4 lg:p-10 border-b sm:border-b border-gray-200 ${index % 2 === 0 ? "sm:border-r" : ""} ${index >= totalFeatures - 2 ? "sm:border-b-0" : ""} ${index === totalFeatures - 1 && totalFeatures % 2 === 1 ? "border-b-0" : ""}`,
+      children: [
+        /* @__PURE__ */ jsx6("div", { className: "text-5xl font-bold text-primary-500 mb-4", children: String(index + 1).padStart(2, "0") }),
+        /* @__PURE__ */ jsx6("h3", { className: "text-xl font-bold mb-2", children: feature.title }),
+        /* @__PURE__ */ jsx6("p", { className: "text-gray-600", children: feature.description })
+      ]
+    }
+  );
+}
+function HomeFeatures({ renderFeature } = {}) {
+  const { title, features } = useHomePage();
+  if (features.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx6("section", { className: "border-t border-gray-200", children: /* @__PURE__ */ jsxs4("div", { className: "grid grid-cols-12", children: [
+    /* @__PURE__ */ jsxs4("div", { className: "col-span-12 lg:col-span-4 p-4 lg:p-10 border-b lg:border-b-0 lg:border-r border-gray-200", children: [
+      /* @__PURE__ */ jsx6("div", { className: "text-sm font-mono uppercase tracking-widest text-gray-500 mb-4", children: "Features" }),
+      /* @__PURE__ */ jsxs4("h2", { className: "text-4xl lg:text-5xl font-bold tracking-tight", children: [
+        "Why ",
+        title,
+        "?"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx6("div", { className: "col-span-12 lg:col-span-8 grid grid-cols-1 sm:grid-cols-2", children: features.map(
+      (feature, index) => renderFeature ? /* @__PURE__ */ jsx6("div", { children: renderFeature(feature, index, HomeFeatureItem) }, index) : /* @__PURE__ */ jsx6(
+        HomeFeatureItem,
+        {
+          feature,
+          index,
+          totalFeatures: features.length
+        },
+        index
+      )
+    ) })
+  ] }) });
+}
+function HomeCTA() {
+  const { ctaHref } = useHomePage();
+  return /* @__PURE__ */ jsx6("section", { className: "border-t border-gray-200", children: /* @__PURE__ */ jsxs4("div", { className: "grid grid-cols-12 items-center", children: [
+    /* @__PURE__ */ jsxs4("div", { className: "col-span-12 lg:col-span-8 p-4 lg:p-10", children: [
+      /* @__PURE__ */ jsx6("h2", { className: "text-4xl lg:text-6xl font-bold tracking-tight mb-4", children: "Ready to start?" }),
+      /* @__PURE__ */ jsx6("p", { className: "text-xl text-gray-600 mb-8 max-w-2xl", children: "Get up and running in minutes. Check out our documentation to learn more." }),
+      /* @__PURE__ */ jsx6(
+        Link3,
+        {
+          href: ctaHref,
+          className: "inline-flex items-center justify-center px-8 py-4 bg-primary-500 text-white font-bold text-lg hover:bg-black transition-colors border border-primary-500 hover:border-black",
+          children: "Read the Docs"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx6(
+      Link3,
+      {
+        href: ctaHref,
+        className: "col-span-12 lg:col-span-4 h-full bg-primary-500 hidden lg:flex items-center justify-center p-4 lg:p-10 hover:bg-black transition-colors min-h-[200px]",
+        children: /* @__PURE__ */ jsx6("div", { className: "text-white text-8xl font-bold", children: "\u2192" })
+      }
+    )
+  ] }) });
+}
+function HomeFooter() {
+  const { title, logoUrl, footerLogoUrl, navLinks, githubUrl } = useHomePage();
+  return /* @__PURE__ */ jsx6("footer", { className: "border-t border-gray-200 py-8", children: /* @__PURE__ */ jsxs4("div", { className: "px-4 lg:px-10 flex flex-col md:flex-row justify-between items-center gap-6", children: [
+    (footerLogoUrl || logoUrl) && /* @__PURE__ */ jsx6(Link3, { href: "/", children: /* @__PURE__ */ jsx6("img", { src: footerLogoUrl || logoUrl, alt: title, className: "h-6" }) }),
+    /* @__PURE__ */ jsxs4("div", { className: "flex gap-8 text-sm text-gray-600", children: [
+      navLinks.map((link) => /* @__PURE__ */ jsx6(Link3, { href: link.href, className: "hover:text-black transition-colors", children: link.label }, link.href)),
+      githubUrl && /* @__PURE__ */ jsx6(
+        "a",
+        {
+          href: githubUrl,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "hover:text-black transition-colors",
+          children: "GitHub"
+        }
+      )
+    ] })
+  ] }) });
+}
+function DefaultHomeLayout() {
+  return /* @__PURE__ */ jsxs4(Fragment2, { children: [
+    /* @__PURE__ */ jsx6(HomeHeader, {}),
+    /* @__PURE__ */ jsx6(HomeHero, {}),
+    /* @__PURE__ */ jsx6(HomeFeatures, {}),
+    /* @__PURE__ */ jsx6(HomeCTA, {}),
+    /* @__PURE__ */ jsx6(HomeFooter, {})
+  ] });
+}
+function HomePage({
+  children,
+  navLinks = [],
+  ...props
+}) {
+  const contextValue = {
+    ...props,
+    navLinks
+  };
+  return /* @__PURE__ */ jsx6(HomePageContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs4("div", { className: "min-h-screen bg-white", children: [
+    /* @__PURE__ */ jsx6(Head2, { title: props.title }),
+    children || /* @__PURE__ */ jsx6(DefaultHomeLayout, {})
+  ] }) });
+}
+HomePage.Header = HomeHeader;
+HomePage.Hero = HomeHero;
+HomePage.Features = HomeFeatures;
+HomePage.Feature = HomeFeatureItem;
+HomePage.CTA = HomeCTA;
+HomePage.Footer = HomeFooter;
+
+// src/app.tsx
+import { createInertiaApp } from "@inertiajs/react";
+import { createRoot, hydrateRoot } from "react-dom/client";
+import { jsx as jsx7 } from "react/jsx-runtime";
+function createDocsApp(config) {
+  const { pages, title } = config;
+  if (typeof window !== "undefined") {
+    window.history.scrollRestoration = "manual";
+    window.scrollTo(0, 0);
+  }
+  createInertiaApp({
+    title: title ?? ((pageTitle) => pageTitle ? `${pageTitle}` : "Documentation"),
+    resolve: (name) => {
+      const page = pages[name];
+      if (!page) {
+        throw new Error(`Page component "${name}" not found`);
+      }
+      return page;
+    },
+    setup({ el, App, props }) {
+      if (el.hasChildNodes()) {
+        hydrateRoot(el, /* @__PURE__ */ jsx7(App, { ...props }));
+      } else {
+        createRoot(el).render(/* @__PURE__ */ jsx7(App, { ...props }));
+      }
+    }
+  });
+}
+export {
+  CodeBlock,
+  DocsLayout,
+  DocsPage,
+  HomeCTA,
+  HomeFeatureItem,
+  HomeFeatures,
+  HomeFooter,
+  HomeHeader,
+  HomeHero,
+  HomePage,
+  InlineCode,
+  Markdown,
+  Sidebar,
+  cn,
+  configureHighlighter,
+  createDocsApp,
+  getHighlighter
+};
+//# sourceMappingURL=index.js.map