ardo 3.0.4 → 3.0.5

package/dist/{FileTree-K0YVFXhg.d.ts → FileTree-qpT1ZVrW.d.ts}

@@ -71,6 +71,8 @@ interface HeaderProps {
     search?: boolean;
     /** Show theme toggle (default: true) */
     themeToggle?: boolean;
+    /** Additional content rendered in the mobile menu (e.g. sidebar) */
+    mobileMenuContent?: ReactNode;
     /** Additional CSS classes */
     className?: string;
 }
@@ -99,7 +101,7 @@ interface HeaderProps {
  * />
  * ```
  */
-declare function Header({ logo, title, nav, actions, search, themeToggle, className, }: HeaderProps): react_jsx_runtime.JSX.Element;
+declare function Header({ logo, title, nav, actions, search, themeToggle, mobileMenuContent, className, }: HeaderProps): react_jsx_runtime.JSX.Element;
 interface SocialLinkProps {
     /** URL to link to */
     href: string;
@@ -457,8 +459,8 @@ interface TabListProps {
  */
 declare function TabList({ children }: TabListProps): react_jsx_runtime.JSX.Element;
 interface TabProps {
-    /** Unique value identifying this tab */
-    value: string;
+    /** Unique value identifying this tab (optional if tab order matches panels) */
+    value?: string;
     /** Tab button label */
     children: ReactNode;
 }
@@ -467,8 +469,8 @@ interface TabProps {
  */
 declare function Tab({ value, children }: TabProps): react_jsx_runtime.JSX.Element;
 interface TabPanelProps {
-    /** Value matching the corresponding Tab */
-    value: string;
+    /** Value matching the corresponding Tab (optional if panel order matches tabs) */
+    value?: string;
     /** Panel content */
     children: ReactNode;
 }

package/dist/{chunk-UWFMFHRD.js → chunk-QKDVSW6Q.js}

@@ -263,9 +263,18 @@ function Note({ title, children }) {
 }
 
 // src/ui/components/Tabs.tsx
-import { useState as useState3, createContext as createContext2, useContext as useContext2 } from "react";
+import {
+  Children as Children2,
+  isValidElement as isValidElement2,
+  useEffect,
+  useRef,
+  useState as useState3,
+  createContext as createContext2,
+  useContext as useContext2
+} from "react";
 import { jsx as jsx7 } from "react/jsx-runtime";
 var TabsContext = createContext2(null);
+var AUTO_TAB_PREFIX = "__ardo-tab-";
 function useTabsContext() {
   const context = useContext2(TabsContext);
   if (!context) {
@@ -274,29 +283,49 @@ function useTabsContext() {
   return context;
 }
 function Tabs({ defaultValue, children }) {
-  const [activeTab, setActiveTab] = useState3(defaultValue || "");
-  return /* @__PURE__ */ jsx7(TabsContext.Provider, { value: { activeTab, setActiveTab }, children: /* @__PURE__ */ jsx7("div", { className: "ardo-tabs", children }) });
+  const [activeTab, setActiveTab] = useState3(() => defaultValue ?? findFirstTabValue(children));
+  const tabIndexRef = useRef(0);
+  const panelIndexRef = useRef(0);
+  tabIndexRef.current = 0;
+  panelIndexRef.current = 0;
+  const getTabValue = (value) => {
+    const index = tabIndexRef.current++;
+    return value ?? `${AUTO_TAB_PREFIX}${index}`;
+  };
+  const getPanelValue = (value) => {
+    const index = panelIndexRef.current++;
+    return value ?? `${AUTO_TAB_PREFIX}${index}`;
+  };
+  useEffect(() => {
+    if (defaultValue !== void 0) {
+      setActiveTab(defaultValue);
+    }
+  }, [defaultValue]);
+  return /* @__PURE__ */ jsx7(TabsContext.Provider, { value: { activeTab, setActiveTab, getTabValue, getPanelValue }, children: /* @__PURE__ */ jsx7("div", { className: "ardo-tabs", children }) });
 }
 function TabList({ children }) {
   return /* @__PURE__ */ jsx7("div", { className: "ardo-tab-list", role: "tablist", children });
 }
 function Tab({ value, children }) {
-  const { activeTab, setActiveTab } = useTabsContext();
-  const isActive = activeTab === value;
+  const { activeTab, setActiveTab, getTabValue } = useTabsContext();
+  const resolvedValue = getTabValue(value);
+  const isActive = activeTab === resolvedValue;
   return /* @__PURE__ */ jsx7(
     "button",
     {
+      type: "button",
       role: "tab",
       "aria-selected": isActive,
       className: ["ardo-tab", isActive && "active"].filter(Boolean).join(" "),
-      onClick: () => setActiveTab(value),
+      onClick: () => setActiveTab(resolvedValue),
       children
     }
   );
 }
 function TabPanel({ value, children }) {
-  const { activeTab } = useTabsContext();
-  const isActive = activeTab === value;
+  const { activeTab, getPanelValue } = useTabsContext();
+  const resolvedValue = getPanelValue(value);
+  const isActive = activeTab === resolvedValue;
   if (!isActive) {
     return null;
   }
@@ -305,6 +334,25 @@ function TabPanel({ value, children }) {
 function TabPanels({ children }) {
   return /* @__PURE__ */ jsx7("div", { className: "ardo-tab-panels", children });
 }
+function findFirstTabValue(children) {
+  for (const child of Children2.toArray(children)) {
+    if (!isValidElement2(child)) {
+      continue;
+    }
+    if (child.type === Tab) {
+      const tabValue = child.props.value;
+      return tabValue ?? `${AUTO_TAB_PREFIX}0`;
+    }
+    const nestedChildren = child.props.children;
+    if (nestedChildren) {
+      const nestedValue = findFirstTabValue(nestedChildren);
+      if (nestedValue) {
+        return nestedValue;
+      }
+    }
+  }
+  return "";
+}
 
 export {
   BareContent,
@@ -327,4 +375,4 @@ export {
   TabPanel,
   TabPanels
 };
-//# sourceMappingURL=chunk-UWFMFHRD.js.map
+//# sourceMappingURL=chunk-QKDVSW6Q.js.map

package/dist/{chunk-UWFMFHRD.js.map → chunk-QKDVSW6Q.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/ui/BareContent.tsx","../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 { createContext, useContext, type ReactNode } from \"react\"\n\nconst BareContentContext = createContext(false)\n\n/**\n * Wraps imported MDX content to render without the full Content wrapper\n * (article, header, footer, navigation). Only the content body is rendered.\n *\n * ```tsx\n * import MySnippet from \"./snippet.mdx\"\n *\n * <BareContent>\n *   <MySnippet />\n * </BareContent>\n * ```\n */\nexport function BareContent({ children }: { children: ReactNode }) {\n  return <BareContentContext value={true}>{children}</BareContentContext>\n}\n\nexport function useBareContent(): boolean {\n  return useContext(BareContentContext)\n}\n","import { type ReactNode } from \"react\"\nimport { usePageData, useThemeConfig, useSidebar } from \"../runtime/hooks\"\nimport { getPrevNextLinks } from \"../runtime/sidebar-utils\"\nimport { Link, useLocation } from \"react-router\"\nimport { useBareContent } from \"./BareContent\"\n\ninterface ContentProps {\n  children: ReactNode\n}\n\nexport function Content({ children }: ContentProps) {\n  const isBare = useBareContent()\n  const pageData = usePageData()\n  const themeConfig = useThemeConfig()\n  const sidebar = useSidebar()\n  const location = useLocation()\n\n  if (isBare) {\n    return <div className=\"ardo-content-body ardo-content\">{children}</div>\n  }\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 { ComponentType, SVGAttributes, ReactNode } from \"react\"\n\ntype IconComponent = ComponentType<SVGAttributes<SVGSVGElement> & { size?: number }>\n\nexport interface IconProps extends SVGAttributes<SVGSVGElement> {\n  /** Name of the registered icon */\n  name: string\n  /** Icon size */\n  size?: number\n}\n\n// Icon registry - users register only the icons they need\nconst iconRegistry = new Map<string, IconComponent>()\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, IconComponent>): 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 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 IconComp = iconRegistry.get(name)\n\n  if (!IconComp) {\n    console.warn(`[Ardo] Icon \"${name}\" not found. Did you register it with registerIcons()?`)\n    return null\n  }\n\n  return <IconComp {...props} />\n}\n","import { useState } from \"react\"\nimport { CopyIcon, CheckIcon } from \"../icons\"\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 ? <CheckIcon size={16} /> : <CopyIcon 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\n/**\n * Strips leading/trailing blank lines and removes common leading whitespace\n * so that template literals in indented JSX render cleanly.\n */\nfunction outdent(text: string): string {\n  // Remove leading/trailing blank lines\n  const trimmed = text.replace(/^\\n+/, \"\").replace(/\\n\\s*$/, \"\")\n  const lines = trimmed.split(\"\\n\")\n\n  // Find minimum indentation (ignoring empty lines)\n  const indent = lines.reduce((min, line) => {\n    if (line.trim().length === 0) return min\n    const match = line.match(/^(\\s*)/)\n    return match ? Math.min(min, match[1].length) : min\n  }, Infinity)\n\n  if (indent === 0 || indent === Infinity) return trimmed\n  return lines.map((line) => line.slice(indent)).join(\"\\n\")\n}\n\nexport interface CodeBlockProps {\n  /** The code to display (as prop or as children string) */\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  /** Code as children — supports template literals with auto-outdent */\n  children?: React.ReactNode\n  /** Pre-rendered Shiki HTML (injected by ardo:codeblock-highlight plugin) */\n  __html?: string\n}\n\n/**\n * Syntax-highlighted code block with copy button.\n *\n * Code can be provided via the `code` prop or as children:\n * ```tsx\n * <CodeBlock language=\"typescript\">{`\n *   const x = 42\n * `}</CodeBlock>\n * ```\n * When children is a string, leading/trailing blank lines and common\n * indentation are stripped automatically.\n */\nexport function CodeBlock({\n  code: codeProp,\n  language = \"text\",\n  title,\n  lineNumbers = false,\n  highlightLines = [],\n  children,\n  __html,\n}: CodeBlockProps) {\n  const code = codeProp ?? (typeof children === \"string\" ? outdent(children) : \"\")\n  const hasCustomChildren = children != null && typeof children !== \"string\"\n  const lines = code.split(\"\\n\")\n\n  let content: React.ReactNode\n  if (__html) {\n    content = <div dangerouslySetInnerHTML={{ __html }} />\n  } else if (hasCustomChildren) {\n    content = <>{children}</>\n  } else {\n    content = (\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  }\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        {content}\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 */\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 { LightbulbIcon, AlertTriangleIcon, XCircleIcon, InfoIcon, FileTextIcon } from \"../icons\"\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: <LightbulbIcon size={18} />,\n  warning: <AlertTriangleIcon size={18} />,\n  danger: <XCircleIcon size={18} />,\n  info: <InfoIcon size={18} />,\n  note: <FileTextIcon size={18} />,\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","jsx","icons","jsx","jsxs","useState","jsx","jsxs","useState","jsx","jsxs","useState","createContext","useContext","jsx"]}
+{"version":3,"sources":["../src/ui/BareContent.tsx","../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 { createContext, useContext, type ReactNode } from \"react\"\n\nconst BareContentContext = createContext(false)\n\n/**\n * Wraps imported MDX content to render without the full Content wrapper\n * (article, header, footer, navigation). Only the content body is rendered.\n *\n * ```tsx\n * import MySnippet from \"./snippet.mdx\"\n *\n * <BareContent>\n *   <MySnippet />\n * </BareContent>\n * ```\n */\nexport function BareContent({ children }: { children: ReactNode }) {\n  return <BareContentContext value={true}>{children}</BareContentContext>\n}\n\nexport function useBareContent(): boolean {\n  return useContext(BareContentContext)\n}\n","import { type ReactNode } from \"react\"\nimport { usePageData, useThemeConfig, useSidebar } from \"../runtime/hooks\"\nimport { getPrevNextLinks } from \"../runtime/sidebar-utils\"\nimport { Link, useLocation } from \"react-router\"\nimport { useBareContent } from \"./BareContent\"\n\ninterface ContentProps {\n  children: ReactNode\n}\n\nexport function Content({ children }: ContentProps) {\n  const isBare = useBareContent()\n  const pageData = usePageData()\n  const themeConfig = useThemeConfig()\n  const sidebar = useSidebar()\n  const location = useLocation()\n\n  if (isBare) {\n    return <div className=\"ardo-content-body ardo-content\">{children}</div>\n  }\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 { ComponentType, SVGAttributes, ReactNode } from \"react\"\n\ntype IconComponent = ComponentType<SVGAttributes<SVGSVGElement> & { size?: number }>\n\nexport interface IconProps extends SVGAttributes<SVGSVGElement> {\n  /** Name of the registered icon */\n  name: string\n  /** Icon size */\n  size?: number\n}\n\n// Icon registry - users register only the icons they need\nconst iconRegistry = new Map<string, IconComponent>()\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, IconComponent>): 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 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 IconComp = iconRegistry.get(name)\n\n  if (!IconComp) {\n    console.warn(`[Ardo] Icon \"${name}\" not found. Did you register it with registerIcons()?`)\n    return null\n  }\n\n  return <IconComp {...props} />\n}\n","import { useState } from \"react\"\nimport { CopyIcon, CheckIcon } from \"../icons\"\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 ? <CheckIcon size={16} /> : <CopyIcon 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\n/**\n * Strips leading/trailing blank lines and removes common leading whitespace\n * so that template literals in indented JSX render cleanly.\n */\nfunction outdent(text: string): string {\n  // Remove leading/trailing blank lines\n  const trimmed = text.replace(/^\\n+/, \"\").replace(/\\n\\s*$/, \"\")\n  const lines = trimmed.split(\"\\n\")\n\n  // Find minimum indentation (ignoring empty lines)\n  const indent = lines.reduce((min, line) => {\n    if (line.trim().length === 0) return min\n    const match = line.match(/^(\\s*)/)\n    return match ? Math.min(min, match[1].length) : min\n  }, Infinity)\n\n  if (indent === 0 || indent === Infinity) return trimmed\n  return lines.map((line) => line.slice(indent)).join(\"\\n\")\n}\n\nexport interface CodeBlockProps {\n  /** The code to display (as prop or as children string) */\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  /** Code as children — supports template literals with auto-outdent */\n  children?: React.ReactNode\n  /** Pre-rendered Shiki HTML (injected by ardo:codeblock-highlight plugin) */\n  __html?: string\n}\n\n/**\n * Syntax-highlighted code block with copy button.\n *\n * Code can be provided via the `code` prop or as children:\n * ```tsx\n * <CodeBlock language=\"typescript\">{`\n *   const x = 42\n * `}</CodeBlock>\n * ```\n * When children is a string, leading/trailing blank lines and common\n * indentation are stripped automatically.\n */\nexport function CodeBlock({\n  code: codeProp,\n  language = \"text\",\n  title,\n  lineNumbers = false,\n  highlightLines = [],\n  children,\n  __html,\n}: CodeBlockProps) {\n  const code = codeProp ?? (typeof children === \"string\" ? outdent(children) : \"\")\n  const hasCustomChildren = children != null && typeof children !== \"string\"\n  const lines = code.split(\"\\n\")\n\n  let content: React.ReactNode\n  if (__html) {\n    content = <div dangerouslySetInnerHTML={{ __html }} />\n  } else if (hasCustomChildren) {\n    content = <>{children}</>\n  } else {\n    content = (\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  }\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        {content}\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 */\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 { LightbulbIcon, AlertTriangleIcon, XCircleIcon, InfoIcon, FileTextIcon } from \"../icons\"\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: <LightbulbIcon size={18} />,\n  warning: <AlertTriangleIcon size={18} />,\n  danger: <XCircleIcon size={18} />,\n  info: <InfoIcon size={18} />,\n  note: <FileTextIcon size={18} />,\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 {\n  Children,\n  isValidElement,\n  useEffect,\n  useRef,\n  useState,\n  createContext,\n  useContext,\n  type ReactNode,\n} from \"react\"\n\ninterface TabsContextValue {\n  activeTab: string\n  setActiveTab: (tab: string) => void\n  getTabValue: (value?: string) => string\n  getPanelValue: (value?: string) => string\n}\n\nconst TabsContext = createContext<TabsContextValue | null>(null)\nconst AUTO_TAB_PREFIX = \"__ardo-tab-\"\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 ?? findFirstTabValue(children))\n  const tabIndexRef = useRef(0)\n  const panelIndexRef = useRef(0)\n\n  tabIndexRef.current = 0\n  panelIndexRef.current = 0\n\n  const getTabValue = (value?: string) => {\n    const index = tabIndexRef.current++\n    return value ?? `${AUTO_TAB_PREFIX}${index}`\n  }\n\n  const getPanelValue = (value?: string) => {\n    const index = panelIndexRef.current++\n    return value ?? `${AUTO_TAB_PREFIX}${index}`\n  }\n\n  useEffect(() => {\n    if (defaultValue !== undefined) {\n      setActiveTab(defaultValue)\n    }\n  }, [defaultValue])\n\n  return (\n    <TabsContext.Provider value={{ activeTab, setActiveTab, getTabValue, getPanelValue }}>\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 (optional if tab order matches panels) */\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, getTabValue } = useTabsContext()\n  const resolvedValue = getTabValue(value)\n  const isActive = activeTab === resolvedValue\n\n  return (\n    <button\n      type=\"button\"\n      role=\"tab\"\n      aria-selected={isActive}\n      className={[\"ardo-tab\", isActive && \"active\"].filter(Boolean).join(\" \")}\n      onClick={() => setActiveTab(resolvedValue)}\n    >\n      {children}\n    </button>\n  )\n}\n\nexport interface TabPanelProps {\n  /** Value matching the corresponding Tab (optional if panel order matches tabs) */\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, getPanelValue } = useTabsContext()\n  const resolvedValue = getPanelValue(value)\n  const isActive = activeTab === resolvedValue\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\nfunction findFirstTabValue(children: ReactNode): string {\n  for (const child of Children.toArray(children)) {\n    if (!isValidElement(child)) {\n      continue\n    }\n\n    if (child.type === Tab) {\n      const tabValue = (child.props as { value?: string }).value\n      return tabValue ?? `${AUTO_TAB_PREFIX}0`\n    }\n\n    const nestedChildren = (child.props as { children?: ReactNode }).children\n    if (nestedChildren) {\n      const nestedValue = findFirstTabValue(nestedChildren)\n      if (nestedValue) {\n        return nestedValue\n      }\n    }\n  }\n\n  return \"\"\n}\n"],"mappings":"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","names":["jsx","jsx","icons","jsx","jsxs","useState","jsx","jsxs","useState","jsx","jsxs","Children","isValidElement","useState","createContext","useContext","jsx"]}

package/dist/{chunk-TDBU2FXP.js → chunk-XK7YZAVP.js}

@@ -1,6 +1,6 @@
 import {
   Content
-} from "./chunk-UWFMFHRD.js";
+} from "./chunk-QKDVSW6Q.js";
 import {
   ChevronDownIcon,
   GithubIcon,
@@ -59,11 +59,12 @@ function Layout({ header, sidebar, footer, children, className }) {
 }
 
 // src/ui/ArdoRoot.tsx
-import { Outlet, useLocation as useLocation2 } from "react-router";
+import { cloneElement, isValidElement as isValidElement2 } from "react";
+import { Outlet, useLocation as useLocation3 } from "react-router";
 
 // src/ui/Header.tsx
-import { useState as useState2, lazy, Suspense } from "react";
-import { Link, NavLink as RouterNavLink } from "react-router";
+import { useEffect as useEffect2, useState as useState2, lazy, Suspense } from "react";
+import { Link, NavLink as RouterNavLink, useLocation } from "react-router";
 
 // src/ui/components/ThemeToggle.tsx
 import { useState, useEffect } from "react";
@@ -126,8 +127,10 @@ function Header({
   actions,
   search = true,
   themeToggle = true,
+  mobileMenuContent,
   className
 }) {
+  const location = useLocation();
   const config = useConfig();
   const themeConfig = useThemeConfig();
   const [mobileMenuOpen, setMobileMenuOpen] = useState2(false);
@@ -135,12 +138,27 @@ function Header({
   const resolvedTitle = title ?? (themeConfig.siteTitle !== false ? themeConfig.siteTitle ?? config.title : void 0);
   const resolvedNav = nav ?? (themeConfig.nav?.length ? /* @__PURE__ */ jsx3(AutoNav, { items: themeConfig.nav }) : void 0);
   const resolvedActions = actions ?? (themeConfig.socialLinks?.length ? themeConfig.socialLinks.map((link, i) => /* @__PURE__ */ jsx3(SocialLink, { href: link.link, icon: link.icon, ariaLabel: link.ariaLabel }, i)) : void 0);
-  return /* @__PURE__ */ jsxs3("header", { className: className ?? "ardo-header", children: [
+  const hasMobileMenu = Boolean(mobileMenuContent);
+  useEffect2(() => {
+    setMobileMenuOpen(false);
+  }, [location.pathname]);
+  const handleMobileMenuClick = (event) => {
+    const target = event.target;
+    if (target.closest("a")) {
+      setMobileMenuOpen(false);
+    }
+  };
+  const resolvedClassName = [
+    className ?? "ardo-header",
+    resolvedNav && "ardo-header-with-mobile-top-nav"
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs3("header", { className: resolvedClassName, children: [
     /* @__PURE__ */ jsxs3("div", { className: "ardo-header-container", children: [
       /* @__PURE__ */ jsxs3("div", { className: "ardo-header-left", children: [
-        /* @__PURE__ */ jsx3(
+        hasMobileMenu && /* @__PURE__ */ jsx3(
           "button",
           {
+            type: "button",
             className: "ardo-mobile-menu-button",
             onClick: () => setMobileMenuOpen(!mobileMenuOpen),
             "aria-label": "Toggle menu",
@@ -164,14 +182,22 @@ function Header({
           resolvedTitle && /* @__PURE__ */ jsx3("span", { className: "ardo-site-title", children: resolvedTitle })
         ] })
       ] }),
-      resolvedNav && /* @__PURE__ */ jsx3("div", { className: "ardo-nav", children: resolvedNav }),
+      resolvedNav && /* @__PURE__ */ jsx3("div", { className: "ardo-desktop-nav", children: resolvedNav }),
       /* @__PURE__ */ jsxs3("div", { className: "ardo-header-right", children: [
         search && /* @__PURE__ */ jsx3(Suspense, { fallback: /* @__PURE__ */ jsx3("span", { className: "ardo-search-placeholder" }), children: /* @__PURE__ */ jsx3(LazySearch, {}) }),
         themeToggle && /* @__PURE__ */ jsx3(ThemeToggle, {}),
         resolvedActions
       ] })
     ] }),
-    mobileMenuOpen && /* @__PURE__ */ jsx3("div", { className: "ardo-mobile-menu", children: /* @__PURE__ */ jsx3("nav", { className: "ardo-mobile-nav", onClick: () => setMobileMenuOpen(false), children: resolvedNav }) })
+    resolvedNav && /* @__PURE__ */ jsx3("div", { className: "ardo-mobile-top-nav", children: /* @__PURE__ */ jsx3("div", { className: "ardo-mobile-top-nav-inner", children: resolvedNav }) }),
+    mobileMenuOpen && hasMobileMenu && /* @__PURE__ */ jsx3("div", { className: "ardo-mobile-menu", children: mobileMenuContent && /* @__PURE__ */ jsx3(
+      "div",
+      {
+        className: "ardo-mobile-menu-content ardo-mobile-menu-section",
+        onClick: handleMobileMenuClick,
+        children: mobileMenuContent
+      }
+    ) })
   ] });
 }
 function SocialLink({ href, icon, ariaLabel, className }) {
@@ -227,14 +253,14 @@ import {
   createContext,
   useContext as useContext2
 } from "react";
-import { NavLink, useLocation } from "react-router";
+import { NavLink, useLocation as useLocation2 } from "react-router";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var SidebarContext = createContext({ currentPath: "" });
 function useSidebarContext() {
   return useContext2(SidebarContext);
 }
 function Sidebar({ items, children, className }) {
-  const { pathname } = useLocation();
+  const { pathname } = useLocation2();
   const contextSidebar = useSidebar();
   const resolvedItems = items ?? (children ? void 0 : contextSidebar);
   return /* @__PURE__ */ jsx4(SidebarContext.Provider, { value: { currentPath: pathname }, children: /* @__PURE__ */ jsx4("aside", { className: className ?? "ardo-sidebar", children: /* @__PURE__ */ jsx4("nav", { className: "ardo-sidebar-nav", "aria-label": "Main navigation", children: children ? /* @__PURE__ */ jsx4("ul", { className: "ardo-sidebar-list ardo-sidebar-list-0", children }) : resolvedItems?.length ? /* @__PURE__ */ jsx4(SidebarItems, { items: resolvedItems, depth: 0 }) : null }) }) });
@@ -449,10 +475,17 @@ function ArdoRoot({
   className,
   children
 }) {
-  const location = useLocation2();
+  const location = useLocation3();
   const isHomePage = location.pathname === "/" || location.pathname === "";
-  const resolvedHeader = header ?? /* @__PURE__ */ jsx6(Header, { ...headerProps });
   const resolvedSidebar = isHomePage ? void 0 : sidebarContent ?? /* @__PURE__ */ jsx6(Sidebar, { ...sidebarProps });
+  const inferredMobileMenuContent = isHomePage ? void 0 : resolvedSidebar;
+  const resolvedHeader = header ? enhanceHeaderWithMobileMenuContent(header, inferredMobileMenuContent) : /* @__PURE__ */ jsx6(
+    Header,
+    {
+      ...headerProps,
+      mobileMenuContent: headerProps?.mobileMenuContent ?? inferredMobileMenuContent
+    }
+  );
   const resolvedFooter = footer ?? /* @__PURE__ */ jsx6(Footer, { ...footerProps });
   const resolvedClassName = className ?? (isHomePage ? "ardo-layout ardo-home" : "ardo-layout");
   return /* @__PURE__ */ jsx6(ArdoProvider, { config, sidebar, children: /* @__PURE__ */ jsx6(
@@ -466,6 +499,16 @@ function ArdoRoot({
     }
   ) });
 }
+function enhanceHeaderWithMobileMenuContent(header, mobileMenuContent) {
+  if (!isValidElement2(header) || header.type !== Header) {
+    return header;
+  }
+  const existingMobileMenuContent = header.props.mobileMenuContent;
+  if (existingMobileMenuContent !== void 0) {
+    return header;
+  }
+  return cloneElement(header, { mobileMenuContent });
+}
 
 // src/ui/Nav.tsx
 import { useState as useState4, createContext as createContext2, useContext as useContext3 } from "react";
@@ -536,14 +579,14 @@ function NavDropdown({ text, children, className }) {
 }
 
 // src/ui/TOC.tsx
-import { useState as useState5, useEffect as useEffect2 } from "react";
+import { useState as useState5, useEffect as useEffect3 } from "react";
 import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 function TOC() {
   const toc = useTOC();
   const themeConfig = useThemeConfig();
   const [activeId, setActiveId] = useState5("");
   const label = themeConfig.outline?.label ?? "On this page";
-  useEffect2(() => {
+  useEffect3(() => {
     if (toc.length === 0) return;
     const headingElements = toc.map((item) => document.getElementById(item.id)).filter(Boolean);
     if (headingElements.length === 0) return;
@@ -773,14 +816,14 @@ function Steps({ children }) {
 // src/ui/components/FileTree.tsx
 import {
   Children as Children2,
-  isValidElement as isValidElement2,
-  cloneElement
+  isValidElement as isValidElement3,
+  cloneElement as cloneElement2
 } from "react";
 import { jsx as jsx14 } from "react/jsx-runtime";
 function getTextContent(node) {
   if (typeof node === "string") return node;
   if (typeof node === "number") return String(node);
-  if (!isValidElement2(node)) return "";
+  if (!isValidElement3(node)) return "";
   const children = node.props.children;
   if (!children) return "";
   return Children2.toArray(children).map(getTextContent).join("");
@@ -789,7 +832,7 @@ function isDirectory(node) {
   const children = node.props.children;
   const childArray = Children2.toArray(children);
   for (const child of childArray) {
-    if (isValidElement2(child) && (child.type === "ul" || child.type === "ol")) {
+    if (isValidElement3(child) && (child.type === "ul" || child.type === "ol")) {
       return true;
     }
   }
@@ -798,16 +841,16 @@ function isDirectory(node) {
 }
 function processChildren(children) {
   return Children2.map(children, (child) => {
-    if (!isValidElement2(child)) return child;
+    if (!isValidElement3(child)) return child;
     const props = child.props;
     const el = child;
     if (child.type === "li") {
       const isDir = isDirectory(child);
       const className = [props.className, isDir ? "ardo-filetree-dir" : "ardo-filetree-file"].filter(Boolean).join(" ");
-      return cloneElement(el, { className }, processChildren(props.children));
+      return cloneElement2(el, { className }, processChildren(props.children));
     }
     if (child.type === "ul" || child.type === "ol") {
-      return cloneElement(el, {}, processChildren(props.children));
+      return cloneElement2(el, {}, processChildren(props.children));
     }
     return child;
   });
@@ -841,4 +884,4 @@ export {
   Steps,
   FileTree
 };
-//# sourceMappingURL=chunk-TDBU2FXP.js.map
+//# sourceMappingURL=chunk-XK7YZAVP.js.map

package/dist/chunk-XK7YZAVP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/Layout.tsx","../src/ui/ArdoRoot.tsx","../src/ui/Header.tsx","../src/ui/components/ThemeToggle.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","../src/ui/components/Steps.tsx","../src/ui/components/FileTree.tsx"],"sourcesContent":["import { type ReactNode, useContext } from \"react\"\nimport { Links, Meta, Scripts, ScrollRestoration } from \"react-router\"\nimport { ArdoContext } from \"../runtime/hooks\"\n\n// =============================================================================\n// RootLayout Component (html/head/body shell)\n// =============================================================================\n\nconst ARDO_FAVICON =\n  \"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20style%3D%22stroke-linecap%3Around%3Bstroke-linejoin%3Around%22%20viewBox%3D%220%200%20600%20600%22%3E%3Cdefs%3E%3Csymbol%20id%3D%22a%22%20overflow%3D%22visible%22%3E%3Cpath%20d%3D%22M300%20300%20151%20128l2%20178-41%2094h93c-35%2032-55%2068-63%20107m63-106%2095%2081m-32-96%2028%2088%22%2F%3E%3Cellipse%20cx%3D%22222%22%20cy%3D%22327%22%20fill%3D%22%2300655a%22%20rx%3D%2220%22%20ry%3D%2233%22%2F%3E%3Ccircle%20cx%3D%22227%22%20cy%3D%22324%22%20r%3D%2271%22%2F%3E%3C%2Fsymbol%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%2300655a%22%20stroke-width%3D%2216%22%3E%3Cpath%20d%3D%22M155%20318c2-70%2066-126%20145-126s143%2056%20145%20126%22%2F%3E%3Ccircle%20cx%3D%22300%22%20cy%3D%22290%22%20r%3D%22270%22%2F%3E%3Cuse%20href%3D%22%23a%22%2F%3E%3Cuse%20href%3D%22%23a%22%20transform%3D%22matrix%28-1%200%200%201%20600%200%29%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\"\n\nexport interface RootLayoutProps {\n  children: ReactNode\n  /** Favicon URL (renders <link rel=\"icon\">) */\n  favicon?: string\n  /** Language attribute for <html> (default: from config or \"en\") */\n  lang?: string\n}\n\n/**\n * Default HTML shell for Ardo sites. Replaces the boilerplate `Layout` export\n * that every root.tsx must define for React Router.\n *\n * @example Basic usage\n * ```tsx\n * // app/root.tsx\n * export { RootLayout as Layout } from \"ardo/ui\"\n * ```\n *\n * @example With favicon\n * ```tsx\n * import logo from \"./assets/logo.svg\"\n * export const Layout = (props) => <RootLayout favicon={logo} {...props} />\n * ```\n */\nexport function RootLayout({ children, favicon, lang }: RootLayoutProps) {\n  // Use optional context (RootLayout renders before ArdoProvider is available)\n  const context = useContext(ArdoContext)\n  const resolvedLang = lang ?? context?.config.lang ?? \"en\"\n\n  return (\n    <html lang={resolvedLang} suppressHydrationWarning>\n      <head>\n        <meta charSet=\"utf-8\" />\n        <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n        <link rel=\"icon\" type=\"image/svg+xml\" href={favicon ?? ARDO_FAVICON} />\n        <Meta />\n        <Links />\n      </head>\n      <body suppressHydrationWarning>\n        {children}\n        <ScrollRestoration />\n        <Scripts />\n      </body>\n    </html>\n  )\n}\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 { cloneElement, isValidElement, type ReactNode } from \"react\"\nimport { Outlet, useLocation } from \"react-router\"\nimport { ArdoProvider } from \"../runtime/hooks\"\nimport type { ArdoConfig, SidebarItem } from \"../config/types\"\nimport { Layout } from \"./Layout\"\nimport { Header, type HeaderProps } from \"./Header\"\nimport { Sidebar, type SidebarProps } from \"./Sidebar\"\nimport { Footer, type FooterProps } from \"./Footer\"\n\n// =============================================================================\n// ArdoRoot Component\n// =============================================================================\n\nexport interface ArdoRootProps {\n  /** Ardo config (from virtual:ardo/config) */\n  config: ArdoConfig\n  /** Sidebar data (from virtual:ardo/sidebar) */\n  sidebar: SidebarItem[]\n  /** Custom header element (overrides auto-generated header) */\n  header?: ReactNode\n  /** Custom sidebar element (overrides auto-generated sidebar) */\n  sidebarContent?: ReactNode\n  /** Custom footer element (overrides auto-generated footer) */\n  footer?: ReactNode\n  /** Props passed to auto-generated Header (ignored when header is provided) */\n  headerProps?: HeaderProps\n  /** Props passed to auto-generated Sidebar (ignored when sidebarContent is provided) */\n  sidebarProps?: SidebarProps\n  /** Props passed to auto-generated Footer (ignored when footer is provided) */\n  footerProps?: FooterProps\n  /** Additional CSS classes for the layout */\n  className?: string\n  /** Content to render (defaults to <Outlet />) */\n  children?: ReactNode\n}\n\n/**\n * All-in-one root component that combines ArdoProvider, Layout, Header,\n * Sidebar, Footer, and homepage detection into a single component.\n *\n * @example Minimal usage\n * ```tsx\n * import config from \"virtual:ardo/config\"\n * import sidebar from \"virtual:ardo/sidebar\"\n *\n * export default function Root() {\n *   return <ArdoRoot config={config} sidebar={sidebar} />\n * }\n * ```\n *\n * @example With custom nav and footer overrides\n * ```tsx\n * export default function Root() {\n *   return (\n *     <ArdoRoot\n *       config={config}\n *       sidebar={sidebar}\n *       headerProps={{\n *         nav: (\n *           <Nav>\n *             <NavLink to=\"/guide\">Guide</NavLink>\n *             <NavLink to=\"/api\">API</NavLink>\n *           </Nav>\n *         ),\n *       }}\n *       footerProps={{\n *         message: \"Released under the MIT License.\",\n *       }}\n *     />\n *   )\n * }\n * ```\n */\nexport function ArdoRoot({\n  config,\n  sidebar,\n  header,\n  sidebarContent,\n  footer,\n  headerProps,\n  sidebarProps,\n  footerProps,\n  className,\n  children,\n}: ArdoRootProps) {\n  const location = useLocation()\n  const isHomePage = location.pathname === \"/\" || location.pathname === \"\"\n\n  const resolvedSidebar = isHomePage ? undefined : (sidebarContent ?? <Sidebar {...sidebarProps} />)\n  const inferredMobileMenuContent = isHomePage ? undefined : resolvedSidebar\n  const resolvedHeader = header ? (\n    enhanceHeaderWithMobileMenuContent(header, inferredMobileMenuContent)\n  ) : (\n    <Header\n      {...headerProps}\n      mobileMenuContent={headerProps?.mobileMenuContent ?? inferredMobileMenuContent}\n    />\n  )\n  const resolvedFooter = footer ?? <Footer {...footerProps} />\n  const resolvedClassName = className ?? (isHomePage ? \"ardo-layout ardo-home\" : \"ardo-layout\")\n\n  return (\n    <ArdoProvider config={config} sidebar={sidebar}>\n      <Layout\n        className={resolvedClassName}\n        header={resolvedHeader}\n        sidebar={resolvedSidebar}\n        footer={resolvedFooter}\n      >\n        {children ?? <Outlet />}\n      </Layout>\n    </ArdoProvider>\n  )\n}\n\nfunction enhanceHeaderWithMobileMenuContent(\n  header: ReactNode,\n  mobileMenuContent: ReactNode\n): ReactNode {\n  if (!isValidElement<HeaderProps>(header) || header.type !== Header) {\n    return header\n  }\n\n  const existingMobileMenuContent = header.props.mobileMenuContent\n  if (existingMobileMenuContent !== undefined) {\n    return header\n  }\n\n  return cloneElement(header, { mobileMenuContent })\n}\n","import { useEffect, useState, lazy, Suspense, type MouseEvent, type ReactNode } from \"react\"\nimport { Link, NavLink as RouterNavLink, useLocation } from \"react-router\"\nimport {\n  GithubIcon,\n  TwitterIcon,\n  MessageCircleIcon,\n  LinkedinIcon,\n  YoutubeIcon,\n  PackageIcon,\n} from \"./icons\"\nimport { ThemeToggle } from \"./components/ThemeToggle\"\nimport { useConfig, useThemeConfig } from \"../runtime/hooks\"\nimport type { NavItem } from \"../config/types\"\n\nconst LazySearch = lazy(() => import(\"./components/Search\").then((m) => ({ default: m.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 content rendered in the mobile menu (e.g. sidebar) */\n  mobileMenuContent?: ReactNode\n  /** Additional CSS classes */\n  className?: string\n}\n\n/**\n * Header component with explicit slot props.\n *\n * Automatically pulls `title` from config and `logo`/`siteTitle` from themeConfig.\n * Props serve as overrides.\n *\n * @example Zero-config\n * ```tsx\n * <Header />\n * ```\n *\n * @example With overrides\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 * />\n * ```\n */\nexport function Header({\n  logo,\n  title,\n  nav,\n  actions,\n  search = true,\n  themeToggle = true,\n  mobileMenuContent,\n  className,\n}: HeaderProps) {\n  const location = useLocation()\n  const config = useConfig()\n  const themeConfig = useThemeConfig()\n  const [mobileMenuOpen, setMobileMenuOpen] = useState(false)\n\n  const resolvedLogo = logo ?? themeConfig.logo\n  const resolvedTitle =\n    title ?? (themeConfig.siteTitle !== false ? (themeConfig.siteTitle ?? config.title) : undefined)\n\n  // Auto-render nav from themeConfig.nav when no nav prop given\n  const resolvedNav =\n    nav ?? (themeConfig.nav?.length ? <AutoNav items={themeConfig.nav} /> : undefined)\n\n  // Auto-render social links from themeConfig.socialLinks when no actions prop given\n  const resolvedActions =\n    actions ??\n    (themeConfig.socialLinks?.length\n      ? themeConfig.socialLinks.map((link, i) => (\n          <SocialLink key={i} href={link.link} icon={link.icon} ariaLabel={link.ariaLabel} />\n        ))\n      : undefined)\n  const hasMobileMenu = Boolean(mobileMenuContent)\n\n  useEffect(() => {\n    setMobileMenuOpen(false)\n  }, [location.pathname])\n\n  const handleMobileMenuClick = (event: MouseEvent<HTMLElement>) => {\n    const target = event.target as HTMLElement\n    if (target.closest(\"a\")) {\n      setMobileMenuOpen(false)\n    }\n  }\n  const resolvedClassName = [\n    className ?? \"ardo-header\",\n    resolvedNav && \"ardo-header-with-mobile-top-nav\",\n  ]\n    .filter(Boolean)\n    .join(\" \")\n\n  return (\n    <header className={resolvedClassName}>\n      <div className=\"ardo-header-container\">\n        {/* Left: Mobile menu button + Logo/Title */}\n        <div className=\"ardo-header-left\">\n          {hasMobileMenu && (\n            <button\n              type=\"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\n          <Link to=\"/\" className=\"ardo-logo-link\">\n            {resolvedLogo && (\n              <img\n                src={typeof resolvedLogo === \"string\" ? resolvedLogo : resolvedLogo.light}\n                alt={resolvedTitle ?? \"Logo\"}\n                className=\"ardo-logo\"\n              />\n            )}\n            {resolvedTitle && <span className=\"ardo-site-title\">{resolvedTitle}</span>}\n          </Link>\n        </div>\n\n        {/* Center: Navigation */}\n        {resolvedNav && <div className=\"ardo-desktop-nav\">{resolvedNav}</div>}\n\n        {/* Right: Search, Theme Toggle, Actions */}\n        <div className=\"ardo-header-right\">\n          {search && (\n            <Suspense fallback={<span className=\"ardo-search-placeholder\" />}>\n              <LazySearch />\n            </Suspense>\n          )}\n          {themeToggle && <ThemeToggle />}\n          {resolvedActions}\n        </div>\n      </div>\n\n      {resolvedNav && (\n        <div className=\"ardo-mobile-top-nav\">\n          <div className=\"ardo-mobile-top-nav-inner\">{resolvedNav}</div>\n        </div>\n      )}\n\n      {/* Mobile menu */}\n      {mobileMenuOpen && hasMobileMenu && (\n        <div className=\"ardo-mobile-menu\">\n          {mobileMenuContent && (\n            <div\n              className=\"ardo-mobile-menu-content ardo-mobile-menu-section\"\n              onClick={handleMobileMenuClick}\n            >\n              {mobileMenuContent}\n            </div>\n          )}\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// Auto Nav Component (internal, renders from NavItem[])\n// =============================================================================\n\nfunction AutoNav({ items }: { items: NavItem[] }) {\n  return (\n    <nav className=\"ardo-nav\">\n      {items.map((item, i) => (\n        <AutoNavItem key={i} item={item} />\n      ))}\n    </nav>\n  )\n}\n\nfunction AutoNavItem({ item }: { item: NavItem }) {\n  if (item.link?.startsWith(\"http\")) {\n    return (\n      <a href={item.link} className=\"ardo-nav-link\" target=\"_blank\" rel=\"noopener noreferrer\">\n        {item.text}\n      </a>\n    )\n  }\n\n  if (item.link) {\n    return (\n      <RouterNavLink\n        to={item.link}\n        className={({ isActive }: { isActive: boolean }) =>\n          [\"ardo-nav-link\", isActive && \"active\"].filter(Boolean).join(\" \")\n        }\n      >\n        {item.text}\n      </RouterNavLink>\n    )\n  }\n\n  return <span className=\"ardo-nav-link\">{item.text}</span>\n}\n\n// =============================================================================\n// Social Icon Component (internal)\n// =============================================================================\n\nconst socialIcons = {\n  github: GithubIcon,\n  twitter: TwitterIcon,\n  discord: MessageCircleIcon,\n  linkedin: LinkedinIcon,\n  youtube: YoutubeIcon,\n  npm: PackageIcon,\n} as const\n\nfunction SocialIcon({ icon }: { icon: string }) {\n  const IconComponent = socialIcons[icon as keyof typeof socialIcons] ?? GithubIcon\n  return <IconComponent size={20} />\n}\n","import { useState, useEffect } from \"react\"\nimport { SunIcon, MoonIcon, MonitorIcon } from \"../icons\"\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          <SunIcon 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\" && <SunIcon size={20} />}\n        {theme === \"dark\" && <MoonIcon size={20} />}\n        {theme === \"system\" && <MonitorIcon 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 {\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 { ChevronDownIcon } from \"./icons\"\nimport type { SidebarItem as SidebarItemType } from \"../config/types\"\nimport { useSidebar } from \"../runtime/hooks\"\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 data-driven, JSX composition, and zero-config patterns.\n *\n * When neither `items` nor `children` are provided, automatically renders from\n * the Ardo sidebar context (`virtual:ardo/sidebar`).\n *\n * @example Zero-config (from context)\n * ```tsx\n * <Sidebar />\n * ```\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  const contextSidebar = useSidebar()\n  const resolvedItems = items ?? (children ? undefined : contextSidebar)\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          {children ? (\n            <ul className=\"ardo-sidebar-list ardo-sidebar-list-0\">{children}</ul>\n          ) : resolvedItems?.length ? (\n            <SidebarItems items={resolvedItems} depth={0} />\n          ) : null}\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 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            end\n            className={({ isActive }) =>\n              [textClassName, 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            <ChevronDownIcon 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            <ChevronDownIcon 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\"\nimport type { ProjectMeta, SponsorConfig } from \"../config/types\"\nimport { useConfig, useThemeConfig } from \"../runtime/hooks\"\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 all automatic rendering) */\n  children?: ReactNode\n  /** Additional CSS classes */\n  className?: string\n  /** Project metadata — renders linked \"name vX.Y.Z\" */\n  project?: ProjectMeta\n  /** Sponsor link — renders \"Sponsored by X\" */\n  sponsor?: SponsorConfig\n  /** Build timestamp (ISO string) — renders formatted date */\n  buildTime?: string\n  /** Git commit hash — rendered next to the build date */\n  buildHash?: string\n  /** Show \"Built with Ardo\" link (default: true) */\n  ardoLink?: boolean\n}\n\nfunction formatBuildTime(iso: string): string {\n  try {\n    const date = new Date(iso)\n    return date.toLocaleDateString(\"en-US\", {\n      month: \"long\",\n      day: \"numeric\",\n      year: \"numeric\",\n    })\n  } catch {\n    return iso\n  }\n}\n\n/**\n * Footer component with structured layout for project info, sponsor, and build metadata.\n *\n * Automatically pulls data from Ardo context (`config.project`, `config.buildTime`,\n * `config.buildHash`, `themeConfig.footer.*`). Props serve as overrides.\n *\n * When `children` is provided, all automatic rendering is skipped.\n *\n * @example Automatic (zero-config)\n * ```tsx\n * <Footer />\n * ```\n *\n * @example With overrides\n * ```tsx\n * <Footer\n *   sponsor={{ text: \"Sebastian Software\", link: \"https://sebastian-software.com/oss\" }}\n *   message=\"Released under the MIT License.\"\n *   copyright=\"Copyright 2026 Sebastian Software GmbH\"\n * />\n * ```\n *\n * @example Custom content\n * ```tsx\n * <Footer>\n *   <CustomFooterContent />\n * </Footer>\n * ```\n */\nexport function Footer({\n  message,\n  copyright,\n  children,\n  className,\n  project,\n  sponsor,\n  buildTime,\n  buildHash,\n  ardoLink = true,\n}: FooterProps) {\n  const config = useConfig()\n  const themeConfig = useThemeConfig()\n\n  const resolvedProject = project ?? config.project\n  const resolvedBuildTime = buildTime ?? config.buildTime\n  const resolvedBuildHash = buildHash ?? config.buildHash\n  const resolvedMessage = message ?? themeConfig.footer?.message\n  const resolvedCopyright = copyright ?? themeConfig.footer?.copyright\n  const resolvedSponsor = sponsor ?? themeConfig.footer?.sponsor\n\n  const hasContent =\n    resolvedMessage ||\n    resolvedCopyright ||\n    children ||\n    resolvedProject ||\n    resolvedSponsor ||\n    resolvedBuildTime ||\n    ardoLink\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            {/* Primary line: project · ardo · sponsor */}\n            {(resolvedProject || ardoLink || resolvedSponsor) && (\n              <p className=\"ardo-footer-primary\">\n                {resolvedProject?.name && (\n                  <>\n                    {resolvedProject.homepage ? (\n                      <a href={resolvedProject.homepage} className=\"ardo-footer-link\">\n                        {resolvedProject.name}\n                        {resolvedProject.version ? ` v${resolvedProject.version}` : \"\"}\n                      </a>\n                    ) : (\n                      <span>\n                        {resolvedProject.name}\n                        {resolvedProject.version ? ` v${resolvedProject.version}` : \"\"}\n                      </span>\n                    )}\n                  </>\n                )}\n                {resolvedProject?.name && ardoLink && (\n                  <span className=\"ardo-footer-separator\" aria-hidden=\"true\" />\n                )}\n                {ardoLink && (\n                  <a href=\"https://ardo-docs.dev\" className=\"ardo-footer-link\">\n                    Built with Ardo\n                  </a>\n                )}\n                {(resolvedProject?.name || ardoLink) && resolvedSponsor && (\n                  <span className=\"ardo-footer-separator\" aria-hidden=\"true\" />\n                )}\n                {resolvedSponsor && (\n                  <a href={resolvedSponsor.link} className=\"ardo-footer-link\">\n                    Sponsored by {resolvedSponsor.text}\n                  </a>\n                )}\n              </p>\n            )}\n            {/* Secondary line: message / copyright */}\n            {resolvedMessage && (\n              <p\n                className=\"ardo-footer-message\"\n                dangerouslySetInnerHTML={{ __html: resolvedMessage }}\n              />\n            )}\n            {resolvedCopyright && (\n              <p\n                className=\"ardo-footer-copyright\"\n                dangerouslySetInnerHTML={{ __html: resolvedCopyright }}\n              />\n            )}\n            {/* Tertiary line: build timestamp */}\n            {resolvedBuildTime && (\n              <p className=\"ardo-footer-build-time\">\n                Built on {formatBuildTime(resolvedBuildTime)}\n                {resolvedBuildHash && <> ({resolvedBuildHash})</>}\n              </p>\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  /** Version string displayed as a pill badge above the name */\n  version?: 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, version }: 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          {version && <span className=\"ardo-hero-version\">v{version}</span>}\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","import { type ReactNode } from \"react\"\n\nexport interface StepsProps {\n  /** Content to display — expects an ordered list (`<ol>`) from MDX */\n  children: ReactNode\n}\n\n/**\n * A wrapper for ordered lists that renders numbered step indicators.\n *\n * @example\n * ```mdx\n * <Steps>\n * 1. Install the package\n * 2. Configure your site\n * 3. Start writing\n * </Steps>\n * ```\n */\nexport function Steps({ children }: StepsProps) {\n  return <div className=\"ardo-steps\">{children}</div>\n}\n","import {\n  type ReactNode,\n  type ReactElement,\n  type HTMLAttributes,\n  Children,\n  isValidElement,\n  cloneElement,\n} from \"react\"\n\nexport interface FileTreeProps {\n  /** Content to display — expects an unordered list (`<ul>`) from MDX */\n  children: ReactNode\n}\n\n/**\n * Extracts text content from nested React nodes.\n */\nfunction getTextContent(node: ReactNode): string {\n  if (typeof node === \"string\") return node\n  if (typeof node === \"number\") return String(node)\n  if (!isValidElement(node)) return \"\"\n  const children = (node.props as { children?: ReactNode }).children\n  if (!children) return \"\"\n  return Children.toArray(children).map(getTextContent).join(\"\")\n}\n\n/**\n * Checks whether a list item represents a directory (text ends with `/`).\n */\nfunction isDirectory(node: ReactElement): boolean {\n  const children = (node.props as { children?: ReactNode }).children\n  const childArray = Children.toArray(children)\n\n  // If the item has a nested <ul>, it's a directory\n  for (const child of childArray) {\n    if (isValidElement(child) && (child.type === \"ul\" || child.type === \"ol\")) {\n      return true\n    }\n  }\n\n  // If text content ends with `/`, it's a directory\n  const text = getTextContent(node).trim()\n  return text.endsWith(\"/\")\n}\n\n/**\n * Recursively processes `<ul>` / `<li>` children, applying CSS classes\n * for directory vs. file styling.\n */\nfunction processChildren(children: ReactNode): ReactNode {\n  return Children.map(children, (child) => {\n    if (!isValidElement(child)) return child\n\n    const props = child.props as { children?: ReactNode; className?: string }\n\n    const el = child as ReactElement<HTMLAttributes<HTMLElement>>\n\n    if (child.type === \"li\") {\n      const isDir = isDirectory(child)\n      const className = [props.className, isDir ? \"ardo-filetree-dir\" : \"ardo-filetree-file\"]\n        .filter(Boolean)\n        .join(\" \")\n\n      return cloneElement(el, { className }, processChildren(props.children))\n    }\n\n    if (child.type === \"ul\" || child.type === \"ol\") {\n      return cloneElement(el, {}, processChildren(props.children))\n    }\n\n    return child\n  })\n}\n\n/**\n * A wrapper for unordered lists that renders a file/folder tree with icons.\n *\n * @example\n * ```mdx\n * <FileTree>\n * - src/\n *   - components/\n *     - Header.tsx\n *     - Footer.tsx\n *   - index.ts\n * - package.json\n * - README.md\n * </FileTree>\n * ```\n */\nexport function FileTree({ children }: FileTreeProps) {\n  return <div className=\"ardo-filetree\">{processChildren(children)}</div>\n}\n"],"mappings":"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","names":["isValidElement","useLocation","useEffect","useState","jsx","jsxs","jsx","jsxs","useState","useEffect","useState","useContext","useLocation","jsx","jsxs","useContext","useLocation","useState","jsx","jsxs","jsx","useLocation","isValidElement","useState","createContext","useContext","RouterNavLink","jsx","jsxs","NavLink","useState","useEffect","jsx","jsxs","useState","useEffect","jsx","jsxs","Link","jsx","jsxs","NavLink","Link","Link","Fragment","jsx","jsxs","className","Link","jsx","jsxs","jsx","Children","isValidElement","cloneElement","jsx"]}

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 export { defineConfig, loadConfig, resolveConfig } from './config/index.js';
 export { ArdoProvider, findCurrentSidebarItem, getPrevNextLinks, useArdoContext, useConfig, usePageData, useSidebar, useTOC, useThemeConfig } from './runtime/index.js';
-export { C as CodeBlock, a as CodeBlockProps, b as CodeGroup, c as CodeGroupProps, d as Container, e as ContainerProps, f as ContainerType, g as Content, h as CopyButton, D as Danger, i as DangerProps, j as DocLayout, k as DocPage, F as FeatureCard, l as FeatureCardProps, m as FeatureItem, n as Features, o as FeaturesProps, p as FileTree, q as FileTreeProps, r as Footer, H as Header, s as Hero, t as HeroAction, u as HeroImage, v as HeroProps, w as HomePage, I as Info, x as InfoProps, L as Layout, N as Note, y as NoteProps, S as Search, z as Sidebar, A as Steps, B as StepsProps, T as TOC, E as Tab, G as TabList, J as TabListProps, K as TabPanel, M as TabPanelProps, O as TabPanels, P as TabPanelsProps, Q as TabProps, R as Tabs, U as TabsProps, V as ThemeToggle, W as Tip, X as TipProps, Y as Warning, Z as WarningProps } from './FileTree-K0YVFXhg.js';
+export { C as CodeBlock, a as CodeBlockProps, b as CodeGroup, c as CodeGroupProps, d as Container, e as ContainerProps, f as ContainerType, g as Content, h as CopyButton, D as Danger, i as DangerProps, j as DocLayout, k as DocPage, F as FeatureCard, l as FeatureCardProps, m as FeatureItem, n as Features, o as FeaturesProps, p as FileTree, q as FileTreeProps, r as Footer, H as Header, s as Hero, t as HeroAction, u as HeroImage, v as HeroProps, w as HomePage, I as Info, x as InfoProps, L as Layout, N as Note, y as NoteProps, S as Search, z as Sidebar, A as Steps, B as StepsProps, T as TOC, E as Tab, G as TabList, J as TabListProps, K as TabPanel, M as TabPanelProps, O as TabPanels, P as TabPanelsProps, Q as TabProps, R as Tabs, U as TabsProps, V as ThemeToggle, W as Tip, X as TipProps, Y as Warning, Z as WarningProps } from './FileTree-qpT1ZVrW.js';
 export { A as ArdoConfig, H as HeadConfig, M as MarkdownConfig, N as NavItem, P as PageData, a as PageFrontmatter, b as ProjectMeta, R as ResolvedConfig, S as SidebarItem, c as SocialLink, T as TOCItem, d as ThemeConfig, e as TypeDocConfig } from './types-CLkHwCch.js';
 import 'react/jsx-runtime';
 import 'react';

package/dist/index.js

@@ -19,7 +19,7 @@ import {
   Steps,
   TOC,
   ThemeToggle
-} from "./chunk-TDBU2FXP.js";
+} from "./chunk-XK7YZAVP.js";
 import {
   Search
 } from "./chunk-BHHI2BO4.js";
@@ -39,7 +39,7 @@ import {
   Tabs,
   Tip,
   Warning
-} from "./chunk-UWFMFHRD.js";
+} from "./chunk-QKDVSW6Q.js";
 import "./chunk-MJQGGJQZ.js";
 import {
   findCurrentSidebarItem,

package/dist/mdx/provider.js

@@ -14,7 +14,7 @@ import {
   Tabs,
   Tip,
   Warning
-} from "../chunk-UWFMFHRD.js";
+} from "../chunk-QKDVSW6Q.js";
 import "../chunk-MJQGGJQZ.js";
 import "../chunk-FZP2AVJL.js";
 import "../chunk-QELSOHIY.js";

package/dist/ui/index.d.ts

@@ -1,5 +1,5 @@
-import { _ as HeaderProps, $ as SidebarProps, a0 as FooterProps } from '../FileTree-K0YVFXhg.js';
-export { C as CodeBlock, a as CodeBlockProps, b as CodeGroup, c as CodeGroupProps, d as Container, e as ContainerProps, f as ContainerType, g as Content, h as CopyButton, D as Danger, i as DangerProps, a1 as DocContent, j as DocLayout, k as DocPage, F as FeatureCard, l as FeatureCardProps, m as FeatureItem, n as Features, o as FeaturesProps, p as FileTree, q as FileTreeProps, r as Footer, a2 as FooterCopyrightProps, a3 as FooterMessageProps, H as Header, s as Hero, t as HeroAction, u as HeroImage, v as HeroProps, w as HomePage, I as Info, x as InfoProps, L as Layout, a4 as LayoutProps, N as Note, y as NoteProps, a5 as RootLayout, a6 as RootLayoutProps, S as Search, z as Sidebar, a7 as SidebarGroup, a8 as SidebarGroupProps, a9 as SidebarLink, aa as SidebarLinkProps, ab as SocialLink, ac as SocialLinkProps, A as Steps, B as StepsProps, T as TOC, E as Tab, G as TabList, J as TabListProps, K as TabPanel, M as TabPanelProps, O as TabPanels, P as TabPanelsProps, Q as TabProps, R as Tabs, U as TabsProps, V as ThemeToggle, W as Tip, X as TipProps, Y as Warning, Z as WarningProps } from '../FileTree-K0YVFXhg.js';
+import { _ as HeaderProps, $ as SidebarProps, a0 as FooterProps } from '../FileTree-qpT1ZVrW.js';
+export { C as CodeBlock, a as CodeBlockProps, b as CodeGroup, c as CodeGroupProps, d as Container, e as ContainerProps, f as ContainerType, g as Content, h as CopyButton, D as Danger, i as DangerProps, a1 as DocContent, j as DocLayout, k as DocPage, F as FeatureCard, l as FeatureCardProps, m as FeatureItem, n as Features, o as FeaturesProps, p as FileTree, q as FileTreeProps, r as Footer, a2 as FooterCopyrightProps, a3 as FooterMessageProps, H as Header, s as Hero, t as HeroAction, u as HeroImage, v as HeroProps, w as HomePage, I as Info, x as InfoProps, L as Layout, a4 as LayoutProps, N as Note, y as NoteProps, a5 as RootLayout, a6 as RootLayoutProps, S as Search, z as Sidebar, a7 as SidebarGroup, a8 as SidebarGroupProps, a9 as SidebarLink, aa as SidebarLinkProps, ab as SocialLink, ac as SocialLinkProps, A as Steps, B as StepsProps, T as TOC, E as Tab, G as TabList, J as TabListProps, K as TabPanel, M as TabPanelProps, O as TabPanels, P as TabPanelsProps, Q as TabProps, R as Tabs, U as TabsProps, V as ThemeToggle, W as Tip, X as TipProps, Y as Warning, Z as WarningProps } from '../FileTree-qpT1ZVrW.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode, ComponentProps, SVGAttributes, ComponentType } from 'react';
 import { A as ArdoConfig, S as SidebarItem } from '../types-CLkHwCch.js';

package/dist/ui/index.js

@@ -22,7 +22,7 @@ import {
   Steps,
   TOC,
   ThemeToggle
-} from "../chunk-TDBU2FXP.js";
+} from "../chunk-XK7YZAVP.js";
 import {
   Search
 } from "../chunk-BHHI2BO4.js";
@@ -46,7 +46,7 @@ import {
   Warning,
   getRegisteredIconNames,
   registerIcons
-} from "../chunk-UWFMFHRD.js";
+} from "../chunk-QKDVSW6Q.js";
 import "../chunk-MJQGGJQZ.js";
 import "../chunk-FZP2AVJL.js";
 import "../chunk-QELSOHIY.js";

package/dist/ui/styles.css

@@ -304,6 +304,11 @@ body {
   gap: 8px;
 }
 
+.ardo-desktop-nav {
+  display: flex;
+  align-items: center;
+}
+
 .ardo-nav-link {
   position: relative;
   color: var(--ardo-c-text-light);
@@ -392,14 +397,90 @@ body {
   transition: all var(--ardo-transition-fast);
 }
 
-@media (max-width: 768px) {
+.ardo-mobile-top-nav {
+  display: none;
+}
+
+.ardo-mobile-top-nav-inner {
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+  scrollbar-width: thin;
+}
+
+.ardo-mobile-top-nav-inner .ardo-nav {
+  width: max-content;
+  min-width: 100%;
+}
+
+.ardo-mobile-menu {
+  position: fixed;
+  top: calc(var(--ardo-header-height) + env(safe-area-inset-top));
+  left: 0;
+  right: 0;
+  padding: 12px 16px 16px;
+  background: var(--ardo-c-bg);
+  border-top: 1px solid var(--ardo-c-border);
+  box-shadow: 0 14px 28px oklch(0 0 0 / 0.08);
+  z-index: 99;
+}
+
+.ardo-mobile-menu-section + .ardo-mobile-menu-section {
+  margin-top: 12px;
+  padding-top: 12px;
+  border-top: 1px solid var(--ardo-c-border);
+}
+
+.ardo-mobile-menu .ardo-sidebar {
+  position: static;
+  top: auto;
+  left: auto;
+  width: auto;
+  height: auto;
+  padding: 0;
+  overflow-y: visible;
+  box-shadow: none;
+  background: transparent;
+  display: block;
+}
+
+.ardo-mobile-menu .ardo-sidebar-text {
+  font-size: 11px;
+}
+
+@media (max-width: 1024px) {
+  .ardo-layout > .ardo-header-with-mobile-top-nav + .ardo-layout-container {
+    padding-top: calc(var(--ardo-header-height) + 44px);
+  }
+
+  .ardo-header {
+    z-index: 110;
+  }
+
   .ardo-mobile-menu-button {
     display: block;
   }
 
-  .ardo-nav {
+  .ardo-desktop-nav {
     display: none;
   }
+
+  .ardo-mobile-top-nav {
+    display: block;
+    position: fixed;
+    top: calc(var(--ardo-header-height) + env(safe-area-inset-top));
+    left: 0;
+    right: 0;
+    padding: 6px 20px;
+    background: var(--ardo-c-bg);
+    border-top: 1px solid var(--ardo-c-border);
+    border-bottom: 1px solid var(--ardo-c-border);
+    z-index: 108;
+  }
+
+  .ardo-header-with-mobile-top-nav .ardo-mobile-menu {
+    top: calc(var(--ardo-header-height) + env(safe-area-inset-top) + 44px);
+    z-index: 109;
+  }
 }
 
 /* ========================================

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ardo",
-  "version": "3.0.4",
+  "version": "3.0.5",
   "description": "React-first Static Documentation Framework",
   "type": "module",
   "main": "./dist/index.js",

package/dist/chunk-TDBU2FXP.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/ui/Layout.tsx","../src/ui/ArdoRoot.tsx","../src/ui/Header.tsx","../src/ui/components/ThemeToggle.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","../src/ui/components/Steps.tsx","../src/ui/components/FileTree.tsx"],"sourcesContent":["import { type ReactNode, useContext } from \"react\"\nimport { Links, Meta, Scripts, ScrollRestoration } from \"react-router\"\nimport { ArdoContext } from \"../runtime/hooks\"\n\n// =============================================================================\n// RootLayout Component (html/head/body shell)\n// =============================================================================\n\nconst ARDO_FAVICON =\n  \"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20style%3D%22stroke-linecap%3Around%3Bstroke-linejoin%3Around%22%20viewBox%3D%220%200%20600%20600%22%3E%3Cdefs%3E%3Csymbol%20id%3D%22a%22%20overflow%3D%22visible%22%3E%3Cpath%20d%3D%22M300%20300%20151%20128l2%20178-41%2094h93c-35%2032-55%2068-63%20107m63-106%2095%2081m-32-96%2028%2088%22%2F%3E%3Cellipse%20cx%3D%22222%22%20cy%3D%22327%22%20fill%3D%22%2300655a%22%20rx%3D%2220%22%20ry%3D%2233%22%2F%3E%3Ccircle%20cx%3D%22227%22%20cy%3D%22324%22%20r%3D%2271%22%2F%3E%3C%2Fsymbol%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%2300655a%22%20stroke-width%3D%2216%22%3E%3Cpath%20d%3D%22M155%20318c2-70%2066-126%20145-126s143%2056%20145%20126%22%2F%3E%3Ccircle%20cx%3D%22300%22%20cy%3D%22290%22%20r%3D%22270%22%2F%3E%3Cuse%20href%3D%22%23a%22%2F%3E%3Cuse%20href%3D%22%23a%22%20transform%3D%22matrix%28-1%200%200%201%20600%200%29%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\"\n\nexport interface RootLayoutProps {\n  children: ReactNode\n  /** Favicon URL (renders <link rel=\"icon\">) */\n  favicon?: string\n  /** Language attribute for <html> (default: from config or \"en\") */\n  lang?: string\n}\n\n/**\n * Default HTML shell for Ardo sites. Replaces the boilerplate `Layout` export\n * that every root.tsx must define for React Router.\n *\n * @example Basic usage\n * ```tsx\n * // app/root.tsx\n * export { RootLayout as Layout } from \"ardo/ui\"\n * ```\n *\n * @example With favicon\n * ```tsx\n * import logo from \"./assets/logo.svg\"\n * export const Layout = (props) => <RootLayout favicon={logo} {...props} />\n * ```\n */\nexport function RootLayout({ children, favicon, lang }: RootLayoutProps) {\n  // Use optional context (RootLayout renders before ArdoProvider is available)\n  const context = useContext(ArdoContext)\n  const resolvedLang = lang ?? context?.config.lang ?? \"en\"\n\n  return (\n    <html lang={resolvedLang} suppressHydrationWarning>\n      <head>\n        <meta charSet=\"utf-8\" />\n        <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n        <link rel=\"icon\" type=\"image/svg+xml\" href={favicon ?? ARDO_FAVICON} />\n        <Meta />\n        <Links />\n      </head>\n      <body suppressHydrationWarning>\n        {children}\n        <ScrollRestoration />\n        <Scripts />\n      </body>\n    </html>\n  )\n}\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 { type ReactNode } from \"react\"\nimport { Outlet, useLocation } from \"react-router\"\nimport { ArdoProvider } from \"../runtime/hooks\"\nimport type { ArdoConfig, SidebarItem } from \"../config/types\"\nimport { Layout } from \"./Layout\"\nimport { Header, type HeaderProps } from \"./Header\"\nimport { Sidebar, type SidebarProps } from \"./Sidebar\"\nimport { Footer, type FooterProps } from \"./Footer\"\n\n// =============================================================================\n// ArdoRoot Component\n// =============================================================================\n\nexport interface ArdoRootProps {\n  /** Ardo config (from virtual:ardo/config) */\n  config: ArdoConfig\n  /** Sidebar data (from virtual:ardo/sidebar) */\n  sidebar: SidebarItem[]\n  /** Custom header element (overrides auto-generated header) */\n  header?: ReactNode\n  /** Custom sidebar element (overrides auto-generated sidebar) */\n  sidebarContent?: ReactNode\n  /** Custom footer element (overrides auto-generated footer) */\n  footer?: ReactNode\n  /** Props passed to auto-generated Header (ignored when header is provided) */\n  headerProps?: HeaderProps\n  /** Props passed to auto-generated Sidebar (ignored when sidebarContent is provided) */\n  sidebarProps?: SidebarProps\n  /** Props passed to auto-generated Footer (ignored when footer is provided) */\n  footerProps?: FooterProps\n  /** Additional CSS classes for the layout */\n  className?: string\n  /** Content to render (defaults to <Outlet />) */\n  children?: ReactNode\n}\n\n/**\n * All-in-one root component that combines ArdoProvider, Layout, Header,\n * Sidebar, Footer, and homepage detection into a single component.\n *\n * @example Minimal usage\n * ```tsx\n * import config from \"virtual:ardo/config\"\n * import sidebar from \"virtual:ardo/sidebar\"\n *\n * export default function Root() {\n *   return <ArdoRoot config={config} sidebar={sidebar} />\n * }\n * ```\n *\n * @example With custom nav and footer overrides\n * ```tsx\n * export default function Root() {\n *   return (\n *     <ArdoRoot\n *       config={config}\n *       sidebar={sidebar}\n *       headerProps={{\n *         nav: (\n *           <Nav>\n *             <NavLink to=\"/guide\">Guide</NavLink>\n *             <NavLink to=\"/api\">API</NavLink>\n *           </Nav>\n *         ),\n *       }}\n *       footerProps={{\n *         message: \"Released under the MIT License.\",\n *       }}\n *     />\n *   )\n * }\n * ```\n */\nexport function ArdoRoot({\n  config,\n  sidebar,\n  header,\n  sidebarContent,\n  footer,\n  headerProps,\n  sidebarProps,\n  footerProps,\n  className,\n  children,\n}: ArdoRootProps) {\n  const location = useLocation()\n  const isHomePage = location.pathname === \"/\" || location.pathname === \"\"\n\n  const resolvedHeader = header ?? <Header {...headerProps} />\n  const resolvedSidebar = isHomePage ? undefined : (sidebarContent ?? <Sidebar {...sidebarProps} />)\n  const resolvedFooter = footer ?? <Footer {...footerProps} />\n  const resolvedClassName = className ?? (isHomePage ? \"ardo-layout ardo-home\" : \"ardo-layout\")\n\n  return (\n    <ArdoProvider config={config} sidebar={sidebar}>\n      <Layout\n        className={resolvedClassName}\n        header={resolvedHeader}\n        sidebar={resolvedSidebar}\n        footer={resolvedFooter}\n      >\n        {children ?? <Outlet />}\n      </Layout>\n    </ArdoProvider>\n  )\n}\n","import { useState, lazy, Suspense, type ReactNode } from \"react\"\nimport { Link, NavLink as RouterNavLink } from \"react-router\"\nimport {\n  GithubIcon,\n  TwitterIcon,\n  MessageCircleIcon,\n  LinkedinIcon,\n  YoutubeIcon,\n  PackageIcon,\n} from \"./icons\"\nimport { ThemeToggle } from \"./components/ThemeToggle\"\nimport { useConfig, useThemeConfig } from \"../runtime/hooks\"\nimport type { NavItem } from \"../config/types\"\n\nconst LazySearch = lazy(() => import(\"./components/Search\").then((m) => ({ default: m.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 * Automatically pulls `title` from config and `logo`/`siteTitle` from themeConfig.\n * Props serve as overrides.\n *\n * @example Zero-config\n * ```tsx\n * <Header />\n * ```\n *\n * @example With overrides\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 * />\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 config = useConfig()\n  const themeConfig = useThemeConfig()\n  const [mobileMenuOpen, setMobileMenuOpen] = useState(false)\n\n  const resolvedLogo = logo ?? themeConfig.logo\n  const resolvedTitle =\n    title ?? (themeConfig.siteTitle !== false ? (themeConfig.siteTitle ?? config.title) : undefined)\n\n  // Auto-render nav from themeConfig.nav when no nav prop given\n  const resolvedNav =\n    nav ?? (themeConfig.nav?.length ? <AutoNav items={themeConfig.nav} /> : undefined)\n\n  // Auto-render social links from themeConfig.socialLinks when no actions prop given\n  const resolvedActions =\n    actions ??\n    (themeConfig.socialLinks?.length\n      ? themeConfig.socialLinks.map((link, i) => (\n          <SocialLink key={i} href={link.link} icon={link.icon} ariaLabel={link.ariaLabel} />\n        ))\n      : undefined)\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            {resolvedLogo && (\n              <img\n                src={typeof resolvedLogo === \"string\" ? resolvedLogo : resolvedLogo.light}\n                alt={resolvedTitle ?? \"Logo\"}\n                className=\"ardo-logo\"\n              />\n            )}\n            {resolvedTitle && <span className=\"ardo-site-title\">{resolvedTitle}</span>}\n          </Link>\n        </div>\n\n        {/* Center: Navigation */}\n        {resolvedNav && <div className=\"ardo-nav\">{resolvedNav}</div>}\n\n        {/* Right: Search, Theme Toggle, Actions */}\n        <div className=\"ardo-header-right\">\n          {search && (\n            <Suspense fallback={<span className=\"ardo-search-placeholder\" />}>\n              <LazySearch />\n            </Suspense>\n          )}\n          {themeToggle && <ThemeToggle />}\n          {resolvedActions}\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            {resolvedNav}\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// Auto Nav Component (internal, renders from NavItem[])\n// =============================================================================\n\nfunction AutoNav({ items }: { items: NavItem[] }) {\n  return (\n    <nav className=\"ardo-nav\">\n      {items.map((item, i) => (\n        <AutoNavItem key={i} item={item} />\n      ))}\n    </nav>\n  )\n}\n\nfunction AutoNavItem({ item }: { item: NavItem }) {\n  if (item.link?.startsWith(\"http\")) {\n    return (\n      <a href={item.link} className=\"ardo-nav-link\" target=\"_blank\" rel=\"noopener noreferrer\">\n        {item.text}\n      </a>\n    )\n  }\n\n  if (item.link) {\n    return (\n      <RouterNavLink\n        to={item.link}\n        className={({ isActive }: { isActive: boolean }) =>\n          [\"ardo-nav-link\", isActive && \"active\"].filter(Boolean).join(\" \")\n        }\n      >\n        {item.text}\n      </RouterNavLink>\n    )\n  }\n\n  return <span className=\"ardo-nav-link\">{item.text}</span>\n}\n\n// =============================================================================\n// Social Icon Component (internal)\n// =============================================================================\n\nconst socialIcons = {\n  github: GithubIcon,\n  twitter: TwitterIcon,\n  discord: MessageCircleIcon,\n  linkedin: LinkedinIcon,\n  youtube: YoutubeIcon,\n  npm: PackageIcon,\n} as const\n\nfunction SocialIcon({ icon }: { icon: string }) {\n  const IconComponent = socialIcons[icon as keyof typeof socialIcons] ?? GithubIcon\n  return <IconComponent size={20} />\n}\n","import { useState, useEffect } from \"react\"\nimport { SunIcon, MoonIcon, MonitorIcon } from \"../icons\"\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          <SunIcon 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\" && <SunIcon size={20} />}\n        {theme === \"dark\" && <MoonIcon size={20} />}\n        {theme === \"system\" && <MonitorIcon 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 {\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 { ChevronDownIcon } from \"./icons\"\nimport type { SidebarItem as SidebarItemType } from \"../config/types\"\nimport { useSidebar } from \"../runtime/hooks\"\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 data-driven, JSX composition, and zero-config patterns.\n *\n * When neither `items` nor `children` are provided, automatically renders from\n * the Ardo sidebar context (`virtual:ardo/sidebar`).\n *\n * @example Zero-config (from context)\n * ```tsx\n * <Sidebar />\n * ```\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  const contextSidebar = useSidebar()\n  const resolvedItems = items ?? (children ? undefined : contextSidebar)\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          {children ? (\n            <ul className=\"ardo-sidebar-list ardo-sidebar-list-0\">{children}</ul>\n          ) : resolvedItems?.length ? (\n            <SidebarItems items={resolvedItems} depth={0} />\n          ) : null}\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 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            end\n            className={({ isActive }) =>\n              [textClassName, 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            <ChevronDownIcon 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            <ChevronDownIcon 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\"\nimport type { ProjectMeta, SponsorConfig } from \"../config/types\"\nimport { useConfig, useThemeConfig } from \"../runtime/hooks\"\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 all automatic rendering) */\n  children?: ReactNode\n  /** Additional CSS classes */\n  className?: string\n  /** Project metadata — renders linked \"name vX.Y.Z\" */\n  project?: ProjectMeta\n  /** Sponsor link — renders \"Sponsored by X\" */\n  sponsor?: SponsorConfig\n  /** Build timestamp (ISO string) — renders formatted date */\n  buildTime?: string\n  /** Git commit hash — rendered next to the build date */\n  buildHash?: string\n  /** Show \"Built with Ardo\" link (default: true) */\n  ardoLink?: boolean\n}\n\nfunction formatBuildTime(iso: string): string {\n  try {\n    const date = new Date(iso)\n    return date.toLocaleDateString(\"en-US\", {\n      month: \"long\",\n      day: \"numeric\",\n      year: \"numeric\",\n    })\n  } catch {\n    return iso\n  }\n}\n\n/**\n * Footer component with structured layout for project info, sponsor, and build metadata.\n *\n * Automatically pulls data from Ardo context (`config.project`, `config.buildTime`,\n * `config.buildHash`, `themeConfig.footer.*`). Props serve as overrides.\n *\n * When `children` is provided, all automatic rendering is skipped.\n *\n * @example Automatic (zero-config)\n * ```tsx\n * <Footer />\n * ```\n *\n * @example With overrides\n * ```tsx\n * <Footer\n *   sponsor={{ text: \"Sebastian Software\", link: \"https://sebastian-software.com/oss\" }}\n *   message=\"Released under the MIT License.\"\n *   copyright=\"Copyright 2026 Sebastian Software GmbH\"\n * />\n * ```\n *\n * @example Custom content\n * ```tsx\n * <Footer>\n *   <CustomFooterContent />\n * </Footer>\n * ```\n */\nexport function Footer({\n  message,\n  copyright,\n  children,\n  className,\n  project,\n  sponsor,\n  buildTime,\n  buildHash,\n  ardoLink = true,\n}: FooterProps) {\n  const config = useConfig()\n  const themeConfig = useThemeConfig()\n\n  const resolvedProject = project ?? config.project\n  const resolvedBuildTime = buildTime ?? config.buildTime\n  const resolvedBuildHash = buildHash ?? config.buildHash\n  const resolvedMessage = message ?? themeConfig.footer?.message\n  const resolvedCopyright = copyright ?? themeConfig.footer?.copyright\n  const resolvedSponsor = sponsor ?? themeConfig.footer?.sponsor\n\n  const hasContent =\n    resolvedMessage ||\n    resolvedCopyright ||\n    children ||\n    resolvedProject ||\n    resolvedSponsor ||\n    resolvedBuildTime ||\n    ardoLink\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            {/* Primary line: project · ardo · sponsor */}\n            {(resolvedProject || ardoLink || resolvedSponsor) && (\n              <p className=\"ardo-footer-primary\">\n                {resolvedProject?.name && (\n                  <>\n                    {resolvedProject.homepage ? (\n                      <a href={resolvedProject.homepage} className=\"ardo-footer-link\">\n                        {resolvedProject.name}\n                        {resolvedProject.version ? ` v${resolvedProject.version}` : \"\"}\n                      </a>\n                    ) : (\n                      <span>\n                        {resolvedProject.name}\n                        {resolvedProject.version ? ` v${resolvedProject.version}` : \"\"}\n                      </span>\n                    )}\n                  </>\n                )}\n                {resolvedProject?.name && ardoLink && (\n                  <span className=\"ardo-footer-separator\" aria-hidden=\"true\" />\n                )}\n                {ardoLink && (\n                  <a href=\"https://ardo-docs.dev\" className=\"ardo-footer-link\">\n                    Built with Ardo\n                  </a>\n                )}\n                {(resolvedProject?.name || ardoLink) && resolvedSponsor && (\n                  <span className=\"ardo-footer-separator\" aria-hidden=\"true\" />\n                )}\n                {resolvedSponsor && (\n                  <a href={resolvedSponsor.link} className=\"ardo-footer-link\">\n                    Sponsored by {resolvedSponsor.text}\n                  </a>\n                )}\n              </p>\n            )}\n            {/* Secondary line: message / copyright */}\n            {resolvedMessage && (\n              <p\n                className=\"ardo-footer-message\"\n                dangerouslySetInnerHTML={{ __html: resolvedMessage }}\n              />\n            )}\n            {resolvedCopyright && (\n              <p\n                className=\"ardo-footer-copyright\"\n                dangerouslySetInnerHTML={{ __html: resolvedCopyright }}\n              />\n            )}\n            {/* Tertiary line: build timestamp */}\n            {resolvedBuildTime && (\n              <p className=\"ardo-footer-build-time\">\n                Built on {formatBuildTime(resolvedBuildTime)}\n                {resolvedBuildHash && <> ({resolvedBuildHash})</>}\n              </p>\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  /** Version string displayed as a pill badge above the name */\n  version?: 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, version }: 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          {version && <span className=\"ardo-hero-version\">v{version}</span>}\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","import { type ReactNode } from \"react\"\n\nexport interface StepsProps {\n  /** Content to display — expects an ordered list (`<ol>`) from MDX */\n  children: ReactNode\n}\n\n/**\n * A wrapper for ordered lists that renders numbered step indicators.\n *\n * @example\n * ```mdx\n * <Steps>\n * 1. Install the package\n * 2. Configure your site\n * 3. Start writing\n * </Steps>\n * ```\n */\nexport function Steps({ children }: StepsProps) {\n  return <div className=\"ardo-steps\">{children}</div>\n}\n","import {\n  type ReactNode,\n  type ReactElement,\n  type HTMLAttributes,\n  Children,\n  isValidElement,\n  cloneElement,\n} from \"react\"\n\nexport interface FileTreeProps {\n  /** Content to display — expects an unordered list (`<ul>`) from MDX */\n  children: ReactNode\n}\n\n/**\n * Extracts text content from nested React nodes.\n */\nfunction getTextContent(node: ReactNode): string {\n  if (typeof node === \"string\") return node\n  if (typeof node === \"number\") return String(node)\n  if (!isValidElement(node)) return \"\"\n  const children = (node.props as { children?: ReactNode }).children\n  if (!children) return \"\"\n  return Children.toArray(children).map(getTextContent).join(\"\")\n}\n\n/**\n * Checks whether a list item represents a directory (text ends with `/`).\n */\nfunction isDirectory(node: ReactElement): boolean {\n  const children = (node.props as { children?: ReactNode }).children\n  const childArray = Children.toArray(children)\n\n  // If the item has a nested <ul>, it's a directory\n  for (const child of childArray) {\n    if (isValidElement(child) && (child.type === \"ul\" || child.type === \"ol\")) {\n      return true\n    }\n  }\n\n  // If text content ends with `/`, it's a directory\n  const text = getTextContent(node).trim()\n  return text.endsWith(\"/\")\n}\n\n/**\n * Recursively processes `<ul>` / `<li>` children, applying CSS classes\n * for directory vs. file styling.\n */\nfunction processChildren(children: ReactNode): ReactNode {\n  return Children.map(children, (child) => {\n    if (!isValidElement(child)) return child\n\n    const props = child.props as { children?: ReactNode; className?: string }\n\n    const el = child as ReactElement<HTMLAttributes<HTMLElement>>\n\n    if (child.type === \"li\") {\n      const isDir = isDirectory(child)\n      const className = [props.className, isDir ? \"ardo-filetree-dir\" : \"ardo-filetree-file\"]\n        .filter(Boolean)\n        .join(\" \")\n\n      return cloneElement(el, { className }, processChildren(props.children))\n    }\n\n    if (child.type === \"ul\" || child.type === \"ol\") {\n      return cloneElement(el, {}, processChildren(props.children))\n    }\n\n    return child\n  })\n}\n\n/**\n * A wrapper for unordered lists that renders a file/folder tree with icons.\n *\n * @example\n * ```mdx\n * <FileTree>\n * - src/\n *   - components/\n *     - Header.tsx\n *     - Footer.tsx\n *   - index.ts\n * - package.json\n * - README.md\n * </FileTree>\n * ```\n */\nexport function FileTree({ children }: FileTreeProps) {\n  return <div className=\"ardo-filetree\">{processChildren(children)}</div>\n}\n"],"mappings":"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","names":["useLocation","useState","jsx","jsxs","jsx","jsxs","useState","useState","useContext","jsx","jsxs","useContext","useState","jsx","jsxs","jsx","useLocation","useState","createContext","useContext","RouterNavLink","jsx","jsxs","NavLink","useState","useEffect","jsx","jsxs","useState","useEffect","jsx","jsxs","Link","jsx","jsxs","NavLink","Link","Link","Fragment","jsx","jsxs","className","Link","jsx","jsxs","jsx","Children","isValidElement","jsx"]}