ardo 3.1.0 → 3.2.1

package/dist/chunk-CZM5NX27.js

@@ -1,909 +0,0 @@
-import {
-  Content,
-  docPage,
-  footer,
-  footerBuildTime,
-  footerCopyright,
-  footerLink,
-  footerMessage,
-  footerPrimary,
-  footerSeparator
-} from "./chunk-IEPSORG5.js";
-import {
-  ChevronDown,
-  Github,
-  Linkedin,
-  MessageCircle,
-  Monitor,
-  Moon,
-  Package,
-  Sun,
-  Twitter,
-  Youtube
-} from "./chunk-PMS3P4MA.js";
-import {
-  ArdoContext,
-  ArdoProvider,
-  useConfig,
-  usePageData,
-  useSidebar,
-  useTOC,
-  useThemeConfig
-} from "./chunk-QELSOHIY.js";
-
-// src/ui/Layout.tsx
-import { useContext } from "react";
-import { Links, Meta, Scripts, ScrollRestoration } from "react-router";
-
-// src/ui/Layout.css.ts
-var home = "Layout_home__8autjm3";
-var homeMain = "Layout_homeMain__8autjm4";
-var layout = "Layout_layout__8autjm0";
-var layoutContainer = "Layout_layoutContainer__8autjm1";
-var main = "Layout_main__8autjm2";
-var skipLink = "Layout_skipLink__8autjm5";
-
-// src/ui/Layout.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var ARDO_FAVICON = "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";
-function RootLayout({ children, favicon, lang }) {
-  const context = useContext(ArdoContext);
-  const resolvedLang = lang ?? context?.config.lang ?? "en";
-  return /* @__PURE__ */ jsxs("html", { lang: resolvedLang, suppressHydrationWarning: true, children: [
-    /* @__PURE__ */ jsxs("head", { children: [
-      /* @__PURE__ */ jsx("meta", { charSet: "utf-8" }),
-      /* @__PURE__ */ jsx("meta", { name: "viewport", content: "width=device-width, initial-scale=1" }),
-      /* @__PURE__ */ jsx("link", { rel: "icon", type: "image/svg+xml", href: favicon ?? ARDO_FAVICON }),
-      /* @__PURE__ */ jsx(Meta, {}),
-      /* @__PURE__ */ jsx(Links, {})
-    ] }),
-    /* @__PURE__ */ jsxs("body", { suppressHydrationWarning: true, children: [
-      children,
-      /* @__PURE__ */ jsx(ScrollRestoration, {}),
-      /* @__PURE__ */ jsx(Scripts, {})
-    ] })
-  ] });
-}
-function Layout({ header: header2, sidebar: sidebar2, footer: footer2, children, className }) {
-  return /* @__PURE__ */ jsxs("div", { className: className ?? layout, children: [
-    /* @__PURE__ */ jsx("a", { href: "#main-content", className: skipLink, children: "Skip to content" }),
-    header2,
-    /* @__PURE__ */ jsxs("div", { className: layoutContainer, children: [
-      sidebar2,
-      /* @__PURE__ */ jsx("main", { id: "main-content", className: main, children })
-    ] }),
-    footer2
-  ] });
-}
-
-// src/ui/ArdoRoot.tsx
-import { cloneElement, isValidElement as isValidElement2 } from "react";
-import { Outlet, useLocation as useLocation3 } from "react-router";
-
-// src/ui/Header.tsx
-import { useEffect as useEffect2, useState as useState2, lazy, Suspense } from "react";
-import { Link, NavLink as RouterNavLink, useLocation } from "react-router";
-
-// src/ui/Header.css.ts
-var desktopNav = "Header_desktopNav__qjc2r59";
-var hamburger = "Header_hamburger__qjc2r58";
-var header = "Header_header__qjc2r50";
-var headerContainer = "Header_headerContainer__qjc2r51";
-var headerLeft = "Header_headerLeft__qjc2r52";
-var headerRight = "Header_headerRight__qjc2r53";
-var logo = "Header_logo__qjc2r55";
-var logoLink = "Header_logoLink__qjc2r54";
-var mobileMenu = "Header_mobileMenu__qjc2r5a";
-var mobileMenuButton = "Header_mobileMenuButton__qjc2r57";
-var siteTitle = "Header_siteTitle__qjc2r56";
-
-// src/ui/Nav.css.ts
-var nav = "Nav_nav__85hnke0";
-var navLink = "Nav_navLink__85hnke1";
-var socialLink = "Nav_socialLink__85hnke2";
-
-// src/ui/components/ThemeToggle.tsx
-import { useState, useEffect } from "react";
-
-// src/ui/components/ThemeToggle.css.ts
-var themeToggle = "ThemeToggle_themeToggle__18g5iyz0";
-
-// src/ui/components/ThemeToggle.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function ThemeToggle() {
-  const [theme, setTheme] = useState("system");
-  const [mounted, setMounted] = useState(false);
-  useEffect(() => {
-    setMounted(true);
-    const stored = localStorage.getItem("ardo-theme");
-    if (stored) {
-      setTheme(stored);
-      applyTheme(stored);
-    } else {
-      applyTheme("system");
-    }
-  }, []);
-  const toggleTheme = () => {
-    const nextTheme = theme === "light" ? "dark" : theme === "dark" ? "system" : "light";
-    setTheme(nextTheme);
-    localStorage.setItem("ardo-theme", nextTheme);
-    applyTheme(nextTheme);
-  };
-  if (!mounted) {
-    return /* @__PURE__ */ jsx2("button", { className: themeToggle, "aria-label": "Toggle theme", children: /* @__PURE__ */ jsx2("span", { className: "ardo-theme-icon", children: /* @__PURE__ */ jsx2(Sun, { size: 20 }) }) });
-  }
-  return /* @__PURE__ */ jsx2(
-    "button",
-    {
-      className: themeToggle,
-      onClick: toggleTheme,
-      "aria-label": `Switch to ${theme === "light" ? "dark" : theme === "dark" ? "system" : "light"} theme`,
-      children: /* @__PURE__ */ jsxs2("span", { className: "ardo-theme-icon", children: [
-        theme === "light" && /* @__PURE__ */ jsx2(Sun, { size: 20 }),
-        theme === "dark" && /* @__PURE__ */ jsx2(Moon, { size: 20 }),
-        theme === "system" && /* @__PURE__ */ jsx2(Monitor, { size: 20 })
-      ] })
-    }
-  );
-}
-function applyTheme(theme) {
-  const root = document.documentElement;
-  if (theme === "system") {
-    const isDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
-    root.classList.toggle("dark", isDark);
-    root.classList.toggle("light", !isDark);
-  } else {
-    root.classList.toggle("dark", theme === "dark");
-    root.classList.toggle("light", theme === "light");
-  }
-}
-
-// src/ui/Header.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var LazySearch = lazy(() => import("./Search-VYYG3D43.js").then((m) => ({ default: m.Search })));
-function Header({
-  logo: logo2,
-  title,
-  nav: nav2,
-  actions,
-  search = true,
-  themeToggle: themeToggle2 = true,
-  mobileMenuContent,
-  className
-}) {
-  const location = useLocation();
-  const config = useConfig();
-  const themeConfig = useThemeConfig();
-  const [mobileMenuOpen, setMobileMenuOpen] = useState2(false);
-  const resolvedLogo = logo2 ?? themeConfig.logo;
-  const resolvedTitle = title ?? (themeConfig.siteTitle !== false ? themeConfig.siteTitle ?? config.title : void 0);
-  const resolvedNav = nav2 ?? (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);
-  const hasMobileMenu = Boolean(mobileMenuContent);
-  useEffect2(() => {
-    setMobileMenuOpen(false);
-  }, [location.pathname]);
-  const handleMobileMenuClick = (event) => {
-    const target = event.target;
-    if (target.closest("a")) {
-      setMobileMenuOpen(false);
-    }
-  };
-  return /* @__PURE__ */ jsxs3("header", { className: className ?? header, children: [
-    /* @__PURE__ */ jsxs3("div", { className: headerContainer, children: [
-      /* @__PURE__ */ jsxs3("div", { className: headerLeft, children: [
-        hasMobileMenu && /* @__PURE__ */ jsx3(
-          "button",
-          {
-            type: "button",
-            className: mobileMenuButton,
-            onClick: () => setMobileMenuOpen(!mobileMenuOpen),
-            "aria-label": "Toggle menu",
-            "aria-expanded": mobileMenuOpen,
-            children: /* @__PURE__ */ jsxs3("span", { className: hamburger, children: [
-              /* @__PURE__ */ jsx3("span", {}),
-              /* @__PURE__ */ jsx3("span", {}),
-              /* @__PURE__ */ jsx3("span", {})
-            ] })
-          }
-        ),
-        /* @__PURE__ */ jsxs3(Link, { to: "/", className: logoLink, children: [
-          resolvedLogo && /* @__PURE__ */ jsx3(
-            "img",
-            {
-              src: typeof resolvedLogo === "string" ? resolvedLogo : resolvedLogo.light,
-              alt: resolvedTitle ?? "Logo",
-              className: logo
-            }
-          ),
-          resolvedTitle && /* @__PURE__ */ jsx3("span", { className: siteTitle, children: resolvedTitle })
-        ] })
-      ] }),
-      resolvedNav && /* @__PURE__ */ jsx3("div", { className: desktopNav, children: resolvedNav }),
-      /* @__PURE__ */ jsxs3("div", { className: headerRight, children: [
-        search && /* @__PURE__ */ jsx3(Suspense, { fallback: /* @__PURE__ */ jsx3("span", {}), children: /* @__PURE__ */ jsx3(LazySearch, {}) }),
-        themeToggle2 && /* @__PURE__ */ jsx3(ThemeToggle, {}),
-        resolvedActions
-      ] })
-    ] }),
-    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: mobileMenu, children: mobileMenuContent && /* @__PURE__ */ jsx3(
-      "div",
-      {
-        className: "ardo-mobile-menu-content ardo-mobile-menu-section",
-        onClick: handleMobileMenuClick,
-        children: mobileMenuContent
-      }
-    ) })
-  ] });
-}
-function SocialLink({ href, icon, ariaLabel, className }) {
-  return /* @__PURE__ */ jsx3(
-    "a",
-    {
-      href,
-      target: "_blank",
-      rel: "noopener noreferrer",
-      className: className ?? socialLink,
-      "aria-label": ariaLabel ?? icon,
-      children: /* @__PURE__ */ jsx3(SocialIcon, { icon })
-    }
-  );
-}
-function AutoNav({ items }) {
-  return /* @__PURE__ */ jsx3("nav", { className: nav, children: items.map((item, i) => /* @__PURE__ */ jsx3(AutoNavItem, { item }, i)) });
-}
-function AutoNavItem({ item }) {
-  if (item.link?.startsWith("http")) {
-    return /* @__PURE__ */ jsx3("a", { href: item.link, className: navLink, target: "_blank", rel: "noopener noreferrer", children: item.text });
-  }
-  if (item.link) {
-    return /* @__PURE__ */ jsx3(
-      RouterNavLink,
-      {
-        to: item.link,
-        className: ({ isActive }) => [navLink, isActive && "active"].filter(Boolean).join(" "),
-        children: item.text
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx3("span", { className: navLink, children: item.text });
-}
-var socialIcons = {
-  github: Github,
-  twitter: Twitter,
-  discord: MessageCircle,
-  linkedin: Linkedin,
-  youtube: Youtube,
-  npm: Package
-};
-function SocialIcon({ icon }) {
-  const IconComponent = socialIcons[icon] ?? Github;
-  return /* @__PURE__ */ jsx3(IconComponent, { size: 20 });
-}
-
-// src/ui/Sidebar.tsx
-import {
-  useState as useState3,
-  Children,
-  isValidElement,
-  createContext,
-  useContext as useContext2
-} from "react";
-import { NavLink, useLocation as useLocation2 } from "react-router";
-
-// src/ui/Sidebar.css.ts
-var sidebar = "Sidebar_sidebar__1057ydn0";
-var sidebarCollapse = "Sidebar_sidebarCollapse__1057ydn8";
-var sidebarItem = "Sidebar_sidebarItem__1057ydn4";
-var sidebarItemHeader = "Sidebar_sidebarItemHeader__1057ydn5";
-var sidebarLink = "Sidebar_sidebarLink__1057ydn6";
-var sidebarList = "Sidebar_sidebarList__1057ydn1";
-var sidebarList0 = "Sidebar_sidebarList0__1057ydn2";
-var sidebarList1 = "Sidebar_sidebarList1__1057ydn3";
-var sidebarText = "Sidebar_sidebarText__1057ydn7";
-
-// src/ui/Sidebar.tsx
-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 } = 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 ?? sidebar, children: /* @__PURE__ */ jsx4("nav", { "aria-label": "Main navigation", children: children ? /* @__PURE__ */ jsx4("ul", { className: `${sidebarList} ${sidebarList0}`, children }) : resolvedItems?.length ? /* @__PURE__ */ jsx4(SidebarItems, { items: resolvedItems, depth: 0 }) : null }) }) });
-}
-function SidebarGroup({
-  title,
-  to,
-  collapsed: initialCollapsed = false,
-  collapsible = true,
-  children,
-  className
-}) {
-  const [collapsed, setCollapsed] = useState3(initialCollapsed);
-  const { currentPath } = useSidebarContext();
-  const isChildActive = checkChildrenActive(children, currentPath);
-  const textClassName = [sidebarText, isChildActive && "child-active"].filter(Boolean).join(" ");
-  const hasChildren = Children.count(children) > 0;
-  return /* @__PURE__ */ jsxs4("li", { className: className ?? sidebarItem, children: [
-    /* @__PURE__ */ jsxs4("div", { className: sidebarItemHeader, children: [
-      to ? /* @__PURE__ */ jsx4(
-        NavLink,
-        {
-          to,
-          end: true,
-          className: ({ isActive }) => [textClassName, isActive && "active"].filter(Boolean).join(" "),
-          children: title
-        }
-      ) : /* @__PURE__ */ jsx4(
-        "span",
-        {
-          className: textClassName,
-          onClick: () => collapsible && hasChildren && setCollapsed(!collapsed),
-          style: collapsible && hasChildren ? { cursor: "pointer" } : void 0,
-          children: title
-        }
-      ),
-      collapsible && hasChildren && /* @__PURE__ */ jsx4(
-        "button",
-        {
-          className: [sidebarCollapse, collapsed && "collapsed"].filter(Boolean).join(" "),
-          onClick: () => setCollapsed(!collapsed),
-          "aria-label": collapsed ? "Expand" : "Collapse",
-          children: /* @__PURE__ */ jsx4(ChevronDown, { size: 16 })
-        }
-      )
-    ] }),
-    hasChildren && !collapsed && /* @__PURE__ */ jsx4("ul", { className: `${sidebarList} ${sidebarList1}`, children })
-  ] });
-}
-function SidebarLink({ to, children, className }) {
-  const baseClassName = className ?? sidebarLink;
-  return /* @__PURE__ */ jsx4("li", { className: sidebarItem, children: /* @__PURE__ */ jsx4(
-    NavLink,
-    {
-      to,
-      className: ({ isActive }) => [baseClassName, isActive && "active"].filter(Boolean).join(" "),
-      children
-    }
-  ) });
-}
-function SidebarItems({ items, depth }) {
-  return /* @__PURE__ */ jsx4(
-    "ul",
-    {
-      className: `${sidebarList} ${depth === 0 ? sidebarList0 : sidebarList1}`,
-      children: items.map((item, index) => /* @__PURE__ */ jsx4(SidebarItemComponent, { item, depth }, index))
-    }
-  );
-}
-function SidebarItemComponent({ item, depth }) {
-  const { currentPath } = useSidebarContext();
-  const [collapsed, setCollapsed] = useState3(item.collapsed ?? false);
-  const hasChildren = item.items && item.items.length > 0;
-  const isChildActive = hasChildren && item.items.some(
-    (child) => child.link === currentPath || child.items && child.items.some((grandchild) => grandchild.link === currentPath)
-  );
-  const linkClassName = [sidebarLink, isChildActive && "child-active"].filter(Boolean).join(" ");
-  const textClassName = [sidebarText, isChildActive && "child-active"].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs4("li", { className: sidebarItem, children: [
-    /* @__PURE__ */ jsxs4("div", { className: sidebarItemHeader, children: [
-      item.link ? /* @__PURE__ */ jsx4(
-        NavLink,
-        {
-          to: item.link,
-          className: ({ isActive }) => [linkClassName, isActive && "active"].filter(Boolean).join(" "),
-          children: item.text
-        }
-      ) : /* @__PURE__ */ jsx4("span", { className: textClassName, onClick: () => hasChildren && setCollapsed(!collapsed), children: item.text }),
-      hasChildren && /* @__PURE__ */ jsx4(
-        "button",
-        {
-          className: [sidebarCollapse, collapsed && "collapsed"].filter(Boolean).join(" "),
-          onClick: () => setCollapsed(!collapsed),
-          "aria-label": collapsed ? "Expand" : "Collapse",
-          children: /* @__PURE__ */ jsx4(ChevronDown, { size: 16 })
-        }
-      )
-    ] }),
-    hasChildren && !collapsed && /* @__PURE__ */ jsx4(SidebarItems, { items: item.items, depth: depth + 1 })
-  ] });
-}
-function checkChildrenActive(children, currentPath) {
-  let isActive = false;
-  Children.forEach(children, (child) => {
-    if (isActive) return;
-    if (isValidElement(child)) {
-      if (child.type === SidebarLink && child.props.to === currentPath) {
-        isActive = true;
-        return;
-      }
-      if (child.type === SidebarGroup) {
-        const groupProps = child.props;
-        if (groupProps.to === currentPath) {
-          isActive = true;
-          return;
-        }
-        if (groupProps.children && checkChildrenActive(groupProps.children, currentPath)) {
-          isActive = true;
-          return;
-        }
-      }
-    }
-  });
-  return isActive;
-}
-
-// src/ui/Footer.tsx
-import { Fragment, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-function formatBuildTime(iso) {
-  try {
-    const date = new Date(iso);
-    return date.toLocaleDateString("en-US", {
-      month: "long",
-      day: "numeric",
-      year: "numeric"
-    });
-  } catch {
-    return iso;
-  }
-}
-function Footer({
-  message,
-  copyright,
-  children,
-  className,
-  project,
-  sponsor,
-  buildTime,
-  buildHash,
-  ardoLink = true
-}) {
-  const config = useConfig();
-  const themeConfig = useThemeConfig();
-  const resolvedProject = project ?? config.project;
-  const resolvedBuildTime = buildTime ?? config.buildTime;
-  const resolvedBuildHash = buildHash ?? config.buildHash;
-  const resolvedMessage = message ?? themeConfig.footer?.message;
-  const resolvedCopyright = copyright ?? themeConfig.footer?.copyright;
-  const resolvedSponsor = sponsor ?? themeConfig.footer?.sponsor;
-  const hasContent = resolvedMessage || resolvedCopyright || children || resolvedProject || resolvedSponsor || resolvedBuildTime || ardoLink;
-  if (!hasContent) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx5("footer", { className: className ?? footer, children: /* @__PURE__ */ jsx5("div", { className: "ardo-footer-container", children: children ?? /* @__PURE__ */ jsxs5(Fragment, { children: [
-    (resolvedProject || ardoLink || resolvedSponsor) && /* @__PURE__ */ jsxs5("p", { className: footerPrimary, children: [
-      resolvedProject?.name && /* @__PURE__ */ jsx5(Fragment, { children: resolvedProject.homepage ? /* @__PURE__ */ jsxs5("a", { href: resolvedProject.homepage, className: footerLink, children: [
-        resolvedProject.name,
-        resolvedProject.version ? ` v${resolvedProject.version}` : ""
-      ] }) : /* @__PURE__ */ jsxs5("span", { children: [
-        resolvedProject.name,
-        resolvedProject.version ? ` v${resolvedProject.version}` : ""
-      ] }) }),
-      resolvedProject?.name && ardoLink && /* @__PURE__ */ jsx5("span", { className: footerSeparator, "aria-hidden": "true" }),
-      ardoLink && /* @__PURE__ */ jsx5("a", { href: "https://ardo-docs.dev", className: footerLink, children: "Built with Ardo" }),
-      (resolvedProject?.name || ardoLink) && resolvedSponsor && /* @__PURE__ */ jsx5("span", { className: footerSeparator, "aria-hidden": "true" }),
-      resolvedSponsor && /* @__PURE__ */ jsxs5("a", { href: resolvedSponsor.link, className: footerLink, children: [
-        "Sponsored by ",
-        resolvedSponsor.text
-      ] })
-    ] }),
-    resolvedMessage && /* @__PURE__ */ jsx5(
-      "p",
-      {
-        className: footerMessage,
-        dangerouslySetInnerHTML: { __html: resolvedMessage }
-      }
-    ),
-    resolvedCopyright && /* @__PURE__ */ jsx5(
-      "p",
-      {
-        className: footerCopyright,
-        dangerouslySetInnerHTML: { __html: resolvedCopyright }
-      }
-    ),
-    resolvedBuildTime && /* @__PURE__ */ jsxs5("p", { className: footerBuildTime, children: [
-      "Built on ",
-      formatBuildTime(resolvedBuildTime),
-      resolvedBuildHash && /* @__PURE__ */ jsxs5(Fragment, { children: [
-        " (",
-        resolvedBuildHash,
-        ")"
-      ] })
-    ] })
-  ] }) }) });
-}
-
-// src/ui/ArdoRoot.tsx
-import { jsx as jsx6 } from "react/jsx-runtime";
-function ArdoRoot({
-  config,
-  sidebar: sidebar2,
-  header: header2,
-  sidebarContent,
-  footer: footer2,
-  headerProps,
-  sidebarProps,
-  footerProps,
-  className,
-  children
-}) {
-  const location = useLocation3();
-  const isHomePage = location.pathname === "/" || location.pathname === "";
-  const resolvedSidebar = isHomePage ? void 0 : sidebarContent ?? /* @__PURE__ */ jsx6(Sidebar, { ...sidebarProps });
-  const inferredMobileMenuContent = isHomePage ? void 0 : resolvedSidebar;
-  const resolvedHeader = header2 ? enhanceHeaderWithMobileMenuContent(header2, inferredMobileMenuContent) : /* @__PURE__ */ jsx6(
-    Header,
-    {
-      ...headerProps,
-      mobileMenuContent: headerProps?.mobileMenuContent ?? inferredMobileMenuContent
-    }
-  );
-  const resolvedFooter = footer2 ?? /* @__PURE__ */ jsx6(Footer, { ...footerProps });
-  const resolvedClassName = className ?? (isHomePage ? `${layout} ${home}` : layout);
-  return /* @__PURE__ */ jsx6(ArdoProvider, { config, sidebar: sidebar2, children: /* @__PURE__ */ jsx6(
-    Layout,
-    {
-      className: resolvedClassName,
-      header: resolvedHeader,
-      sidebar: resolvedSidebar,
-      footer: resolvedFooter,
-      children: children ?? /* @__PURE__ */ jsx6(Outlet, {})
-    }
-  ) });
-}
-function enhanceHeaderWithMobileMenuContent(header2, mobileMenuContent) {
-  if (!isValidElement2(header2) || header2.type !== Header) {
-    return header2;
-  }
-  const existingMobileMenuContent = header2.props.mobileMenuContent;
-  if (existingMobileMenuContent !== void 0) {
-    return header2;
-  }
-  return cloneElement(header2, { mobileMenuContent });
-}
-
-// src/ui/Nav.tsx
-import { useState as useState4, createContext as createContext2, useContext as useContext3 } from "react";
-import { NavLink as RouterNavLink2 } from "react-router";
-import { jsx as jsx7 } from "react/jsx-runtime";
-var NavContext = createContext2(null);
-function useNavContext() {
-  return useContext3(NavContext);
-}
-function Nav({ children, className }) {
-  return /* @__PURE__ */ jsx7("nav", { className: className ?? nav, children });
-}
-function NavLink2({
-  to,
-  href,
-  children,
-  className,
-  activeMatch: _activeMatch
-}) {
-  const navContext = useNavContext();
-  const baseClassName = className ?? navLink;
-  const handleClick = () => {
-    navContext?.setMobileMenuOpen(false);
-  };
-  if (href) {
-    return /* @__PURE__ */ jsx7(
-      "a",
-      {
-        href,
-        className: baseClassName,
-        target: "_blank",
-        rel: "noopener noreferrer",
-        onClick: handleClick,
-        children
-      }
-    );
-  }
-  if (to) {
-    return /* @__PURE__ */ jsx7(
-      RouterNavLink2,
-      {
-        to,
-        className: ({ isActive }) => [baseClassName, isActive && "active"].filter(Boolean).join(" "),
-        onClick: handleClick,
-        children
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx7("span", { className: baseClassName, children });
-}
-
-// src/ui/TOC.tsx
-import { useState as useState5, useEffect as useEffect3 } from "react";
-
-// src/ui/TOC.css.ts
-var toc = "TOC_toc__1trko900";
-var tocLink = "TOC_tocLink__1trko903";
-var tocLink3 = "TOC_tocLink3__1trko904";
-var tocLink4 = "TOC_tocLink4__1trko905";
-var tocList = "TOC_tocList__1trko902";
-var tocTitle = "TOC_tocTitle__1trko901";
-
-// src/ui/TOC.tsx
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
-function TOC() {
-  const toc2 = useTOC();
-  const themeConfig = useThemeConfig();
-  const [activeId, setActiveId] = useState5("");
-  const label = themeConfig.outline?.label ?? "On this page";
-  useEffect3(() => {
-    if (toc2.length === 0) return;
-    const headingElements = toc2.map((item) => document.getElementById(item.id)).filter(Boolean);
-    if (headingElements.length === 0) return;
-    const observer = new IntersectionObserver(
-      (entries) => {
-        for (const entry of entries) {
-          if (entry.isIntersecting) {
-            setActiveId(entry.target.id);
-            break;
-          }
-        }
-      },
-      {
-        rootMargin: "-80px 0px -80% 0px",
-        threshold: 0
-      }
-    );
-    headingElements.forEach((el) => el && observer.observe(el));
-    return () => {
-      headingElements.forEach((el) => el && observer.unobserve(el));
-    };
-  }, [toc2]);
-  if (toc2.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx8("aside", { className: toc, children: /* @__PURE__ */ jsxs6("div", { children: [
-    /* @__PURE__ */ jsx8("h3", { className: tocTitle, children: label }),
-    /* @__PURE__ */ jsx8("nav", { "aria-label": "Table of contents", children: /* @__PURE__ */ jsx8(TOCItems, { items: toc2, activeId }) })
-  ] }) });
-}
-function TOCItems({ items, activeId }) {
-  return /* @__PURE__ */ jsx8("ul", { className: tocList, children: items.map((item) => /* @__PURE__ */ jsx8(TOCItemComponent, { item, activeId }, item.id)) });
-}
-function TOCItemComponent({ item, activeId }) {
-  const isActive = item.id === activeId;
-  const hasActiveChild = hasActiveDescendant(item, activeId);
-  return /* @__PURE__ */ jsxs6("li", { children: [
-    /* @__PURE__ */ jsx8(
-      "a",
-      {
-        href: `#${item.id}`,
-        className: [
-          tocLink,
-          item.level === 3 && tocLink3,
-          item.level === 4 && tocLink4,
-          isActive && "active",
-          hasActiveChild && "child-active"
-        ].filter(Boolean).join(" "),
-        onClick: (e) => {
-          e.preventDefault();
-          const element = document.getElementById(item.id);
-          if (element) {
-            element.scrollIntoView({ behavior: "smooth" });
-            window.history.pushState(null, "", `#${item.id}`);
-          }
-        },
-        children: item.text
-      }
-    ),
-    item.children && item.children.length > 0 && /* @__PURE__ */ jsx8(TOCItems, { items: item.children, activeId })
-  ] });
-}
-function hasActiveDescendant(item, activeId) {
-  if (!item.children) return false;
-  for (const child of item.children) {
-    if (child.id === activeId) return true;
-    if (hasActiveDescendant(child, activeId)) return true;
-  }
-  return false;
-}
-
-// src/ui/DocPage.tsx
-import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
-function DocPage({ children }) {
-  const pageData = usePageData();
-  const showToc = pageData?.frontmatter.outline !== false && pageData?.toc && pageData.toc.length > 0;
-  return /* @__PURE__ */ jsx9(Layout, { children: /* @__PURE__ */ jsxs7("div", { className: docPage, children: [
-    /* @__PURE__ */ jsx9(Content, { children }),
-    showToc && /* @__PURE__ */ jsx9(TOC, {})
-  ] }) });
-}
-function DocContent({ children }) {
-  const pageData = usePageData();
-  const showToc = pageData?.frontmatter.outline !== false && pageData?.toc && pageData.toc.length > 0;
-  return /* @__PURE__ */ jsxs7("div", { className: docPage, children: [
-    /* @__PURE__ */ jsx9(Content, { children }),
-    showToc && /* @__PURE__ */ jsx9(TOC, {})
-  ] });
-}
-function DocLayout({ content }) {
-  return /* @__PURE__ */ jsx9(DocPage, { children: content });
-}
-
-// src/ui/HomePage.tsx
-import { Link as Link2 } from "react-router";
-
-// src/ui/components/Hero.css.ts
-var hero = "Hero_hero__j780910";
-var heroAction = "Hero_heroAction__j780918";
-var heroActionAlt = "Hero_heroActionAlt__j78091a";
-var heroActionBrand = "Hero_heroActionBrand__j780919";
-var heroActions = "Hero_heroActions__j780917";
-var heroAnimate = "Hero_heroAnimate__j780912";
-var heroContainer = "Hero_heroContainer__j780911";
-var heroName = "Hero_heroName__j780914";
-var heroTagline = "Hero_heroTagline__j780916";
-var heroText = "Hero_heroText__j780915";
-var heroVersion = "Hero_heroVersion__j780913";
-
-// src/ui/components/Features.css.ts
-var feature = "Features_feature__15qe9bp5";
-var featureDetails = "Features_featureDetails__15qe9bp8";
-var featureIcon = "Features_featureIcon__15qe9bp6";
-var featureLink = "Features_featureLink__15qe9bp9";
-var featureTitle = "Features_featureTitle__15qe9bp7";
-var features = "Features_features__15qe9bp0";
-var featuresContainer = "Features_featuresContainer__15qe9bp4";
-var featuresHeader = "Features_featuresHeader__15qe9bp1";
-var featuresSubtitle = "Features_featuresSubtitle__15qe9bp3";
-var featuresTitle = "Features_featuresTitle__15qe9bp2";
-
-// src/ui/HomePage.tsx
-import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
-function HomePage() {
-  const pageData = usePageData();
-  const config = useConfig();
-  const themeConfig = useThemeConfig();
-  const hero2 = pageData?.frontmatter.hero;
-  const features2 = pageData?.frontmatter.features;
-  return /* @__PURE__ */ jsxs8("div", { className: home, children: [
-    /* @__PURE__ */ jsx10(
-      Header,
-      {
-        logo: themeConfig.logo,
-        title: themeConfig.siteTitle !== false ? config.title : void 0,
-        nav: themeConfig.nav && themeConfig.nav.length > 0 ? /* @__PURE__ */ jsx10(Nav, { children: themeConfig.nav.map((item, index) => /* @__PURE__ */ jsx10(NavLink2, { to: item.link, children: item.text }, index)) }) : void 0,
-        actions: themeConfig.socialLinks?.map((link, index) => /* @__PURE__ */ jsx10(SocialLink, { href: link.link, icon: link.icon, ariaLabel: link.ariaLabel }, index))
-      }
-    ),
-    /* @__PURE__ */ jsxs8("main", { className: homeMain, children: [
-      hero2 && /* @__PURE__ */ jsx10("section", { className: hero, children: /* @__PURE__ */ jsxs8("div", { className: heroContainer, children: [
-        hero2.image && /* @__PURE__ */ jsx10("div", { children: /* @__PURE__ */ jsx10(
-          "img",
-          {
-            src: typeof hero2.image === "string" ? hero2.image : hero2.image.light,
-            alt: hero2.name || config.title
-          }
-        ) }),
-        /* @__PURE__ */ jsxs8("div", { children: [
-          hero2.name && /* @__PURE__ */ jsx10("h1", { className: heroName, children: hero2.name }),
-          hero2.text && /* @__PURE__ */ jsx10("p", { className: heroText, children: hero2.text }),
-          hero2.tagline && /* @__PURE__ */ jsx10("p", { className: heroTagline, children: hero2.tagline }),
-          hero2.actions && hero2.actions.length > 0 && /* @__PURE__ */ jsx10("div", { className: heroActions, children: hero2.actions.map((action, index) => /* @__PURE__ */ jsx10(
-            Link2,
-            {
-              to: action.link,
-              className: `${heroAction} ${action.theme === "alt" ? heroActionAlt : heroActionBrand}`,
-              children: action.text
-            },
-            index
-          )) })
-        ] })
-      ] }) }),
-      features2 && features2.length > 0 && /* @__PURE__ */ jsx10("section", { className: features, children: /* @__PURE__ */ jsx10("div", { className: featuresContainer, children: features2.map((feature2, index) => /* @__PURE__ */ jsxs8("div", { className: feature, children: [
-        feature2.icon && /* @__PURE__ */ jsx10("div", { className: featureIcon, children: feature2.icon }),
-        /* @__PURE__ */ jsx10("h3", { className: featureTitle, children: feature2.title }),
-        /* @__PURE__ */ jsx10("p", { className: featureDetails, children: feature2.details }),
-        feature2.link && /* @__PURE__ */ jsx10(Link2, { to: feature2.link, className: featureLink, children: feature2.linkText || "Learn more" })
-      ] }, index)) }) })
-    ] }),
-    /* @__PURE__ */ jsx10(Footer, {})
-  ] });
-}
-
-// src/ui/components/Hero.tsx
-import { Link as Link3 } from "react-router";
-import { Fragment as Fragment2, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
-function Hero({ name, text, tagline, image, actions, className, version }) {
-  const imageUrl = typeof image === "string" ? image : image?.light;
-  const imageAlt = typeof image === "string" ? name : image?.alt ?? name;
-  return /* @__PURE__ */ jsx11("section", { className: className ?? hero, children: /* @__PURE__ */ jsxs9("div", { className: `${heroContainer} ${heroAnimate}`, children: [
-    image && /* @__PURE__ */ jsx11("div", { children: /* @__PURE__ */ jsx11("img", { src: imageUrl, alt: imageAlt }) }),
-    /* @__PURE__ */ jsxs9("div", { children: [
-      version && /* @__PURE__ */ jsxs9("span", { className: heroVersion, children: [
-        "v",
-        version
-      ] }),
-      name && /* @__PURE__ */ jsx11("h1", { className: heroName, children: name }),
-      text && /* @__PURE__ */ jsx11("p", { className: heroText, children: text }),
-      tagline && /* @__PURE__ */ jsx11("p", { className: heroTagline, children: tagline }),
-      actions && actions.length > 0 && /* @__PURE__ */ jsx11("div", { className: heroActions, children: actions.map((action, index) => {
-        const link = action.link;
-        const isExternal = typeof link === "string" && (link.startsWith("http://") || link.startsWith("https://"));
-        const actionClass = `${heroAction} ${action.theme === "alt" ? heroActionAlt : heroActionBrand}`;
-        const content = /* @__PURE__ */ jsxs9(Fragment2, { children: [
-          action.icon,
-          action.text
-        ] });
-        if (isExternal) {
-          return /* @__PURE__ */ jsx11(
-            "a",
-            {
-              href: link,
-              className: actionClass,
-              target: "_blank",
-              rel: "noopener noreferrer",
-              children: content
-            },
-            index
-          );
-        }
-        return /* @__PURE__ */ jsx11(Link3, { to: link, className: actionClass, children: content }, index);
-      }) })
-    ] })
-  ] }) });
-}
-
-// src/ui/components/Features.tsx
-import { Link as Link4 } from "react-router";
-import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
-function FeatureCard({
-  title,
-  icon,
-  details,
-  link,
-  linkText,
-  className,
-  style
-}) {
-  return /* @__PURE__ */ jsxs10("div", { className: className ?? feature, style, children: [
-    icon && /* @__PURE__ */ jsx12("div", { className: featureIcon, children: icon }),
-    /* @__PURE__ */ jsx12("h3", { className: featureTitle, children: title }),
-    /* @__PURE__ */ jsx12("p", { className: featureDetails, children: details }),
-    link && /* @__PURE__ */ jsx12(Link4, { to: link, className: featureLink, children: linkText || "Learn more" })
-  ] });
-}
-function Features({ items, title, subtitle, className }) {
-  if (!items || items.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs10("section", { className: className ?? features, children: [
-    (title || subtitle) && /* @__PURE__ */ jsxs10("div", { className: featuresHeader, children: [
-      title && /* @__PURE__ */ jsx12("h2", { className: featuresTitle, children: title }),
-      subtitle && /* @__PURE__ */ jsx12("p", { className: featuresSubtitle, children: subtitle })
-    ] }),
-    /* @__PURE__ */ jsx12("div", { className: featuresContainer, children: items.map((feature2, index) => /* @__PURE__ */ jsx12(FeatureCard, { ...feature2, style: { animationDelay: `${index * 80}ms` } }, index)) })
-  ] });
-}
-
-export {
-  RootLayout,
-  Layout,
-  ThemeToggle,
-  Header,
-  SocialLink,
-  Sidebar,
-  SidebarGroup,
-  SidebarLink,
-  Footer,
-  ArdoRoot,
-  Nav,
-  NavLink2 as NavLink,
-  TOC,
-  DocPage,
-  DocContent,
-  DocLayout,
-  HomePage,
-  Hero,
-  FeatureCard,
-  Features
-};
-//# sourceMappingURL=chunk-CZM5NX27.js.map