ardo 2.2.2 → 2.4.0

package/dist/{Features-DEndhnwl.d.ts → Features-BlVr5s_C.d.ts}

@@ -437,6 +437,8 @@ interface HeroAction {
     link: RoutePath | ExternalUrl;
     /** Visual theme: "brand" for primary, "alt" for secondary */
     theme?: "brand" | "alt";
+    /** Optional icon as ReactNode (e.g. Lucide icon component) */
+    icon?: ReactNode;
 }
 interface HeroImage {
     /** Image for light mode */
@@ -465,14 +467,16 @@ interface HeroProps {
  *
  * @example
  * ```tsx
+ * import { ArrowRight, Github } from "lucide-react"
+ *
  * <Hero
  *   name="Ardo"
  *   text="React-first Documentation"
  *   tagline="Build beautiful documentation sites with React."
  *   image="/logo.svg"
  *   actions={[
- *     { text: "Get Started", link: "/guide/getting-started", theme: "brand" },
- *     { text: "GitHub", link: "https://github.com/...", theme: "alt" }
+ *     { text: "Get Started", link: "/guide/getting-started", theme: "brand", icon: <ArrowRight size={16} /> },
+ *     { text: "GitHub", link: "https://github.com/...", theme: "alt", icon: <Github size={16} /> }
  *   ]}
  * />
  * ```

package/dist/{chunk-LSNTX2BA.js → chunk-2L4ZS6W2.js}

@@ -49,7 +49,7 @@ function Content({ children }) {
           lastUpdatedText
         ] })
       ] }),
-      (prev || next) && /* @__PURE__ */ jsxs("nav", { className: "ardo-prev-next", children: [
+      (prev || next) && /* @__PURE__ */ jsxs("nav", { className: "ardo-prev-next", "aria-label": "Page navigation", children: [
         prev ? /* @__PURE__ */ jsxs(Link, { to: prev.link, className: "ardo-prev-link", children: [
           /* @__PURE__ */ jsx("span", { className: "ardo-prev-next-label", children: "Previous" }),
           /* @__PURE__ */ jsx("span", { className: "ardo-prev-next-title", children: prev.text })
@@ -85,6 +85,7 @@ function Icon({ name, ...props }) {
 
 // src/ui/components/CopyButton.tsx
 import { useState } from "react";
+import { Copy, Check } from "lucide-react";
 import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function CopyButton({ code }) {
   const [copied, setCopied] = useState(false);
@@ -104,43 +105,12 @@ function CopyButton({ code }) {
       onClick: handleCopy,
       "aria-label": copied ? "Copied!" : "Copy code",
       children: [
-        copied ? /* @__PURE__ */ jsx3(CheckIcon, {}) : /* @__PURE__ */ jsx3(CopyIcon, {}),
+        copied ? /* @__PURE__ */ jsx3(Check, { size: 16 }) : /* @__PURE__ */ jsx3(Copy, { size: 16 }),
         /* @__PURE__ */ jsx3("span", { className: "ardo-copy-text", children: copied ? "Copied!" : "Copy" })
       ]
     }
   );
 }
-function CopyIcon() {
-  return /* @__PURE__ */ jsxs2(
-    "svg",
-    {
-      viewBox: "0 0 24 24",
-      width: "16",
-      height: "16",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      children: [
-        /* @__PURE__ */ jsx3("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }),
-        /* @__PURE__ */ jsx3("path", { d: "M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1" })
-      ]
-    }
-  );
-}
-function CheckIcon() {
-  return /* @__PURE__ */ jsx3(
-    "svg",
-    {
-      viewBox: "0 0 24 24",
-      width: "16",
-      height: "16",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      children: /* @__PURE__ */ jsx3("polyline", { points: "20,6 9,17 4,12" })
-    }
-  );
-}
 
 // src/ui/components/CodeBlock.tsx
 import { useState as useState2, Children, isValidElement } from "react";
@@ -310,4 +280,4 @@ export {
   TabPanel,
   TabPanels
 };
-//# sourceMappingURL=chunk-LSNTX2BA.js.map
+//# sourceMappingURL=chunk-2L4ZS6W2.js.map

package/dist/chunk-2L4ZS6W2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/Content.tsx","../src/ui/components/Icon.tsx","../src/ui/components/CopyButton.tsx","../src/ui/components/CodeBlock.tsx","../src/ui/components/Container.tsx","../src/ui/components/Tabs.tsx"],"sourcesContent":["import { type ReactNode } from \"react\"\nimport { usePageData, useThemeConfig, useSidebar } from \"../runtime/hooks\"\nimport { getPrevNextLinks } from \"../runtime/sidebar-utils\"\nimport { Link, useLocation } from \"react-router\"\n\ninterface ContentProps {\n  children: ReactNode\n}\n\nexport function Content({ children }: ContentProps) {\n  const pageData = usePageData()\n  const themeConfig = useThemeConfig()\n  const sidebar = useSidebar()\n  const location = useLocation()\n\n  const { prev, next } = getPrevNextLinks(sidebar, location.pathname)\n\n  const showEditLink = pageData?.frontmatter.editLink !== false && themeConfig.editLink?.pattern\n\n  const showLastUpdated =\n    pageData?.frontmatter.lastUpdated !== false &&\n    themeConfig.lastUpdated?.enabled &&\n    pageData?.lastUpdated\n\n  const editLink = showEditLink\n    ? themeConfig.editLink!.pattern.replace(\":path\", pageData?.relativePath || \"\")\n    : null\n\n  const lastUpdatedText = showLastUpdated\n    ? new Date(pageData!.lastUpdated!).toLocaleDateString(\n        undefined,\n        themeConfig.lastUpdated?.formatOptions ?? {\n          year: \"numeric\",\n          month: \"long\",\n          day: \"numeric\",\n        }\n      )\n    : null\n\n  return (\n    <article className=\"ardo-content-container\">\n      {pageData?.frontmatter.title && (\n        <header className=\"ardo-content-header\">\n          <h1 className=\"ardo-content-title\">{pageData.frontmatter.title}</h1>\n          {pageData.frontmatter.description && (\n            <p className=\"ardo-content-description\">{pageData.frontmatter.description}</p>\n          )}\n        </header>\n      )}\n\n      <div className=\"ardo-content-body ardo-content\">{children}</div>\n\n      <footer className=\"ardo-content-footer\">\n        {(showEditLink || showLastUpdated) && (\n          <div className=\"ardo-content-meta\">\n            {showEditLink && (\n              <a\n                href={editLink!}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className=\"ardo-edit-link\"\n              >\n                {themeConfig.editLink?.text ?? \"Edit this page\"}\n              </a>\n            )}\n            {showLastUpdated && (\n              <span className=\"ardo-last-updated\">\n                {themeConfig.lastUpdated?.text ?? \"Last updated\"}: {lastUpdatedText}\n              </span>\n            )}\n          </div>\n        )}\n\n        {(prev || next) && (\n          <nav className=\"ardo-prev-next\" aria-label=\"Page navigation\">\n            {prev ? (\n              <Link to={prev.link!} className=\"ardo-prev-link\">\n                <span className=\"ardo-prev-next-label\">Previous</span>\n                <span className=\"ardo-prev-next-title\">{prev.text}</span>\n              </Link>\n            ) : (\n              <div />\n            )}\n            {next ? (\n              <Link to={next.link!} className=\"ardo-next-link\">\n                <span className=\"ardo-prev-next-label\">Next</span>\n                <span className=\"ardo-prev-next-title\">{next.text}</span>\n              </Link>\n            ) : (\n              <div />\n            )}\n          </nav>\n        )}\n      </footer>\n    </article>\n  )\n}\n","import type { LucideProps, LucideIcon } from \"lucide-react\"\nimport type { ReactNode } from \"react\"\n\nexport interface IconProps extends Omit<LucideProps, \"ref\"> {\n  /** Name of the registered icon */\n  name: string\n}\n\n// Icon registry - users register only the icons they need\nconst iconRegistry = new Map<string, LucideIcon>()\n\n/**\n * Register icons for use with the Icon component.\n * Only registered icons are included in your bundle.\n *\n * @example\n * ```tsx\n * // In your app's entry point or layout:\n * import { registerIcons } from \"ardo/ui\"\n * import { Zap, Rocket, Code } from \"lucide-react\"\n *\n * registerIcons({ Zap, Rocket, Code })\n * ```\n */\nexport function registerIcons(icons: Record<string, LucideIcon>): void {\n  for (const [name, icon] of Object.entries(icons)) {\n    iconRegistry.set(name, icon)\n  }\n}\n\n/**\n * Get all registered icon names (useful for documentation).\n */\nexport function getRegisteredIconNames(): string[] {\n  return Array.from(iconRegistry.keys())\n}\n\n/**\n * Renders a registered Lucide icon by name.\n * Icons must be registered first using `registerIcons()`.\n *\n * @example\n * ```tsx\n * // First register icons in your app:\n * import { registerIcons } from \"ardo/ui\"\n * import { Zap, Rocket } from \"lucide-react\"\n * registerIcons({ Zap, Rocket })\n *\n * // Then use in MDX:\n * <Icon name=\"Zap\" size={24} />\n * <Icon name=\"Rocket\" className=\"text-brand\" />\n * ```\n *\n * @see https://lucide.dev/icons for available icon names\n */\nexport function Icon({ name, ...props }: IconProps): ReactNode {\n  const LucideIcon = iconRegistry.get(name)\n\n  if (!LucideIcon) {\n    console.warn(`[Ardo] Icon \"${name}\" not found. Did you register it with registerIcons()?`)\n    return null\n  }\n\n  return <LucideIcon {...props} />\n}\n","import { useState } from \"react\"\nimport { Copy, Check } from \"lucide-react\"\n\ninterface CopyButtonProps {\n  code: string\n}\n\nexport function CopyButton({ code }: CopyButtonProps) {\n  const [copied, setCopied] = useState(false)\n\n  const handleCopy = async () => {\n    try {\n      await navigator.clipboard.writeText(code)\n      setCopied(true)\n      setTimeout(() => setCopied(false), 2000)\n    } catch (err) {\n      console.error(\"Failed to copy:\", err)\n    }\n  }\n\n  return (\n    <button\n      className=\"ardo-copy-button\"\n      onClick={handleCopy}\n      aria-label={copied ? \"Copied!\" : \"Copy code\"}\n    >\n      {copied ? <Check size={16} /> : <Copy size={16} />}\n      <span className=\"ardo-copy-text\">{copied ? \"Copied!\" : \"Copy\"}</span>\n    </button>\n  )\n}\n","import { useState, Children, isValidElement } from \"react\"\nimport { CopyButton } from \"./CopyButton\"\n\nexport interface CodeBlockProps {\n  /** The code to display */\n  code: string\n  /** Programming language for syntax highlighting */\n  language?: string\n  /** Optional title shown above the code */\n  title?: string\n  /** Show line numbers */\n  lineNumbers?: boolean\n  /** Line numbers to highlight */\n  highlightLines?: number[]\n  /** Optional custom content to render instead of the code */\n  children?: React.ReactNode\n}\n\n/**\n * Syntax-highlighted code block with copy button.\n */\nexport function CodeBlock({\n  code,\n  language = \"text\",\n  title,\n  lineNumbers = false,\n  highlightLines = [],\n  children,\n}: CodeBlockProps) {\n  const lines = code.split(\"\\n\")\n\n  return (\n    <div className=\"ardo-code-block\" data-lang={language}>\n      {title && <div className=\"ardo-code-title\">{title}</div>}\n      <div className=\"ardo-code-wrapper\">\n        {children || (\n          <pre className={`language-${language}`}>\n            <code>\n              {lines.map((line, index) => {\n                const lineNum = index + 1\n                const isHighlighted = highlightLines.includes(lineNum)\n                const classes = [\"ardo-code-line\"]\n                if (isHighlighted) classes.push(\"highlighted\")\n\n                return (\n                  <span key={index} className={classes.join(\" \")}>\n                    {lineNumbers && <span className=\"ardo-line-number\">{lineNum}</span>}\n                    <span className=\"ardo-line-content\">{line}</span>\n                    {index < lines.length - 1 && \"\\n\"}\n                  </span>\n                )\n              })}\n            </code>\n          </pre>\n        )}\n        <CopyButton code={code} />\n      </div>\n    </div>\n  )\n}\n\nexport interface CodeGroupProps {\n  /** CodeBlock components to display as tabs */\n  children: React.ReactNode\n  /** Comma-separated tab labels (set by remarkContainersMdx from code block meta) */\n  labels?: string\n}\n\n/**\n * Tabbed group of code blocks.\n * Labels come from the `labels` prop (set at remark level) or fall back to\n * data-label / title / language props on children.\n */\nexport function CodeGroup({ children, labels: labelsStr }: CodeGroupProps) {\n  const [activeTab, setActiveTab] = useState(0)\n\n  // Filter to only valid React elements (skip whitespace text nodes)\n  const childArray = Children.toArray(children).filter(isValidElement)\n  const labelArray = labelsStr ? labelsStr.split(\",\") : []\n  const tabs = childArray.map((child, index) => {\n    if (labelArray[index]) return labelArray[index]\n    const props = child.props as Record<string, unknown>\n    return (\n      (props[\"data-label\"] as string) ||\n      (props.title as string) ||\n      (props.language as string) ||\n      `Tab ${index + 1}`\n    )\n  })\n\n  return (\n    <div className=\"ardo-code-group\">\n      <div className=\"ardo-code-group-tabs\">\n        {tabs.map((tab, index) => (\n          <button\n            key={index}\n            className={[\"ardo-code-group-tab\", index === activeTab && \"active\"]\n              .filter(Boolean)\n              .join(\" \")}\n            onClick={() => setActiveTab(index)}\n          >\n            {tab}\n          </button>\n        ))}\n      </div>\n      <div className=\"ardo-code-group-panels\">\n        {childArray.map((child, index) => (\n          <div\n            key={index}\n            className={[\"ardo-code-group-panel\", index === activeTab && \"active\"]\n              .filter(Boolean)\n              .join(\" \")}\n            style={{ display: index === activeTab ? \"block\" : \"none\" }}\n          >\n            {child}\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n","import { type ReactNode } from \"react\"\nimport { Lightbulb, AlertTriangle, XCircle, Info as InfoIcon, FileText } from \"lucide-react\"\n\nexport type ContainerType = \"tip\" | \"warning\" | \"danger\" | \"info\" | \"note\"\n\nexport interface ContainerProps {\n  /** Container type determining the style */\n  type: ContainerType\n  /** Optional custom title */\n  title?: string\n  /** Content to display inside the container */\n  children: ReactNode\n}\n\nconst defaultTitles: Record<ContainerType, string> = {\n  tip: \"TIP\",\n  warning: \"WARNING\",\n  danger: \"DANGER\",\n  info: \"INFO\",\n  note: \"NOTE\",\n}\n\nconst icons: Record<ContainerType, ReactNode> = {\n  tip: <Lightbulb size={18} strokeWidth={2.5} />,\n  warning: <AlertTriangle size={18} strokeWidth={2.5} />,\n  danger: <XCircle size={18} strokeWidth={2.5} />,\n  info: <InfoIcon size={18} strokeWidth={2.5} />,\n  note: <FileText size={18} strokeWidth={2.5} />,\n}\n\n/**\n * A styled container for callouts, tips, warnings, etc.\n */\nexport function Container({ type, title, children }: ContainerProps) {\n  const displayTitle = title || defaultTitles[type]\n\n  return (\n    <div className={`ardo-container ardo-container-${type}`}>\n      <p className=\"ardo-container-title\">\n        <span className=\"ardo-container-icon\">{icons[type]}</span>\n        {displayTitle}\n      </p>\n      <div className=\"ardo-container-content\">{children}</div>\n    </div>\n  )\n}\n\nexport interface TipProps {\n  /** Optional custom title */\n  title?: string\n  /** Content to display */\n  children: ReactNode\n}\n\n/**\n * A tip container for helpful information.\n */\nexport function Tip({ title, children }: TipProps) {\n  return (\n    <Container type=\"tip\" title={title}>\n      {children}\n    </Container>\n  )\n}\n\nexport interface WarningProps {\n  /** Optional custom title */\n  title?: string\n  /** Content to display */\n  children: ReactNode\n}\n\n/**\n * A warning container for cautionary information.\n */\nexport function Warning({ title, children }: WarningProps) {\n  return (\n    <Container type=\"warning\" title={title}>\n      {children}\n    </Container>\n  )\n}\n\nexport interface DangerProps {\n  /** Optional custom title */\n  title?: string\n  /** Content to display */\n  children: ReactNode\n}\n\n/**\n * A danger container for critical warnings.\n */\nexport function Danger({ title, children }: DangerProps) {\n  return (\n    <Container type=\"danger\" title={title}>\n      {children}\n    </Container>\n  )\n}\n\nexport interface InfoProps {\n  /** Optional custom title */\n  title?: string\n  /** Content to display */\n  children: ReactNode\n}\n\n/**\n * An info container for informational content.\n */\nexport function Info({ title, children }: InfoProps) {\n  return (\n    <Container type=\"info\" title={title}>\n      {children}\n    </Container>\n  )\n}\n\nexport interface NoteProps {\n  /** Optional custom title */\n  title?: string\n  /** Content to display */\n  children: ReactNode\n}\n\n/**\n * A note container for additional information.\n */\nexport function Note({ title, children }: NoteProps) {\n  return (\n    <Container type=\"note\" title={title}>\n      {children}\n    </Container>\n  )\n}\n","import { useState, createContext, useContext, type ReactNode } from \"react\"\n\ninterface TabsContextValue {\n  activeTab: string\n  setActiveTab: (tab: string) => void\n}\n\nconst TabsContext = createContext<TabsContextValue | null>(null)\n\nfunction useTabsContext() {\n  const context = useContext(TabsContext)\n  if (!context) {\n    throw new Error(\"Tab components must be used within a Tabs component\")\n  }\n  return context\n}\n\nexport interface TabsProps {\n  /** Default active tab value */\n  defaultValue?: string\n  /** Tab components (TabList and TabPanels) */\n  children: ReactNode\n}\n\n/**\n * Tabs container component for organizing content into tabbed panels.\n */\nexport function Tabs({ defaultValue, children }: TabsProps) {\n  const [activeTab, setActiveTab] = useState(defaultValue || \"\")\n\n  return (\n    <TabsContext.Provider value={{ activeTab, setActiveTab }}>\n      <div className=\"ardo-tabs\">{children}</div>\n    </TabsContext.Provider>\n  )\n}\n\nexport interface TabListProps {\n  /** Tab buttons */\n  children: ReactNode\n}\n\n/**\n * Container for Tab buttons.\n */\nexport function TabList({ children }: TabListProps) {\n  return (\n    <div className=\"ardo-tab-list\" role=\"tablist\">\n      {children}\n    </div>\n  )\n}\n\nexport interface TabProps {\n  /** Unique value identifying this tab */\n  value: string\n  /** Tab button label */\n  children: ReactNode\n}\n\n/**\n * Individual tab button.\n */\nexport function Tab({ value, children }: TabProps) {\n  const { activeTab, setActiveTab } = useTabsContext()\n  const isActive = activeTab === value\n\n  return (\n    <button\n      role=\"tab\"\n      aria-selected={isActive}\n      className={[\"ardo-tab\", isActive && \"active\"].filter(Boolean).join(\" \")}\n      onClick={() => setActiveTab(value)}\n    >\n      {children}\n    </button>\n  )\n}\n\nexport interface TabPanelProps {\n  /** Value matching the corresponding Tab */\n  value: string\n  /** Panel content */\n  children: ReactNode\n}\n\n/**\n * Content panel for a tab.\n */\nexport function TabPanel({ value, children }: TabPanelProps) {\n  const { activeTab } = useTabsContext()\n  const isActive = activeTab === value\n\n  if (!isActive) {\n    return null\n  }\n\n  return (\n    <div role=\"tabpanel\" className=\"ardo-tab-panel\">\n      {children}\n    </div>\n  )\n}\n\nexport interface TabPanelsProps {\n  /** TabPanel components */\n  children: ReactNode\n}\n\n/**\n * Container for TabPanel components.\n */\nexport function TabPanels({ children }: TabPanelsProps) {\n  return <div className=\"ardo-tab-panels\">{children}</div>\n}\n"],"mappings":"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","names":["jsx","icons","jsx","jsxs","useState","jsx","jsxs","useState","jsx","jsxs","useState","jsx"]}

package/dist/{chunk-6U5CYV74.js → chunk-C4W4YI7C.js}

@@ -1,6 +1,6 @@
 import {
   Content
-} from "./chunk-LSNTX2BA.js";
+} from "./chunk-2L4ZS6W2.js";
 import {
   useConfig,
   usePageData,
@@ -12,10 +12,11 @@ import {
 import { jsx, jsxs } from "react/jsx-runtime";
 function Layout({ header, sidebar, footer, children, className }) {
   return /* @__PURE__ */ jsxs("div", { className: className ?? "ardo-layout", children: [
+    /* @__PURE__ */ jsx("a", { href: "#main-content", className: "ardo-skip-link", children: "Skip to content" }),
     header,
     /* @__PURE__ */ jsxs("div", { className: "ardo-layout-container", children: [
       sidebar,
-      /* @__PURE__ */ jsx("main", { className: "ardo-main", children })
+      /* @__PURE__ */ jsx("main", { id: "main-content", className: "ardo-main", children })
     ] }),
     footer
   ] });
@@ -24,9 +25,11 @@ function Layout({ header, sidebar, footer, children, className }) {
 // src/ui/Header.tsx
 import { useState as useState3 } from "react";
 import { Link as Link2 } from "react-router";
+import { Github, Twitter, MessageCircle, Linkedin, Youtube, Package } from "lucide-react";
 
 // src/ui/components/ThemeToggle.tsx
 import { useState, useEffect } from "react";
+import { Sun, Moon, Monitor } from "lucide-react";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function ThemeToggle() {
   const [theme, setTheme] = useState("system");
@@ -48,7 +51,7 @@ function ThemeToggle() {
     applyTheme(nextTheme);
   };
   if (!mounted) {
-    return /* @__PURE__ */ jsx2("button", { className: "ardo-theme-toggle", "aria-label": "Toggle theme", children: /* @__PURE__ */ jsx2("span", { className: "ardo-theme-icon", children: /* @__PURE__ */ jsx2(SunIcon, {}) }) });
+    return /* @__PURE__ */ jsx2("button", { className: "ardo-theme-toggle", "aria-label": "Toggle theme", children: /* @__PURE__ */ jsx2("span", { className: "ardo-theme-icon", children: /* @__PURE__ */ jsx2(Sun, { size: 20 }) }) });
   }
   return /* @__PURE__ */ jsx2(
     "button",
@@ -57,9 +60,9 @@ function ThemeToggle() {
       onClick: toggleTheme,
       "aria-label": `Switch to ${theme === "light" ? "dark" : theme === "dark" ? "system" : "light"} theme`,
       children: /* @__PURE__ */ jsxs2("span", { className: "ardo-theme-icon", children: [
-        theme === "light" && /* @__PURE__ */ jsx2(SunIcon, {}),
-        theme === "dark" && /* @__PURE__ */ jsx2(MoonIcon, {}),
-        theme === "system" && /* @__PURE__ */ jsx2(SystemIcon, {})
+        theme === "light" && /* @__PURE__ */ jsx2(Sun, { size: 20 }),
+        theme === "dark" && /* @__PURE__ */ jsx2(Moon, { size: 20 }),
+        theme === "system" && /* @__PURE__ */ jsx2(Monitor, { size: 20 })
       ] })
     }
   );
@@ -75,68 +78,13 @@ function applyTheme(theme) {
     root.classList.toggle("light", theme === "light");
   }
 }
-function SunIcon() {
-  return /* @__PURE__ */ jsxs2(
-    "svg",
-    {
-      viewBox: "0 0 24 24",
-      width: "20",
-      height: "20",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      children: [
-        /* @__PURE__ */ jsx2("circle", { cx: "12", cy: "12", r: "5" }),
-        /* @__PURE__ */ jsx2("line", { x1: "12", y1: "1", x2: "12", y2: "3" }),
-        /* @__PURE__ */ jsx2("line", { x1: "12", y1: "21", x2: "12", y2: "23" }),
-        /* @__PURE__ */ jsx2("line", { x1: "4.22", y1: "4.22", x2: "5.64", y2: "5.64" }),
-        /* @__PURE__ */ jsx2("line", { x1: "18.36", y1: "18.36", x2: "19.78", y2: "19.78" }),
-        /* @__PURE__ */ jsx2("line", { x1: "1", y1: "12", x2: "3", y2: "12" }),
-        /* @__PURE__ */ jsx2("line", { x1: "21", y1: "12", x2: "23", y2: "12" }),
-        /* @__PURE__ */ jsx2("line", { x1: "4.22", y1: "19.78", x2: "5.64", y2: "18.36" }),
-        /* @__PURE__ */ jsx2("line", { x1: "18.36", y1: "5.64", x2: "19.78", y2: "4.22" })
-      ]
-    }
-  );
-}
-function MoonIcon() {
-  return /* @__PURE__ */ jsx2(
-    "svg",
-    {
-      viewBox: "0 0 24 24",
-      width: "20",
-      height: "20",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      children: /* @__PURE__ */ jsx2("path", { d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" })
-    }
-  );
-}
-function SystemIcon() {
-  return /* @__PURE__ */ jsxs2(
-    "svg",
-    {
-      viewBox: "0 0 24 24",
-      width: "20",
-      height: "20",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      children: [
-        /* @__PURE__ */ jsx2("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2", ry: "2" }),
-        /* @__PURE__ */ jsx2("line", { x1: "8", y1: "21", x2: "16", y2: "21" }),
-        /* @__PURE__ */ jsx2("line", { x1: "12", y1: "17", x2: "12", y2: "21" })
-      ]
-    }
-  );
-}
 
 // src/ui/components/Search.tsx
 import { useState as useState2, useEffect as useEffect2, useRef, useMemo } from "react";
 import { Link, useNavigate } from "react-router";
 import MiniSearch from "minisearch";
 import searchDocs from "virtual:ardo/search-index";
+import { Search as SearchIcon } from "lucide-react";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function Search() {
   const navigate = useNavigate();
@@ -236,7 +184,7 @@ function Search() {
       onClick: () => inputRef.current?.focus(),
       children: [
         /* @__PURE__ */ jsxs3("div", { className: "ardo-search-field", children: [
-          /* @__PURE__ */ jsx3(SearchIcon, {}),
+          /* @__PURE__ */ jsx3(SearchIcon, { size: 18 }),
           /* @__PURE__ */ jsx3(
             "input",
             {
@@ -314,23 +262,6 @@ function Search() {
     }
   );
 }
-function SearchIcon() {
-  return /* @__PURE__ */ jsxs3(
-    "svg",
-    {
-      viewBox: "0 0 24 24",
-      width: "18",
-      height: "18",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      children: [
-        /* @__PURE__ */ jsx3("circle", { cx: "11", cy: "11", r: "8" }),
-        /* @__PURE__ */ jsx3("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
-      ]
-    }
-  );
-}
 
 // src/ui/Header.tsx
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
@@ -396,17 +327,17 @@ function SocialLink({ href, icon, ariaLabel, className }) {
     }
   );
 }
+var socialIcons = {
+  github: Github,
+  twitter: Twitter,
+  discord: MessageCircle,
+  linkedin: Linkedin,
+  youtube: Youtube,
+  npm: Package
+};
 function SocialIcon({ icon }) {
-  const icons = {
-    github: "M12 2C6.477 2 2 6.477 2 12c0 4.42 2.865 8.166 6.839 9.489.5.092.682-.217.682-.482 0-.237-.008-.866-.013-1.7-2.782.604-3.369-1.34-3.369-1.34-.454-1.156-1.11-1.463-1.11-1.463-.908-.62.069-.608.069-.608 1.003.07 1.531 1.03 1.531 1.03.892 1.529 2.341 1.087 2.91.831.092-.646.35-1.086.636-1.336-2.22-.253-4.555-1.11-4.555-4.943 0-1.091.39-1.984 1.029-2.683-.103-.253-.446-1.27.098-2.647 0 0 .84-.269 2.75 1.025A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.294 2.747-1.025 2.747-1.025.546 1.377.203 2.394.1 2.647.64.699 1.028 1.592 1.028 2.683 0 3.842-2.339 4.687-4.566 4.935.359.309.678.919.678 1.852 0 1.336-.012 2.415-.012 2.743 0 .267.18.578.688.48C19.138 20.163 22 16.418 22 12c0-5.523-4.477-10-10-10z",
-    twitter: "M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z",
-    discord: "M20.317 4.37a19.791 19.791 0 00-4.885-1.515.074.074 0 00-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 00-5.487 0 12.64 12.64 0 00-.617-1.25.077.077 0 00-.079-.037A19.736 19.736 0 003.677 4.37a.07.07 0 00-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 00.031.057 19.9 19.9 0 005.993 3.03.078.078 0 00.084-.028 14.09 14.09 0 001.226-1.994.076.076 0 00-.041-.106 13.107 13.107 0 01-1.872-.892.077.077 0 01-.008-.128 10.2 10.2 0 00.372-.292.074.074 0 01.077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 01.078.01c.12.098.246.198.373.292a.077.077 0 01-.006.127 12.299 12.299 0 01-1.873.892.077.077 0 00-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 00.084.028 19.839 19.839 0 006.002-3.03.077.077 0 00.032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 00-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z",
-    linkedin: "M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z",
-    youtube: "M23.498 6.186a3.016 3.016 0 00-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 00.502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 002.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 002.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z",
-    npm: "M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z"
-  };
-  const path = icons[icon] || icons.github;
-  return /* @__PURE__ */ jsx4("svg", { viewBox: "0 0 24 24", width: "20", height: "20", fill: "currentColor", children: /* @__PURE__ */ jsx4("path", { d: path }) });
+  const IconComponent = socialIcons[icon] ?? Github;
+  return /* @__PURE__ */ jsx4(IconComponent, { size: 20 });
 }
 
 // src/ui/Sidebar.tsx
@@ -418,6 +349,7 @@ import {
   useContext
 } from "react";
 import { NavLink, useLocation } from "react-router";
+import { ChevronDown } from "lucide-react";
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var SidebarContext = createContext({ currentPath: "" });
 function useSidebarContext() {
@@ -425,7 +357,7 @@ function useSidebarContext() {
 }
 function Sidebar({ items, children, className }) {
   const { pathname } = useLocation();
-  return /* @__PURE__ */ jsx5(SidebarContext.Provider, { value: { currentPath: pathname }, children: /* @__PURE__ */ jsx5("aside", { className: className ?? "ardo-sidebar", children: /* @__PURE__ */ jsx5("nav", { className: "ardo-sidebar-nav", children: items ? /* @__PURE__ */ jsx5(SidebarItems, { items, depth: 0 }) : /* @__PURE__ */ jsx5("ul", { className: "ardo-sidebar-list ardo-sidebar-list-0", children }) }) }) });
+  return /* @__PURE__ */ jsx5(SidebarContext.Provider, { value: { currentPath: pathname }, children: /* @__PURE__ */ jsx5("aside", { className: className ?? "ardo-sidebar", children: /* @__PURE__ */ jsx5("nav", { className: "ardo-sidebar-nav", "aria-label": "Main navigation", children: items ? /* @__PURE__ */ jsx5(SidebarItems, { items, depth: 0 }) : /* @__PURE__ */ jsx5("ul", { className: "ardo-sidebar-list ardo-sidebar-list-0", children }) }) }) });
 }
 function SidebarGroup({
   title,
@@ -465,18 +397,7 @@ function SidebarGroup({
           className: ["ardo-sidebar-collapse", collapsed && "collapsed"].filter(Boolean).join(" "),
           onClick: () => setCollapsed(!collapsed),
           "aria-label": collapsed ? "Expand" : "Collapse",
-          children: /* @__PURE__ */ jsx5(
-            "svg",
-            {
-              viewBox: "0 0 24 24",
-              width: "16",
-              height: "16",
-              fill: "none",
-              stroke: "currentColor",
-              strokeWidth: "2",
-              children: /* @__PURE__ */ jsx5("path", { d: "M6 9l6 6 6-6" })
-            }
-          )
+          children: /* @__PURE__ */ jsx5(ChevronDown, { size: 16 })
         }
       )
     ] }),
@@ -522,18 +443,7 @@ function SidebarItemComponent({ item, depth }) {
           className: ["ardo-sidebar-collapse", collapsed && "collapsed"].filter(Boolean).join(" "),
           onClick: () => setCollapsed(!collapsed),
           "aria-label": collapsed ? "Expand" : "Collapse",
-          children: /* @__PURE__ */ jsx5(
-            "svg",
-            {
-              viewBox: "0 0 24 24",
-              width: "16",
-              height: "16",
-              fill: "none",
-              stroke: "currentColor",
-              strokeWidth: "2",
-              children: /* @__PURE__ */ jsx5("path", { d: "M6 9l6 6 6-6" })
-            }
-          )
+          children: /* @__PURE__ */ jsx5(ChevronDown, { size: 16 })
         }
       )
     ] }),
@@ -688,7 +598,7 @@ function TOC() {
   }
   return /* @__PURE__ */ jsx8("aside", { className: "ardo-toc", children: /* @__PURE__ */ jsxs8("div", { className: "ardo-toc-container", children: [
     /* @__PURE__ */ jsx8("h3", { className: "ardo-toc-title", children: label }),
-    /* @__PURE__ */ jsx8("nav", { className: "ardo-toc-nav", children: /* @__PURE__ */ jsx8(TOCItems, { items: toc, activeId }) })
+    /* @__PURE__ */ jsx8("nav", { className: "ardo-toc-nav", "aria-label": "Table of contents", children: /* @__PURE__ */ jsx8(TOCItems, { items: toc, activeId }) })
   ] }) });
 }
 function TOCItems({ items, activeId }) {
@@ -808,7 +718,7 @@ function HomePage() {
 
 // src/ui/components/Hero.tsx
 import { Link as Link4 } from "react-router";
-import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
 function Hero({ name, text, tagline, image, actions, className }) {
   const imageUrl = typeof image === "string" ? image : image?.light;
   const imageAlt = typeof image === "string" ? name : image?.alt ?? name;
@@ -822,6 +732,10 @@ function Hero({ name, text, tagline, image, actions, className }) {
         const link = action.link;
         const isExternal = typeof link === "string" && (link.startsWith("http://") || link.startsWith("https://"));
         const className2 = `ardo-hero-action ardo-hero-action-${action.theme || "brand"}`;
+        const content = /* @__PURE__ */ jsxs11(Fragment2, { children: [
+          action.icon,
+          action.text
+        ] });
         if (isExternal) {
           return /* @__PURE__ */ jsx11(
             "a",
@@ -830,12 +744,12 @@ function Hero({ name, text, tagline, image, actions, className }) {
               className: className2,
               target: "_blank",
               rel: "noopener noreferrer",
-              children: action.text
+              children: content
             },
             index
           );
         }
-        return /* @__PURE__ */ jsx11(Link4, { to: link, className: className2, children: action.text }, index);
+        return /* @__PURE__ */ jsx11(Link4, { to: link, className: className2, children: content }, index);
       }) })
     ] })
   ] }) });
@@ -895,4 +809,4 @@ export {
   FeatureCard,
   Features
 };
-//# sourceMappingURL=chunk-6U5CYV74.js.map
+//# sourceMappingURL=chunk-C4W4YI7C.js.map

package/dist/chunk-C4W4YI7C.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/Layout.tsx","../src/ui/Header.tsx","../src/ui/components/ThemeToggle.tsx","../src/ui/components/Search.tsx","../src/ui/Sidebar.tsx","../src/ui/Footer.tsx","../src/ui/Nav.tsx","../src/ui/TOC.tsx","../src/ui/DocPage.tsx","../src/ui/HomePage.tsx","../src/ui/components/Hero.tsx","../src/ui/components/Features.tsx"],"sourcesContent":["import { type ReactNode } from \"react\"\n\n// =============================================================================\n// Layout Component\n// =============================================================================\n\nexport interface LayoutProps {\n  /** Header content */\n  header?: ReactNode\n  /** Sidebar content */\n  sidebar?: ReactNode\n  /** Footer content */\n  footer?: ReactNode\n  /** Main content */\n  children: ReactNode\n  /** Additional CSS classes */\n  className?: string\n}\n\n/**\n * Layout component with explicit slot props.\n *\n * @example\n * ```tsx\n * <Layout\n *   header={<Header logo=\"/logo.svg\" title=\"Ardo\" nav={...} />}\n *   sidebar={<Sidebar>...</Sidebar>}\n *   footer={<Footer message=\"MIT License\" />}\n * >\n *   <Outlet />\n * </Layout>\n * ```\n */\nexport function Layout({ header, sidebar, footer, children, className }: LayoutProps) {\n  return (\n    <div className={className ?? \"ardo-layout\"}>\n      <a href=\"#main-content\" className=\"ardo-skip-link\">\n        Skip to content\n      </a>\n      {header}\n      <div className=\"ardo-layout-container\">\n        {sidebar}\n        <main id=\"main-content\" className=\"ardo-main\">\n          {children}\n        </main>\n      </div>\n      {footer}\n    </div>\n  )\n}\n","import { useState, type ReactNode } from \"react\"\nimport { Link } from \"react-router\"\nimport { Github, Twitter, MessageCircle, Linkedin, Youtube, Package } from \"lucide-react\"\nimport { ThemeToggle } from \"./components/ThemeToggle\"\nimport { Search } from \"./components/Search\"\n\n// =============================================================================\n// Header Component\n// =============================================================================\n\nexport interface HeaderProps {\n  /** Logo image URL or light/dark variants */\n  logo?: string | { light: string; dark: string }\n  /** Site title displayed next to logo */\n  title?: string\n  /** Navigation content (Nav component or custom) */\n  nav?: ReactNode\n  /** Actions/right side content (social links, custom buttons) */\n  actions?: ReactNode\n  /** Show search (default: true) */\n  search?: boolean\n  /** Show theme toggle (default: true) */\n  themeToggle?: boolean\n  /** Additional CSS classes */\n  className?: string\n}\n\n/**\n * Header component with explicit slot props.\n *\n * @example\n * ```tsx\n * <Header\n *   logo=\"/logo.svg\"\n *   title=\"Ardo\"\n *   nav={\n *     <Nav>\n *       <NavLink to=\"/guide\">Guide</NavLink>\n *       <NavLink to=\"/api\">API</NavLink>\n *     </Nav>\n *   }\n *   actions={\n *     <SocialLink href=\"https://github.com/...\" icon=\"github\" />\n *   }\n * />\n * ```\n */\nexport function Header({\n  logo,\n  title,\n  nav,\n  actions,\n  search = true,\n  themeToggle = true,\n  className,\n}: HeaderProps) {\n  const [mobileMenuOpen, setMobileMenuOpen] = useState(false)\n\n  return (\n    <header className={className ?? \"ardo-header\"}>\n      <div className=\"ardo-header-container\">\n        {/* Left: Mobile menu button + Logo/Title */}\n        <div className=\"ardo-header-left\">\n          <button\n            className=\"ardo-mobile-menu-button\"\n            onClick={() => setMobileMenuOpen(!mobileMenuOpen)}\n            aria-label=\"Toggle menu\"\n            aria-expanded={mobileMenuOpen}\n          >\n            <span className=\"ardo-hamburger\">\n              <span></span>\n              <span></span>\n              <span></span>\n            </span>\n          </button>\n\n          <Link to=\"/\" className=\"ardo-logo-link\">\n            {logo && (\n              <img\n                src={typeof logo === \"string\" ? logo : logo.light}\n                alt={title ?? \"Logo\"}\n                className=\"ardo-logo\"\n              />\n            )}\n            {title && <span className=\"ardo-site-title\">{title}</span>}\n          </Link>\n        </div>\n\n        {/* Center: Navigation */}\n        {nav && <div className=\"ardo-nav\">{nav}</div>}\n\n        {/* Right: Search, Theme Toggle, Actions */}\n        <div className=\"ardo-header-right\">\n          {search && <Search />}\n          {themeToggle && <ThemeToggle />}\n          {actions}\n        </div>\n      </div>\n\n      {/* Mobile menu */}\n      {mobileMenuOpen && (\n        <div className=\"ardo-mobile-menu\">\n          <nav className=\"ardo-mobile-nav\" onClick={() => setMobileMenuOpen(false)}>\n            {nav}\n          </nav>\n        </div>\n      )}\n    </header>\n  )\n}\n\n// =============================================================================\n// SocialLink Component\n// =============================================================================\n\nexport interface SocialLinkProps {\n  /** URL to link to */\n  href: string\n  /** Social icon type */\n  icon: \"github\" | \"twitter\" | \"discord\" | \"linkedin\" | \"youtube\" | \"npm\"\n  /** Accessible label */\n  ariaLabel?: string\n  /** Additional CSS classes */\n  className?: string\n}\n\n/**\n * Social media link with icon.\n *\n * @example\n * ```tsx\n * <SocialLink href=\"https://github.com/...\" icon=\"github\" />\n * ```\n */\nexport function SocialLink({ href, icon, ariaLabel, className }: SocialLinkProps) {\n  return (\n    <a\n      href={href}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      className={className ?? \"ardo-social-link\"}\n      aria-label={ariaLabel ?? icon}\n    >\n      <SocialIcon icon={icon} />\n    </a>\n  )\n}\n\n// =============================================================================\n// Social Icon Component (internal)\n// =============================================================================\n\nconst socialIcons = {\n  github: Github,\n  twitter: Twitter,\n  discord: MessageCircle,\n  linkedin: Linkedin,\n  youtube: Youtube,\n  npm: Package,\n} as const\n\nfunction SocialIcon({ icon }: { icon: string }) {\n  const IconComponent = socialIcons[icon as keyof typeof socialIcons] ?? Github\n  return <IconComponent size={20} />\n}\n","import { useState, useEffect } from \"react\"\nimport { Sun, Moon, Monitor } from \"lucide-react\"\n\ntype Theme = \"light\" | \"dark\" | \"system\"\n\nexport function ThemeToggle() {\n  const [theme, setTheme] = useState<Theme>(\"system\")\n  const [mounted, setMounted] = useState(false)\n\n  useEffect(() => {\n    setMounted(true)\n\n    const stored = localStorage.getItem(\"ardo-theme\") as Theme | null\n    if (stored) {\n      setTheme(stored)\n      applyTheme(stored)\n    } else {\n      applyTheme(\"system\")\n    }\n  }, [])\n\n  const toggleTheme = () => {\n    const nextTheme: Theme = theme === \"light\" ? \"dark\" : theme === \"dark\" ? \"system\" : \"light\"\n    setTheme(nextTheme)\n    localStorage.setItem(\"ardo-theme\", nextTheme)\n    applyTheme(nextTheme)\n  }\n\n  if (!mounted) {\n    return (\n      <button className=\"ardo-theme-toggle\" aria-label=\"Toggle theme\">\n        <span className=\"ardo-theme-icon\">\n          <Sun size={20} />\n        </span>\n      </button>\n    )\n  }\n\n  return (\n    <button\n      className=\"ardo-theme-toggle\"\n      onClick={toggleTheme}\n      aria-label={`Switch to ${theme === \"light\" ? \"dark\" : theme === \"dark\" ? \"system\" : \"light\"} theme`}\n    >\n      <span className=\"ardo-theme-icon\">\n        {theme === \"light\" && <Sun size={20} />}\n        {theme === \"dark\" && <Moon size={20} />}\n        {theme === \"system\" && <Monitor size={20} />}\n      </span>\n    </button>\n  )\n}\n\nfunction applyTheme(theme: Theme) {\n  const root = document.documentElement\n\n  if (theme === \"system\") {\n    const isDark = window.matchMedia(\"(prefers-color-scheme: dark)\").matches\n    root.classList.toggle(\"dark\", isDark)\n    root.classList.toggle(\"light\", !isDark)\n  } else {\n    root.classList.toggle(\"dark\", theme === \"dark\")\n    root.classList.toggle(\"light\", theme === \"light\")\n  }\n}\n","import { useState, useEffect, useRef, useMemo } from \"react\"\nimport { Link, useNavigate } from \"react-router\"\nimport { useThemeConfig } from \"../../runtime/hooks\"\nimport MiniSearch, { type SearchResult } from \"minisearch\"\nimport searchDocs from \"virtual:ardo/search-index\"\nimport { Search as SearchIcon } from \"lucide-react\"\n\ninterface SearchDoc {\n  id: string\n  title: string\n  content: string\n  path: string\n  section?: string\n}\n\nexport function Search() {\n  const navigate = useNavigate()\n  const [isOpen, setIsOpen] = useState(false)\n  const [query, setQuery] = useState(\"\")\n  const [results, setResults] = useState<SearchResult[]>([])\n  const [selectedIndex, setSelectedIndex] = useState(0)\n  const containerRef = useRef<HTMLDivElement>(null)\n  const inputRef = useRef<HTMLInputElement>(null)\n  const themeConfig = useThemeConfig()\n  const hasQuery = query.trim().length > 0\n\n  const placeholder = themeConfig.search?.placeholder ?? \"Search...\"\n\n  useEffect(() => {\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if ((e.metaKey || e.ctrlKey) && e.key === \"k\") {\n        e.preventDefault()\n        inputRef.current?.focus()\n        setIsOpen(true)\n      }\n\n      if (e.key === \"Escape\") {\n        setIsOpen(false)\n      }\n    }\n\n    document.addEventListener(\"keydown\", handleKeyDown)\n    return () => document.removeEventListener(\"keydown\", handleKeyDown)\n  }, [])\n\n  useEffect(() => {\n    if (isOpen && inputRef.current) {\n      inputRef.current.focus()\n    }\n  }, [isOpen])\n\n  useEffect(() => {\n    if (!isOpen) {\n      return\n    }\n\n    const handleOutsideClick = (e: MouseEvent | TouchEvent) => {\n      if (containerRef.current && !containerRef.current.contains(e.target as Node)) {\n        setIsOpen(false)\n      }\n    }\n\n    document.addEventListener(\"mousedown\", handleOutsideClick)\n    document.addEventListener(\"touchstart\", handleOutsideClick)\n    return () => {\n      document.removeEventListener(\"mousedown\", handleOutsideClick)\n      document.removeEventListener(\"touchstart\", handleOutsideClick)\n    }\n  }, [isOpen])\n\n  // Build search index from virtual module data\n  const searchIndex = useMemo(() => {\n    const index = new MiniSearch<SearchDoc>({\n      fields: [\"title\", \"content\", \"section\"],\n      storeFields: [\"title\", \"path\", \"section\"],\n      searchOptions: {\n        boost: { title: 2 },\n        fuzzy: 0.2,\n        prefix: true,\n      },\n    })\n    index.addAll(searchDocs as SearchDoc[])\n    return index\n  }, [])\n\n  const handleSearch = (searchQuery: string) => {\n    setQuery(searchQuery)\n\n    if (!searchQuery.trim()) {\n      setResults([])\n      setIsOpen(false)\n      setSelectedIndex(0)\n      return\n    }\n\n    const searchResults = searchIndex.search(searchQuery).slice(0, 10)\n    setResults(searchResults)\n    setSelectedIndex(0)\n    setIsOpen(true)\n  }\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === \"ArrowDown\" && results.length > 0) {\n      e.preventDefault()\n      setSelectedIndex((prev) => Math.min(prev + 1, results.length - 1))\n    } else if (e.key === \"ArrowUp\" && results.length > 0) {\n      e.preventDefault()\n      setSelectedIndex((prev) => Math.max(prev - 1, 0))\n    } else if (e.key === \"Enter\" && results[selectedIndex]) {\n      e.preventDefault()\n      const result = results[selectedIndex]\n      navigate(result.path as string)\n      setIsOpen(false)\n    } else if (e.key === \"Escape\") {\n      setIsOpen(false)\n      inputRef.current?.blur()\n    }\n  }\n\n  return (\n    <div\n      className=\"ardo-search\"\n      ref={containerRef}\n      data-expanded={isOpen || hasQuery ? \"true\" : \"false\"}\n      onClick={() => inputRef.current?.focus()}\n    >\n      <div className=\"ardo-search-field\">\n        <SearchIcon size={18} />\n        <input\n          ref={inputRef}\n          type=\"text\"\n          className=\"ardo-search-input\"\n          placeholder={placeholder}\n          value={query}\n          onChange={(e) => handleSearch(e.target.value)}\n          onKeyDown={handleKeyDown}\n          onFocus={() => {\n            if (hasQuery) {\n              setIsOpen(true)\n            }\n          }}\n          aria-expanded={isOpen}\n          aria-label=\"Search\"\n        />\n        {query && (\n          <button\n            type=\"button\"\n            className=\"ardo-search-clear\"\n            onClick={(e) => {\n              e.stopPropagation()\n              handleSearch(\"\")\n              inputRef.current?.focus()\n            }}\n            aria-label=\"Clear search\"\n          >\n            ×\n          </button>\n        )}\n        <span className=\"ardo-search-kbd\">\n          <kbd>⌘</kbd>\n          <kbd>K</kbd>\n        </span>\n      </div>\n\n      {isOpen && hasQuery && (\n        <div className=\"ardo-search-popover\">\n          {results.length > 0 && (\n            <ul className=\"ardo-search-results\">\n              {results.map((result, index) => (\n                <li key={result.id}>\n                  <Link\n                    to={result.path as string}\n                    className={[\"ardo-search-result\", index === selectedIndex && \"selected\"]\n                      .filter(Boolean)\n                      .join(\" \")}\n                    onClick={() => setIsOpen(false)}\n                  >\n                    <span className=\"ardo-search-result-title\">{result.title as string}</span>\n                    {result.section && (\n                      <span className=\"ardo-search-result-section\">{result.section as string}</span>\n                    )}\n                  </Link>\n                </li>\n              ))}\n            </ul>\n          )}\n\n          {query && results.length === 0 && (\n            <div className=\"ardo-search-no-results\">No results found for \"{query}\"</div>\n          )}\n\n          <div className=\"ardo-search-footer\">\n            <span>\n              <kbd>↑</kbd> <kbd>↓</kbd> to navigate\n            </span>\n            <span>\n              <kbd>↵</kbd> to select\n            </span>\n            <span>\n              <kbd>esc</kbd> to close\n            </span>\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n","import {\n  useState,\n  type ReactNode,\n  type ComponentProps,\n  Children,\n  isValidElement,\n  createContext,\n  useContext,\n} from \"react\"\nimport { NavLink, useLocation } from \"react-router\"\nimport { ChevronDown } from \"lucide-react\"\nimport type { SidebarItem as SidebarItemType } from \"../config/types\"\n\n/** Route path type - uses React Router's NavLink 'to' prop type for type-safe routes */\ntype RoutePath = ComponentProps<typeof NavLink>[\"to\"]\n\n// =============================================================================\n// Sidebar Context\n// =============================================================================\n\ninterface SidebarContextValue {\n  currentPath: string\n}\n\nconst SidebarContext = createContext<SidebarContextValue>({ currentPath: \"\" })\n\nfunction useSidebarContext() {\n  return useContext(SidebarContext)\n}\n\n// =============================================================================\n// Sidebar Component Types\n// =============================================================================\n\nexport interface SidebarProps {\n  /** Sidebar items (for data-driven approach) */\n  items?: SidebarItemType[]\n  /** Children for JSX composition (SidebarGroup, SidebarLink) */\n  children?: ReactNode\n  /** Additional CSS classes */\n  className?: string\n}\n\n// =============================================================================\n// Sidebar Main Component\n// =============================================================================\n\n/**\n * Sidebar component supporting both data-driven and JSX composition patterns.\n *\n * @example Data-driven (items prop)\n * ```tsx\n * <Sidebar items={[\n *   { text: 'Introduction', link: '/intro' },\n *   { text: 'Guide', items: [\n *     { text: 'Getting Started', link: '/guide/getting-started' }\n *   ]}\n * ]} />\n * ```\n *\n * @example JSX composition\n * ```tsx\n * <Sidebar>\n *   <SidebarLink to=\"/intro\">Introduction</SidebarLink>\n *   <SidebarGroup title=\"Guide\">\n *     <SidebarLink to=\"/guide/getting-started\">Getting Started</SidebarLink>\n *   </SidebarGroup>\n * </Sidebar>\n * ```\n */\nexport function Sidebar({ items, children, className }: SidebarProps) {\n  const { pathname } = useLocation()\n\n  return (\n    <SidebarContext.Provider value={{ currentPath: pathname }}>\n      <aside className={className ?? \"ardo-sidebar\"}>\n        <nav className=\"ardo-sidebar-nav\" aria-label=\"Main navigation\">\n          {items ? (\n            <SidebarItems items={items} depth={0} />\n          ) : (\n            <ul className=\"ardo-sidebar-list ardo-sidebar-list-0\">{children}</ul>\n          )}\n        </nav>\n      </aside>\n    </SidebarContext.Provider>\n  )\n}\n\n// =============================================================================\n// SidebarGroup Component\n// =============================================================================\n\nexport interface SidebarGroupProps {\n  /** Group title */\n  title: string\n  /** Optional link for the group title */\n  to?: string\n  /** Initial collapsed state (default: false) */\n  collapsed?: boolean\n  /** Whether group is collapsible (default: true if has children) */\n  collapsible?: boolean\n  /** Children (SidebarLink, nested SidebarGroup) */\n  children?: ReactNode\n  /** Additional CSS classes */\n  className?: string\n}\n\n/**\n * Group component for organizing sidebar links.\n *\n * @example\n * ```tsx\n * <SidebarGroup title=\"Guide\">\n *   <SidebarLink to=\"/guide/intro\">Introduction</SidebarLink>\n *   <SidebarLink to=\"/guide/setup\">Setup</SidebarLink>\n * </SidebarGroup>\n * ```\n *\n * @example With collapsible state\n * ```tsx\n * <SidebarGroup title=\"Advanced\" collapsed>\n *   <SidebarLink to=\"/advanced/config\">Configuration</SidebarLink>\n * </SidebarGroup>\n * ```\n */\nexport function SidebarGroup({\n  title,\n  to,\n  collapsed: initialCollapsed = false,\n  collapsible = true,\n  children,\n  className,\n}: SidebarGroupProps) {\n  const [collapsed, setCollapsed] = useState(initialCollapsed)\n  const { currentPath } = useSidebarContext()\n\n  // Check if any child is active\n  const isChildActive = checkChildrenActive(children, currentPath)\n\n  const textClassName = [\"ardo-sidebar-text\", isChildActive && \"child-active\"]\n    .filter(Boolean)\n    .join(\" \")\n\n  const linkClassName = [\"ardo-sidebar-link\", isChildActive && \"child-active\"]\n    .filter(Boolean)\n    .join(\" \")\n\n  const hasChildren = Children.count(children) > 0\n\n  return (\n    <li className={className ?? \"ardo-sidebar-item\"}>\n      <div className=\"ardo-sidebar-item-header\">\n        {to ? (\n          <NavLink\n            to={to}\n            className={({ isActive }) =>\n              [linkClassName, isActive && \"active\"].filter(Boolean).join(\" \")\n            }\n          >\n            {title}\n          </NavLink>\n        ) : (\n          <span\n            className={textClassName}\n            onClick={() => collapsible && hasChildren && setCollapsed(!collapsed)}\n            style={collapsible && hasChildren ? { cursor: \"pointer\" } : undefined}\n          >\n            {title}\n          </span>\n        )}\n\n        {collapsible && hasChildren && (\n          <button\n            className={[\"ardo-sidebar-collapse\", collapsed && \"collapsed\"]\n              .filter(Boolean)\n              .join(\" \")}\n            onClick={() => setCollapsed(!collapsed)}\n            aria-label={collapsed ? \"Expand\" : \"Collapse\"}\n          >\n            <ChevronDown size={16} />\n          </button>\n        )}\n      </div>\n\n      {hasChildren && !collapsed && (\n        <ul className=\"ardo-sidebar-list ardo-sidebar-list-1\">{children}</ul>\n      )}\n    </li>\n  )\n}\n\n// =============================================================================\n// SidebarLink Component\n// =============================================================================\n\nexport interface SidebarLinkProps {\n  /** Internal route path (type-safe with React Router's registered routes) */\n  to: RoutePath\n  /** Link text */\n  children: ReactNode\n  /** Additional CSS classes */\n  className?: string\n}\n\n/**\n * Sidebar navigation link.\n *\n * @example\n * ```tsx\n * <SidebarLink to=\"/guide/getting-started\">Getting Started</SidebarLink>\n * ```\n */\nexport function SidebarLink({ to, children, className }: SidebarLinkProps) {\n  const baseClassName = className ?? \"ardo-sidebar-link\"\n  return (\n    <li className=\"ardo-sidebar-item\">\n      <NavLink\n        to={to}\n        className={({ isActive }) =>\n          [baseClassName, isActive && \"active\"].filter(Boolean).join(\" \")\n        }\n      >\n        {children}\n      </NavLink>\n    </li>\n  )\n}\n\n// =============================================================================\n// Internal: Data-driven sidebar rendering\n// =============================================================================\n\ninterface SidebarItemsProps {\n  items: SidebarItemType[]\n  depth: number\n}\n\nfunction SidebarItems({ items, depth }: SidebarItemsProps) {\n  return (\n    <ul className={`ardo-sidebar-list ardo-sidebar-list-${depth}`}>\n      {items.map((item, index) => (\n        <SidebarItemComponent key={index} item={item} depth={depth} />\n      ))}\n    </ul>\n  )\n}\n\ninterface SidebarItemComponentProps {\n  item: SidebarItemType\n  depth: number\n}\n\nfunction SidebarItemComponent({ item, depth }: SidebarItemComponentProps) {\n  const { currentPath } = useSidebarContext()\n  const [collapsed, setCollapsed] = useState(item.collapsed ?? false)\n\n  const hasChildren = item.items && item.items.length > 0\n\n  const isChildActive =\n    hasChildren &&\n    item.items!.some(\n      (child) =>\n        child.link === currentPath ||\n        (child.items && child.items.some((grandchild) => grandchild.link === currentPath))\n    )\n\n  const linkClassName = [\"ardo-sidebar-link\", isChildActive && \"child-active\"]\n    .filter(Boolean)\n    .join(\" \")\n\n  const textClassName = [\"ardo-sidebar-text\", isChildActive && \"child-active\"]\n    .filter(Boolean)\n    .join(\" \")\n\n  return (\n    <li className=\"ardo-sidebar-item\">\n      <div className=\"ardo-sidebar-item-header\">\n        {item.link ? (\n          <NavLink\n            to={item.link}\n            className={({ isActive }) =>\n              [linkClassName, isActive && \"active\"].filter(Boolean).join(\" \")\n            }\n          >\n            {item.text}\n          </NavLink>\n        ) : (\n          <span className={textClassName} onClick={() => hasChildren && setCollapsed(!collapsed)}>\n            {item.text}\n          </span>\n        )}\n\n        {hasChildren && (\n          <button\n            className={[\"ardo-sidebar-collapse\", collapsed && \"collapsed\"]\n              .filter(Boolean)\n              .join(\" \")}\n            onClick={() => setCollapsed(!collapsed)}\n            aria-label={collapsed ? \"Expand\" : \"Collapse\"}\n          >\n            <ChevronDown size={16} />\n          </button>\n        )}\n      </div>\n\n      {hasChildren && !collapsed && <SidebarItems items={item.items!} depth={depth + 1} />}\n    </li>\n  )\n}\n\n// =============================================================================\n// Utility Functions\n// =============================================================================\n\nfunction checkChildrenActive(children: ReactNode, currentPath: string): boolean {\n  let isActive = false\n\n  Children.forEach(children, (child) => {\n    if (isActive) return\n\n    if (isValidElement(child)) {\n      // Check SidebarLink\n      if (child.type === SidebarLink && (child.props as SidebarLinkProps).to === currentPath) {\n        isActive = true\n        return\n      }\n\n      // Check nested SidebarGroup\n      if (child.type === SidebarGroup) {\n        const groupProps = child.props as SidebarGroupProps\n        if (groupProps.to === currentPath) {\n          isActive = true\n          return\n        }\n        if (groupProps.children && checkChildrenActive(groupProps.children, currentPath)) {\n          isActive = true\n          return\n        }\n      }\n    }\n  })\n\n  return isActive\n}\n","import { type ReactNode } from \"react\"\n\n// =============================================================================\n// Footer Component\n// =============================================================================\n\nexport interface FooterProps {\n  /** Footer message (supports HTML string) */\n  message?: string\n  /** Copyright text (supports HTML string) */\n  copyright?: string\n  /** Custom content (overrides message/copyright) */\n  children?: ReactNode\n  /** Additional CSS classes */\n  className?: string\n}\n\n/**\n * Footer component with message and copyright props.\n *\n * @example Simple usage\n * ```tsx\n * <Footer message=\"MIT License\" copyright=\"2026 Sebastian Software\" />\n * ```\n *\n * @example With HTML\n * ```tsx\n * <Footer\n *   message=\"Built with <a href='...'>Ardo</a>\"\n *   copyright=\"Copyright &copy; 2026\"\n * />\n * ```\n *\n * @example Custom content\n * ```tsx\n * <Footer>\n *   <CustomFooterContent />\n * </Footer>\n * ```\n */\nexport function Footer({ message, copyright, children, className }: FooterProps) {\n  const hasContent = message || copyright || children\n\n  if (!hasContent) {\n    return null\n  }\n\n  return (\n    <footer className={className ?? \"ardo-footer\"}>\n      <div className=\"ardo-footer-container\">\n        {children ?? (\n          <>\n            {message && (\n              <p className=\"ardo-footer-message\" dangerouslySetInnerHTML={{ __html: message }} />\n            )}\n            {copyright && (\n              <p\n                className=\"ardo-footer-copyright\"\n                dangerouslySetInnerHTML={{ __html: copyright }}\n              />\n            )}\n          </>\n        )}\n      </div>\n    </footer>\n  )\n}\n\n// Type exports for compound pattern (kept for backwards compatibility)\nexport interface FooterMessageProps {\n  children: ReactNode\n  className?: string\n}\n\nexport interface FooterCopyrightProps {\n  children: ReactNode\n  className?: string\n}\n","import { type ReactNode, type ComponentProps, useState, createContext, useContext } from \"react\"\nimport { NavLink as RouterNavLink } from \"react-router\"\n\n/** Route path type - uses React Router's NavLink 'to' prop type for type-safe routes */\ntype RoutePath = ComponentProps<typeof RouterNavLink>[\"to\"]\n\n// Nav context for shared state\ninterface NavContextValue {\n  mobileMenuOpen: boolean\n  setMobileMenuOpen: (open: boolean) => void\n}\n\nconst NavContext = createContext<NavContextValue | null>(null)\n\nfunction useNavContext() {\n  return useContext(NavContext)\n}\n\n// =============================================================================\n// Nav Component\n// =============================================================================\n\nexport interface NavProps {\n  children?: ReactNode\n  className?: string\n}\n\n/**\n * Navigation container component for composing navigation links.\n *\n * @example\n * ```tsx\n * <Nav>\n *   <NavLink to=\"/guide\">Guide</NavLink>\n *   <NavLink to=\"/api\">API</NavLink>\n *   <NavLink href=\"https://github.com/...\">GitHub</NavLink>\n * </Nav>\n * ```\n */\nexport function Nav({ children, className }: NavProps) {\n  return <nav className={className ?? \"ardo-nav\"}>{children}</nav>\n}\n\n// =============================================================================\n// NavLink Component\n// =============================================================================\n\nexport interface NavLinkProps {\n  /** Internal route path (type-safe with React Router's registered routes) */\n  to?: RoutePath\n  /** External URL (uses anchor tag) */\n  href?: string\n  /** Link text or children */\n  children: ReactNode\n  /** Additional CSS classes */\n  className?: string\n  /** Active state match pattern */\n  activeMatch?: string\n}\n\n/**\n * Navigation link component supporting both internal routes and external URLs.\n *\n * @example\n * ```tsx\n * // Internal link\n * <NavLink to=\"/guide\">Guide</NavLink>\n *\n * // External link\n * <NavLink href=\"https://github.com/...\">GitHub</NavLink>\n * ```\n */\nexport function NavLink({\n  to,\n  href,\n  children,\n  className,\n  activeMatch: _activeMatch,\n}: NavLinkProps) {\n  const navContext = useNavContext()\n  const baseClassName = className ?? \"ardo-nav-link\"\n\n  // Handle click for mobile menu\n  const handleClick = () => {\n    navContext?.setMobileMenuOpen(false)\n  }\n\n  // External link\n  if (href) {\n    return (\n      <a\n        href={href}\n        className={baseClassName}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        onClick={handleClick}\n      >\n        {children}\n      </a>\n    )\n  }\n\n  // Internal link\n  if (to) {\n    return (\n      <RouterNavLink\n        to={to}\n        className={({ isActive }: { isActive: boolean }) =>\n          [baseClassName, isActive && \"active\"].filter(Boolean).join(\" \")\n        }\n        onClick={handleClick}\n      >\n        {children}\n      </RouterNavLink>\n    )\n  }\n\n  // Text-only (no link)\n  return <span className={baseClassName}>{children}</span>\n}\n\n// =============================================================================\n// NavDropdown Component\n// =============================================================================\n\nexport interface NavDropdownProps {\n  /** Dropdown trigger text */\n  text: string\n  /** Dropdown items */\n  children: ReactNode\n  /** Additional CSS classes */\n  className?: string\n}\n\n/**\n * Dropdown navigation menu for grouping related links.\n *\n * @example\n * ```tsx\n * <NavDropdown text=\"Resources\">\n *   <NavLink to=\"/docs\">Documentation</NavLink>\n *   <NavLink to=\"/blog\">Blog</NavLink>\n * </NavDropdown>\n * ```\n */\nexport function NavDropdown({ text, children, className }: NavDropdownProps) {\n  const [open, setOpen] = useState(false)\n\n  return (\n    <div\n      className={className ?? \"ardo-nav-dropdown\"}\n      onMouseEnter={() => setOpen(true)}\n      onMouseLeave={() => setOpen(false)}\n    >\n      <button className=\"ardo-nav-dropdown-button\">\n        {text}\n        <span className=\"ardo-nav-dropdown-icon\">▼</span>\n      </button>\n      {open && <div className=\"ardo-nav-dropdown-menu\">{children}</div>}\n    </div>\n  )\n}\n\n// =============================================================================\n// NavProvider Component\n// =============================================================================\n\nexport interface NavProviderProps {\n  children: ReactNode\n}\n\n/**\n * Provider for Nav context (mobile menu state).\n * Used internally by Header component.\n */\nexport function NavProvider({ children }: NavProviderProps) {\n  const [mobileMenuOpen, setMobileMenuOpen] = useState(false)\n\n  return (\n    <NavContext.Provider value={{ mobileMenuOpen, setMobileMenuOpen }}>\n      {children}\n    </NavContext.Provider>\n  )\n}\n\n// Export context hook for external use\nexport { useNavContext }\n","import { useState, useEffect } from \"react\"\nimport { useTOC, useThemeConfig } from \"../runtime/hooks\"\nimport type { TOCItem } from \"../config/types\"\n\nexport function TOC() {\n  const toc = useTOC()\n  const themeConfig = useThemeConfig()\n  const [activeId, setActiveId] = useState<string>(\"\")\n\n  const label = themeConfig.outline?.label ?? \"On this page\"\n\n  useEffect(() => {\n    if (toc.length === 0) return\n\n    const headingElements = toc.map((item) => document.getElementById(item.id)).filter(Boolean)\n\n    if (headingElements.length === 0) return\n\n    const observer = new IntersectionObserver(\n      (entries) => {\n        for (const entry of entries) {\n          if (entry.isIntersecting) {\n            setActiveId(entry.target.id)\n            break\n          }\n        }\n      },\n      {\n        rootMargin: \"-80px 0px -80% 0px\",\n        threshold: 0,\n      }\n    )\n\n    headingElements.forEach((el) => el && observer.observe(el))\n\n    return () => {\n      headingElements.forEach((el) => el && observer.unobserve(el))\n    }\n  }, [toc])\n\n  if (toc.length === 0) {\n    return null\n  }\n\n  return (\n    <aside className=\"ardo-toc\">\n      <div className=\"ardo-toc-container\">\n        <h3 className=\"ardo-toc-title\">{label}</h3>\n        <nav className=\"ardo-toc-nav\" aria-label=\"Table of contents\">\n          <TOCItems items={toc} activeId={activeId} />\n        </nav>\n      </div>\n    </aside>\n  )\n}\n\ninterface TOCItemsProps {\n  items: TOCItem[]\n  activeId: string\n}\n\nfunction TOCItems({ items, activeId }: TOCItemsProps) {\n  return (\n    <ul className=\"ardo-toc-list\">\n      {items.map((item) => (\n        <TOCItemComponent key={item.id} item={item} activeId={activeId} />\n      ))}\n    </ul>\n  )\n}\n\ninterface TOCItemComponentProps {\n  item: TOCItem\n  activeId: string\n}\n\nfunction TOCItemComponent({ item, activeId }: TOCItemComponentProps) {\n  const isActive = item.id === activeId\n  const hasActiveChild = hasActiveDescendant(item, activeId)\n\n  return (\n    <li className=\"ardo-toc-item\">\n      <a\n        href={`#${item.id}`}\n        className={[\n          `ardo-toc-link ardo-toc-link-${item.level}`,\n          isActive && \"active\",\n          hasActiveChild && \"child-active\",\n        ]\n          .filter(Boolean)\n          .join(\" \")}\n        onClick={(e) => {\n          e.preventDefault()\n          const element = document.getElementById(item.id)\n          if (element) {\n            element.scrollIntoView({ behavior: \"smooth\" })\n            window.history.pushState(null, \"\", `#${item.id}`)\n          }\n        }}\n      >\n        {item.text}\n      </a>\n      {item.children && item.children.length > 0 && (\n        <TOCItems items={item.children} activeId={activeId} />\n      )}\n    </li>\n  )\n}\n\nfunction hasActiveDescendant(item: TOCItem, activeId: string): boolean {\n  if (!item.children) return false\n\n  for (const child of item.children) {\n    if (child.id === activeId) return true\n    if (hasActiveDescendant(child, activeId)) return true\n  }\n\n  return false\n}\n","import { type ReactNode } from \"react\"\nimport { usePageData } from \"../runtime/hooks\"\nimport { Layout } from \"./Layout\"\nimport { Content } from \"./Content\"\nimport { TOC } from \"./TOC\"\n\n// =============================================================================\n// DocPage Component (includes Layout - for backwards compatibility)\n// =============================================================================\n\ninterface DocPageProps {\n  children: ReactNode\n}\n\n/**\n * Full documentation page with Layout wrapper.\n * Use this when you don't have a _layout.tsx file.\n *\n * @example\n * ```tsx\n * <DocPage>\n *   <Content />\n * </DocPage>\n * ```\n */\nexport function DocPage({ children }: DocPageProps) {\n  const pageData = usePageData()\n  const showToc =\n    pageData?.frontmatter.outline !== false && pageData?.toc && pageData.toc.length > 0\n\n  return (\n    <Layout>\n      <div className=\"ardo-doc-page\">\n        <Content>{children}</Content>\n        {showToc && <TOC />}\n      </div>\n    </Layout>\n  )\n}\n\n// =============================================================================\n// DocContent Component (without Layout - for use with _layout.tsx)\n// =============================================================================\n\ninterface DocContentProps {\n  children: ReactNode\n}\n\n/**\n * Documentation content without Layout wrapper.\n * Use this when you have a _layout.tsx that provides the Layout.\n *\n * @example\n * ```tsx\n * // In _layout.tsx:\n * <Layout>\n *   <Header ... />\n *   <Sidebar ... />\n *   <Outlet />\n *   <Footer ... />\n * </Layout>\n *\n * // In page routes:\n * <DocContent>\n *   <MarkdownContent />\n * </DocContent>\n * ```\n */\nexport function DocContent({ children }: DocContentProps) {\n  const pageData = usePageData()\n  const showToc =\n    pageData?.frontmatter.outline !== false && pageData?.toc && pageData.toc.length > 0\n\n  return (\n    <div className=\"ardo-doc-page\">\n      <Content>{children}</Content>\n      {showToc && <TOC />}\n    </div>\n  )\n}\n\n// =============================================================================\n// DocLayout Component (legacy alias)\n// =============================================================================\n\ninterface DocLayoutProps {\n  content: ReactNode\n}\n\n/**\n * @deprecated Use DocPage or DocContent instead\n */\nexport function DocLayout({ content }: DocLayoutProps) {\n  return <DocPage>{content}</DocPage>\n}\n","import { Link } from \"react-router\"\nimport { usePageData, useConfig, useThemeConfig } from \"../runtime/hooks\"\nimport { Header, SocialLink } from \"./Header\"\nimport { Footer } from \"./Footer\"\nimport { Nav, NavLink } from \"./Nav\"\n\nexport function HomePage() {\n  const pageData = usePageData()\n  const config = useConfig()\n  const themeConfig = useThemeConfig()\n\n  const hero = pageData?.frontmatter.hero\n  const features = pageData?.frontmatter.features\n\n  return (\n    <div className=\"ardo-home\">\n      <Header\n        logo={themeConfig.logo}\n        title={themeConfig.siteTitle !== false ? config.title : undefined}\n        nav={\n          themeConfig.nav && themeConfig.nav.length > 0 ? (\n            <Nav>\n              {themeConfig.nav.map((item, index) => (\n                <NavLink key={index} to={item.link}>\n                  {item.text}\n                </NavLink>\n              ))}\n            </Nav>\n          ) : undefined\n        }\n        actions={themeConfig.socialLinks?.map((link, index) => (\n          <SocialLink key={index} href={link.link} icon={link.icon} ariaLabel={link.ariaLabel} />\n        ))}\n      />\n\n      <main className=\"ardo-home-main\">\n        {hero && (\n          <section className=\"ardo-hero\">\n            <div className=\"ardo-hero-container\">\n              {hero.image && (\n                <div className=\"ardo-hero-image\">\n                  <img\n                    src={typeof hero.image === \"string\" ? hero.image : hero.image.light}\n                    alt={hero.name || config.title}\n                  />\n                </div>\n              )}\n\n              <div className=\"ardo-hero-content\">\n                {hero.name && <h1 className=\"ardo-hero-name\">{hero.name}</h1>}\n                {hero.text && <p className=\"ardo-hero-text\">{hero.text}</p>}\n                {hero.tagline && <p className=\"ardo-hero-tagline\">{hero.tagline}</p>}\n\n                {hero.actions && hero.actions.length > 0 && (\n                  <div className=\"ardo-hero-actions\">\n                    {hero.actions.map((action, index) => (\n                      <Link\n                        key={index}\n                        to={action.link}\n                        className={`ardo-hero-action ardo-hero-action-${action.theme || \"brand\"}`}\n                      >\n                        {action.text}\n                      </Link>\n                    ))}\n                  </div>\n                )}\n              </div>\n            </div>\n          </section>\n        )}\n\n        {features && features.length > 0 && (\n          <section className=\"ardo-features\">\n            <div className=\"ardo-features-container\">\n              {features.map((feature, index) => (\n                <div key={index} className=\"ardo-feature\">\n                  {feature.icon && <div className=\"ardo-feature-icon\">{feature.icon}</div>}\n                  <h3 className=\"ardo-feature-title\">{feature.title}</h3>\n                  <p className=\"ardo-feature-details\">{feature.details}</p>\n                  {feature.link && (\n                    <Link to={feature.link} className=\"ardo-feature-link\">\n                      {feature.linkText || \"Learn more\"}\n                    </Link>\n                  )}\n                </div>\n              ))}\n            </div>\n          </section>\n        )}\n      </main>\n\n      <Footer />\n    </div>\n  )\n}\n","import { type ComponentProps, type ReactNode } from \"react\"\nimport { Link } from \"react-router\"\n\n/** Internal route path from React Router */\ntype RoutePath = ComponentProps<typeof Link>[\"to\"]\n\n/** External URL starting with http:// or https:// */\ntype ExternalUrl = `http://${string}` | `https://${string}`\n\nexport interface HeroAction {\n  /** Button text */\n  text: string\n  /** Link destination - internal route path or external URL */\n  link: RoutePath | ExternalUrl\n  /** Visual theme: \"brand\" for primary, \"alt\" for secondary */\n  theme?: \"brand\" | \"alt\"\n  /** Optional icon as ReactNode (e.g. Lucide icon component) */\n  icon?: ReactNode\n}\n\nexport interface HeroImage {\n  /** Image for light mode */\n  light: string\n  /** Image for dark mode */\n  dark?: string\n  /** Alt text for the image */\n  alt?: string\n}\n\nexport interface HeroProps {\n  /** Large title displayed prominently */\n  name?: string\n  /** Secondary text below the name */\n  text?: string\n  /** Descriptive tagline */\n  tagline?: string\n  /** Hero image - can be a string URL or an object with light/dark variants */\n  image?: string | HeroImage\n  /** Call-to-action buttons */\n  actions?: HeroAction[]\n  /** Additional CSS class */\n  className?: string\n}\n\n/**\n * Hero section component for landing pages.\n *\n * @example\n * ```tsx\n * import { ArrowRight, Github } from \"lucide-react\"\n *\n * <Hero\n *   name=\"Ardo\"\n *   text=\"React-first Documentation\"\n *   tagline=\"Build beautiful documentation sites with React.\"\n *   image=\"/logo.svg\"\n *   actions={[\n *     { text: \"Get Started\", link: \"/guide/getting-started\", theme: \"brand\", icon: <ArrowRight size={16} /> },\n *     { text: \"GitHub\", link: \"https://github.com/...\", theme: \"alt\", icon: <Github size={16} /> }\n *   ]}\n * />\n * ```\n */\nexport function Hero({ name, text, tagline, image, actions, className }: HeroProps) {\n  const imageUrl = typeof image === \"string\" ? image : image?.light\n  const imageAlt = typeof image === \"string\" ? name : (image?.alt ?? name)\n\n  return (\n    <section className={className ?? \"ardo-hero\"}>\n      <div className=\"ardo-hero-container ardo-hero-animate\">\n        {image && (\n          <div className=\"ardo-hero-image\">\n            <img src={imageUrl} alt={imageAlt} />\n          </div>\n        )}\n\n        <div className=\"ardo-hero-content\">\n          {name && <h1 className=\"ardo-hero-name\">{name}</h1>}\n          {text && <p className=\"ardo-hero-text\">{text}</p>}\n          {tagline && <p className=\"ardo-hero-tagline\">{tagline}</p>}\n\n          {actions && actions.length > 0 && (\n            <div className=\"ardo-hero-actions\">\n              {actions.map((action, index) => {\n                const link = action.link\n                const isExternal =\n                  typeof link === \"string\" &&\n                  (link.startsWith(\"http://\") || link.startsWith(\"https://\"))\n                const className = `ardo-hero-action ardo-hero-action-${action.theme || \"brand\"}`\n\n                const content = (\n                  <>\n                    {action.icon}\n                    {action.text}\n                  </>\n                )\n\n                if (isExternal) {\n                  return (\n                    <a\n                      key={index}\n                      href={link}\n                      className={className}\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\"\n                    >\n                      {content}\n                    </a>\n                  )\n                }\n\n                return (\n                  <Link key={index} to={link} className={className}>\n                    {content}\n                  </Link>\n                )\n              })}\n            </div>\n          )}\n        </div>\n      </div>\n    </section>\n  )\n}\n","import { Link } from \"react-router\"\nimport type { CSSProperties, ReactNode } from \"react\"\n\nexport interface FeatureItem {\n  /** Feature title */\n  title: string\n  /** Icon as ReactNode (emoji, Lucide icon component, or any JSX) */\n  icon?: ReactNode\n  /** Feature description */\n  details: string\n  /** Optional link */\n  link?: string\n  /** Link text (defaults to \"Learn more\") */\n  linkText?: string\n}\n\nexport interface FeaturesProps {\n  /** Array of feature items to display */\n  items: FeatureItem[]\n  /** Section title */\n  title?: string\n  /** Section subtitle */\n  subtitle?: string\n  /** Additional CSS class */\n  className?: string\n}\n\nexport interface FeatureCardProps extends FeatureItem {\n  /** Additional CSS class */\n  className?: string\n}\n\n/**\n * Individual feature card component.\n *\n * @example\n * ```tsx\n * import { Zap } from \"lucide-react\"\n *\n * // Using emoji\n * <FeatureCard title=\"Fast\" icon=\"⚡\" details=\"Lightning fast.\" />\n *\n * // Using Lucide icon (tree-shakeable)\n * <FeatureCard title=\"Fast\" icon={<Zap size={28} />} details=\"Lightning fast.\" />\n * ```\n */\nexport function FeatureCard({\n  title,\n  icon,\n  details,\n  link,\n  linkText,\n  className,\n  style,\n}: FeatureCardProps & { style?: CSSProperties }) {\n  return (\n    <div className={className ?? \"ardo-feature\"} style={style}>\n      {icon && <div className=\"ardo-feature-icon\">{icon}</div>}\n      <h3 className=\"ardo-feature-title\">{title}</h3>\n      <p className=\"ardo-feature-details\">{details}</p>\n      {link && (\n        <Link to={link} className=\"ardo-feature-link\">\n          {linkText || \"Learn more\"}\n        </Link>\n      )}\n    </div>\n  )\n}\n\n/**\n * Features grid component for displaying multiple feature cards.\n *\n * @example\n * ```tsx\n * <Features\n *   title=\"Key Features\"\n *   subtitle=\"Everything you need to build great docs\"\n *   items={[\n *     { title: \"React-First\", icon: \"⚛️\", details: \"Built on React.\" },\n *     { title: \"Fast\", icon: \"⚡\", details: \"Powered by Vite.\" },\n *     { title: \"Type-Safe\", icon: \"📝\", details: \"Full TypeScript support.\" },\n *   ]}\n * />\n * ```\n */\nexport function Features({ items, title, subtitle, className }: FeaturesProps) {\n  if (!items || items.length === 0) {\n    return null\n  }\n\n  return (\n    <section className={className ?? \"ardo-features\"}>\n      {(title || subtitle) && (\n        <div className=\"ardo-features-header\">\n          {title && <h2 className=\"ardo-features-title\">{title}</h2>}\n          {subtitle && <p className=\"ardo-features-subtitle\">{subtitle}</p>}\n        </div>\n      )}\n      <div className=\"ardo-features-container\">\n        {items.map((feature, index) => (\n          <FeatureCard key={index} {...feature} style={{ animationDelay: `${index * 80}ms` }} />\n        ))}\n      </div>\n    </section>\n  )\n}\n"],"mappings":"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","names":["useState","Link","jsx","jsxs","useState","useEffect","jsx","jsxs","useState","useEffect","handleKeyDown","jsx","jsxs","useState","Link","useState","jsx","jsxs","jsx","jsxs","useState","createContext","useContext","jsx","jsxs","NavLink","useState","useEffect","jsx","jsxs","useState","useEffect","jsx","jsxs","Link","jsx","jsxs","NavLink","Link","Link","Fragment","jsx","jsxs","className","Link","jsx","jsxs"]}