ardo 1.2.3 → 2.0.1

package/dist/chunk-ZXPAEM3M.js

@@ -0,0 +1,854 @@
+import {
+  Content
+} from "./chunk-UWAVET45.js";
+import {
+  useConfig,
+  usePageData,
+  useTOC,
+  useThemeConfig
+} from "./chunk-EOV2OUTW.js";
+
+// src/ui/Layout.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Layout({ header, sidebar, footer, children, className }) {
+  return /* @__PURE__ */ jsxs("div", { className: className ?? "ardo-layout", children: [
+    header,
+    /* @__PURE__ */ jsxs("div", { className: "ardo-layout-container", children: [
+      sidebar,
+      /* @__PURE__ */ jsx("main", { className: "ardo-main", children })
+    ] }),
+    footer
+  ] });
+}
+
+// src/ui/Header.tsx
+import { useState as useState3 } from "react";
+import { Link as Link2 } from "react-router";
+
+// src/ui/components/ThemeToggle.tsx
+import { useState, useEffect } from "react";
+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: "ardo-theme-toggle", "aria-label": "Toggle theme", children: /* @__PURE__ */ jsx2("span", { className: "ardo-theme-icon", children: /* @__PURE__ */ jsx2(SunIcon, {}) }) });
+  }
+  return /* @__PURE__ */ jsx2(
+    "button",
+    {
+      className: "ardo-theme-toggle",
+      onClick: toggleTheme,
+      "aria-label": `Switch to ${theme === "light" ? "dark" : theme === "dark" ? "system" : "light"} theme`,
+      children: /* @__PURE__ */ jsxs2("span", { className: "ardo-theme-icon", children: [
+        theme === "light" && /* @__PURE__ */ jsx2(SunIcon, {}),
+        theme === "dark" && /* @__PURE__ */ jsx2(MoonIcon, {}),
+        theme === "system" && /* @__PURE__ */ jsx2(SystemIcon, {})
+      ] })
+    }
+  );
+}
+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");
+  }
+}
+function SunIcon() {
+  return /* @__PURE__ */ jsxs2(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      width: "20",
+      height: "20",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      children: [
+        /* @__PURE__ */ jsx2("circle", { cx: "12", cy: "12", r: "5" }),
+        /* @__PURE__ */ jsx2("line", { x1: "12", y1: "1", x2: "12", y2: "3" }),
+        /* @__PURE__ */ jsx2("line", { x1: "12", y1: "21", x2: "12", y2: "23" }),
+        /* @__PURE__ */ jsx2("line", { x1: "4.22", y1: "4.22", x2: "5.64", y2: "5.64" }),
+        /* @__PURE__ */ jsx2("line", { x1: "18.36", y1: "18.36", x2: "19.78", y2: "19.78" }),
+        /* @__PURE__ */ jsx2("line", { x1: "1", y1: "12", x2: "3", y2: "12" }),
+        /* @__PURE__ */ jsx2("line", { x1: "21", y1: "12", x2: "23", y2: "12" }),
+        /* @__PURE__ */ jsx2("line", { x1: "4.22", y1: "19.78", x2: "5.64", y2: "18.36" }),
+        /* @__PURE__ */ jsx2("line", { x1: "18.36", y1: "5.64", x2: "19.78", y2: "4.22" })
+      ]
+    }
+  );
+}
+function MoonIcon() {
+  return /* @__PURE__ */ jsx2(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      width: "20",
+      height: "20",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      children: /* @__PURE__ */ jsx2("path", { d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" })
+    }
+  );
+}
+function SystemIcon() {
+  return /* @__PURE__ */ jsxs2(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      width: "20",
+      height: "20",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      children: [
+        /* @__PURE__ */ jsx2("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2", ry: "2" }),
+        /* @__PURE__ */ jsx2("line", { x1: "8", y1: "21", x2: "16", y2: "21" }),
+        /* @__PURE__ */ jsx2("line", { x1: "12", y1: "17", x2: "12", y2: "21" })
+      ]
+    }
+  );
+}
+
+// src/ui/components/Search.tsx
+import { useState as useState2, useEffect as useEffect2, useRef, useMemo } from "react";
+import { Link } from "react-router";
+import MiniSearch from "minisearch";
+import searchDocs from "virtual:ardo/search-index";
+import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function Search() {
+  const [isOpen, setIsOpen] = useState2(false);
+  const [query, setQuery] = useState2("");
+  const [results, setResults] = useState2([]);
+  const [selectedIndex, setSelectedIndex] = useState2(0);
+  const inputRef = useRef(null);
+  const themeConfig = useThemeConfig();
+  const placeholder = themeConfig.search?.placeholder ?? "Search...";
+  useEffect2(() => {
+    const handleKeyDown2 = (e) => {
+      if ((e.metaKey || e.ctrlKey) && e.key === "k") {
+        e.preventDefault();
+        setIsOpen(true);
+      }
+      if (e.key === "Escape") {
+        setIsOpen(false);
+      }
+    };
+    document.addEventListener("keydown", handleKeyDown2);
+    return () => document.removeEventListener("keydown", handleKeyDown2);
+  }, []);
+  useEffect2(() => {
+    if (isOpen && inputRef.current) {
+      inputRef.current.focus();
+    }
+  }, [isOpen]);
+  useEffect2(() => {
+    if (!isOpen) {
+      setQuery("");
+      setResults([]);
+      setSelectedIndex(0);
+    }
+  }, [isOpen]);
+  const searchIndex = useMemo(() => {
+    const index = new MiniSearch({
+      fields: ["title", "content", "section"],
+      storeFields: ["title", "path", "section"],
+      searchOptions: {
+        boost: { title: 2 },
+        fuzzy: 0.2,
+        prefix: true
+      }
+    });
+    index.addAll(searchDocs);
+    return index;
+  }, []);
+  const handleSearch = (searchQuery) => {
+    setQuery(searchQuery);
+    if (!searchQuery.trim()) {
+      setResults([]);
+      return;
+    }
+    const searchResults = searchIndex.search(searchQuery).slice(0, 10);
+    setResults(searchResults);
+    setSelectedIndex(0);
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "ArrowDown") {
+      e.preventDefault();
+      setSelectedIndex((prev) => Math.min(prev + 1, results.length - 1));
+    } else if (e.key === "ArrowUp") {
+      e.preventDefault();
+      setSelectedIndex((prev) => Math.max(prev - 1, 0));
+    } else if (e.key === "Enter" && results[selectedIndex]) {
+      e.preventDefault();
+      const result = results[selectedIndex];
+      window.location.href = result.path;
+      setIsOpen(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs3(Fragment, { children: [
+    /* @__PURE__ */ jsxs3("button", { className: "ardo-search-button", onClick: () => setIsOpen(true), "aria-label": "Search", children: [
+      /* @__PURE__ */ jsx3(SearchIcon, {}),
+      /* @__PURE__ */ jsx3("span", { className: "ardo-search-button-text", children: placeholder }),
+      /* @__PURE__ */ jsxs3("span", { className: "ardo-search-kbd", children: [
+        /* @__PURE__ */ jsx3("kbd", { children: "\u2318" }),
+        /* @__PURE__ */ jsx3("kbd", { children: "K" })
+      ] })
+    ] }),
+    isOpen && /* @__PURE__ */ jsx3("div", { className: "ardo-search-modal", onClick: () => setIsOpen(false), children: /* @__PURE__ */ jsxs3("div", { className: "ardo-search-dialog", onClick: (e) => e.stopPropagation(), children: [
+      /* @__PURE__ */ jsxs3("div", { className: "ardo-search-input-wrapper", children: [
+        /* @__PURE__ */ jsx3(SearchIcon, {}),
+        /* @__PURE__ */ jsx3(
+          "input",
+          {
+            ref: inputRef,
+            type: "text",
+            className: "ardo-search-input",
+            placeholder,
+            value: query,
+            onChange: (e) => handleSearch(e.target.value),
+            onKeyDown: handleKeyDown
+          }
+        ),
+        query && /* @__PURE__ */ jsx3(
+          "button",
+          {
+            className: "ardo-search-clear",
+            onClick: () => handleSearch(""),
+            "aria-label": "Clear search",
+            children: "\xD7"
+          }
+        )
+      ] }),
+      results.length > 0 && /* @__PURE__ */ jsx3("ul", { className: "ardo-search-results", children: results.map((result, index) => /* @__PURE__ */ jsx3("li", { children: /* @__PURE__ */ jsxs3(
+        Link,
+        {
+          to: result.path,
+          className: ["ardo-search-result", index === selectedIndex && "selected"].filter(Boolean).join(" "),
+          onClick: () => setIsOpen(false),
+          children: [
+            /* @__PURE__ */ jsx3("span", { className: "ardo-search-result-title", children: result.title }),
+            result.section && /* @__PURE__ */ jsx3("span", { className: "ardo-search-result-section", children: result.section })
+          ]
+        }
+      ) }, result.id)) }),
+      query && results.length === 0 && /* @__PURE__ */ jsxs3("div", { className: "ardo-search-no-results", children: [
+        'No results found for "',
+        query,
+        '"'
+      ] }),
+      /* @__PURE__ */ jsxs3("div", { className: "ardo-search-footer", children: [
+        /* @__PURE__ */ jsxs3("span", { children: [
+          /* @__PURE__ */ jsx3("kbd", { children: "\u2191" }),
+          " ",
+          /* @__PURE__ */ jsx3("kbd", { children: "\u2193" }),
+          " to navigate"
+        ] }),
+        /* @__PURE__ */ jsxs3("span", { children: [
+          /* @__PURE__ */ jsx3("kbd", { children: "\u21B5" }),
+          " to select"
+        ] }),
+        /* @__PURE__ */ jsxs3("span", { children: [
+          /* @__PURE__ */ jsx3("kbd", { children: "esc" }),
+          " to close"
+        ] })
+      ] })
+    ] }) })
+  ] });
+}
+function SearchIcon() {
+  return /* @__PURE__ */ jsxs3(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      width: "18",
+      height: "18",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      children: [
+        /* @__PURE__ */ jsx3("circle", { cx: "11", cy: "11", r: "8" }),
+        /* @__PURE__ */ jsx3("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
+      ]
+    }
+  );
+}
+
+// src/ui/Header.tsx
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function Header({
+  logo,
+  title,
+  nav,
+  actions,
+  search = true,
+  themeToggle = true,
+  className
+}) {
+  const [mobileMenuOpen, setMobileMenuOpen] = useState3(false);
+  return /* @__PURE__ */ jsxs4("header", { className: className ?? "ardo-header", children: [
+    /* @__PURE__ */ jsxs4("div", { className: "ardo-header-container", children: [
+      /* @__PURE__ */ jsxs4("div", { className: "ardo-header-left", children: [
+        /* @__PURE__ */ jsx4(
+          "button",
+          {
+            className: "ardo-mobile-menu-button",
+            onClick: () => setMobileMenuOpen(!mobileMenuOpen),
+            "aria-label": "Toggle menu",
+            "aria-expanded": mobileMenuOpen,
+            children: /* @__PURE__ */ jsxs4("span", { className: "ardo-hamburger", children: [
+              /* @__PURE__ */ jsx4("span", {}),
+              /* @__PURE__ */ jsx4("span", {}),
+              /* @__PURE__ */ jsx4("span", {})
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsxs4(Link2, { to: "/", className: "ardo-logo-link", children: [
+          logo && /* @__PURE__ */ jsx4(
+            "img",
+            {
+              src: typeof logo === "string" ? logo : logo.light,
+              alt: title ?? "Logo",
+              className: "ardo-logo"
+            }
+          ),
+          title && /* @__PURE__ */ jsx4("span", { className: "ardo-site-title", children: title })
+        ] })
+      ] }),
+      nav && /* @__PURE__ */ jsx4("div", { className: "ardo-nav", children: nav }),
+      /* @__PURE__ */ jsxs4("div", { className: "ardo-header-right", children: [
+        search && /* @__PURE__ */ jsx4(Search, {}),
+        themeToggle && /* @__PURE__ */ jsx4(ThemeToggle, {}),
+        actions
+      ] })
+    ] }),
+    mobileMenuOpen && /* @__PURE__ */ jsx4("div", { className: "ardo-mobile-menu", children: /* @__PURE__ */ jsx4("nav", { className: "ardo-mobile-nav", onClick: () => setMobileMenuOpen(false), children: nav }) })
+  ] });
+}
+function SocialLink({ href, icon, ariaLabel, className }) {
+  return /* @__PURE__ */ jsx4(
+    "a",
+    {
+      href,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      className: className ?? "ardo-social-link",
+      "aria-label": ariaLabel ?? icon,
+      children: /* @__PURE__ */ jsx4(SocialIcon, { icon })
+    }
+  );
+}
+function SocialIcon({ icon }) {
+  const icons = {
+    github: "M12 2C6.477 2 2 6.477 2 12c0 4.42 2.865 8.166 6.839 9.489.5.092.682-.217.682-.482 0-.237-.008-.866-.013-1.7-2.782.604-3.369-1.34-3.369-1.34-.454-1.156-1.11-1.463-1.11-1.463-.908-.62.069-.608.069-.608 1.003.07 1.531 1.03 1.531 1.03.892 1.529 2.341 1.087 2.91.831.092-.646.35-1.086.636-1.336-2.22-.253-4.555-1.11-4.555-4.943 0-1.091.39-1.984 1.029-2.683-.103-.253-.446-1.27.098-2.647 0 0 .84-.269 2.75 1.025A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.294 2.747-1.025 2.747-1.025.546 1.377.203 2.394.1 2.647.64.699 1.028 1.592 1.028 2.683 0 3.842-2.339 4.687-4.566 4.935.359.309.678.919.678 1.852 0 1.336-.012 2.415-.012 2.743 0 .267.18.578.688.48C19.138 20.163 22 16.418 22 12c0-5.523-4.477-10-10-10z",
+    twitter: "M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z",
+    discord: "M20.317 4.37a19.791 19.791 0 00-4.885-1.515.074.074 0 00-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 00-5.487 0 12.64 12.64 0 00-.617-1.25.077.077 0 00-.079-.037A19.736 19.736 0 003.677 4.37a.07.07 0 00-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 00.031.057 19.9 19.9 0 005.993 3.03.078.078 0 00.084-.028 14.09 14.09 0 001.226-1.994.076.076 0 00-.041-.106 13.107 13.107 0 01-1.872-.892.077.077 0 01-.008-.128 10.2 10.2 0 00.372-.292.074.074 0 01.077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 01.078.01c.12.098.246.198.373.292a.077.077 0 01-.006.127 12.299 12.299 0 01-1.873.892.077.077 0 00-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 00.084.028 19.839 19.839 0 006.002-3.03.077.077 0 00.032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 00-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z",
+    linkedin: "M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z",
+    youtube: "M23.498 6.186a3.016 3.016 0 00-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 00.502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 002.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 002.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z",
+    npm: "M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z"
+  };
+  const path = icons[icon] || icons.github;
+  return /* @__PURE__ */ jsx4("svg", { viewBox: "0 0 24 24", width: "20", height: "20", fill: "currentColor", children: /* @__PURE__ */ jsx4("path", { d: path }) });
+}
+
+// src/ui/Sidebar.tsx
+import {
+  useState as useState4,
+  Children,
+  isValidElement,
+  createContext,
+  useContext
+} from "react";
+import { NavLink, useLocation } from "react-router";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var SidebarContext = createContext({ currentPath: "" });
+function useSidebarContext() {
+  return useContext(SidebarContext);
+}
+function Sidebar({ items, children, className }) {
+  const { pathname } = useLocation();
+  return /* @__PURE__ */ jsx5(SidebarContext.Provider, { value: { currentPath: pathname }, children: /* @__PURE__ */ jsx5("aside", { className: className ?? "ardo-sidebar", children: /* @__PURE__ */ jsx5("nav", { className: "ardo-sidebar-nav", children: items ? /* @__PURE__ */ jsx5(SidebarItems, { items, depth: 0 }) : /* @__PURE__ */ jsx5("ul", { className: "ardo-sidebar-list ardo-sidebar-list-0", children }) }) }) });
+}
+function SidebarGroup({
+  title,
+  to,
+  collapsed: initialCollapsed = false,
+  collapsible = true,
+  children,
+  className
+}) {
+  const [collapsed, setCollapsed] = useState4(initialCollapsed);
+  const { currentPath } = useSidebarContext();
+  const isChildActive = checkChildrenActive(children, currentPath);
+  const textClassName = ["ardo-sidebar-text", isChildActive && "child-active"].filter(Boolean).join(" ");
+  const linkClassName = ["ardo-sidebar-link", isChildActive && "child-active"].filter(Boolean).join(" ");
+  const hasChildren = Children.count(children) > 0;
+  return /* @__PURE__ */ jsxs5("li", { className: className ?? "ardo-sidebar-item", children: [
+    /* @__PURE__ */ jsxs5("div", { className: "ardo-sidebar-item-header", children: [
+      to ? /* @__PURE__ */ jsx5(
+        NavLink,
+        {
+          to,
+          className: ({ isActive }) => [linkClassName, isActive && "active"].filter(Boolean).join(" "),
+          children: title
+        }
+      ) : /* @__PURE__ */ jsx5(
+        "span",
+        {
+          className: textClassName,
+          onClick: () => collapsible && hasChildren && setCollapsed(!collapsed),
+          style: collapsible && hasChildren ? { cursor: "pointer" } : void 0,
+          children: title
+        }
+      ),
+      collapsible && hasChildren && /* @__PURE__ */ jsx5(
+        "button",
+        {
+          className: ["ardo-sidebar-collapse", collapsed && "collapsed"].filter(Boolean).join(" "),
+          onClick: () => setCollapsed(!collapsed),
+          "aria-label": collapsed ? "Expand" : "Collapse",
+          children: /* @__PURE__ */ jsx5(
+            "svg",
+            {
+              viewBox: "0 0 24 24",
+              width: "16",
+              height: "16",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              children: /* @__PURE__ */ jsx5("path", { d: "M6 9l6 6 6-6" })
+            }
+          )
+        }
+      )
+    ] }),
+    hasChildren && !collapsed && /* @__PURE__ */ jsx5("ul", { className: "ardo-sidebar-list ardo-sidebar-list-1", children })
+  ] });
+}
+function SidebarLink({ to, children, className }) {
+  const baseClassName = className ?? "ardo-sidebar-link";
+  return /* @__PURE__ */ jsx5("li", { className: "ardo-sidebar-item", children: /* @__PURE__ */ jsx5(
+    NavLink,
+    {
+      to,
+      className: ({ isActive }) => [baseClassName, isActive && "active"].filter(Boolean).join(" "),
+      children
+    }
+  ) });
+}
+function SidebarItems({ items, depth }) {
+  return /* @__PURE__ */ jsx5("ul", { className: `ardo-sidebar-list ardo-sidebar-list-${depth}`, children: items.map((item, index) => /* @__PURE__ */ jsx5(SidebarItemComponent, { item, depth }, index)) });
+}
+function SidebarItemComponent({ item, depth }) {
+  const { currentPath } = useSidebarContext();
+  const [collapsed, setCollapsed] = useState4(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 = ["ardo-sidebar-link", isChildActive && "child-active"].filter(Boolean).join(" ");
+  const textClassName = ["ardo-sidebar-text", isChildActive && "child-active"].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs5("li", { className: "ardo-sidebar-item", children: [
+    /* @__PURE__ */ jsxs5("div", { className: "ardo-sidebar-item-header", children: [
+      item.link ? /* @__PURE__ */ jsx5(
+        NavLink,
+        {
+          to: item.link,
+          className: ({ isActive }) => [linkClassName, isActive && "active"].filter(Boolean).join(" "),
+          children: item.text
+        }
+      ) : /* @__PURE__ */ jsx5("span", { className: textClassName, onClick: () => hasChildren && setCollapsed(!collapsed), children: item.text }),
+      hasChildren && /* @__PURE__ */ jsx5(
+        "button",
+        {
+          className: ["ardo-sidebar-collapse", collapsed && "collapsed"].filter(Boolean).join(" "),
+          onClick: () => setCollapsed(!collapsed),
+          "aria-label": collapsed ? "Expand" : "Collapse",
+          children: /* @__PURE__ */ jsx5(
+            "svg",
+            {
+              viewBox: "0 0 24 24",
+              width: "16",
+              height: "16",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              children: /* @__PURE__ */ jsx5("path", { d: "M6 9l6 6 6-6" })
+            }
+          )
+        }
+      )
+    ] }),
+    hasChildren && !collapsed && /* @__PURE__ */ jsx5(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 as Fragment2, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+function Footer({ message, copyright, children, className }) {
+  const hasContent = message || copyright || children;
+  if (!hasContent) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx6("footer", { className: className ?? "ardo-footer", children: /* @__PURE__ */ jsx6("div", { className: "ardo-footer-container", children: children ?? /* @__PURE__ */ jsxs6(Fragment2, { children: [
+    message && /* @__PURE__ */ jsx6("p", { className: "ardo-footer-message", dangerouslySetInnerHTML: { __html: message } }),
+    copyright && /* @__PURE__ */ jsx6(
+      "p",
+      {
+        className: "ardo-footer-copyright",
+        dangerouslySetInnerHTML: { __html: copyright }
+      }
+    )
+  ] }) }) });
+}
+
+// src/ui/Nav.tsx
+import { useState as useState5, createContext as createContext2, useContext as useContext2 } from "react";
+import { NavLink as RouterNavLink } from "react-router";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+var NavContext = createContext2(null);
+function useNavContext() {
+  return useContext2(NavContext);
+}
+function Nav({ children, className }) {
+  return /* @__PURE__ */ jsx7("nav", { className: className ?? "ardo-nav", children });
+}
+function NavLink2({
+  to,
+  href,
+  children,
+  className,
+  activeMatch: _activeMatch
+}) {
+  const navContext = useNavContext();
+  const baseClassName = className ?? "ardo-nav-link";
+  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(
+      RouterNavLink,
+      {
+        to,
+        className: ({ isActive }) => [baseClassName, isActive && "active"].filter(Boolean).join(" "),
+        onClick: handleClick,
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx7("span", { className: baseClassName, children });
+}
+function NavDropdown({ text, children, className }) {
+  const [open, setOpen] = useState5(false);
+  return /* @__PURE__ */ jsxs7(
+    "div",
+    {
+      className: className ?? "ardo-nav-dropdown",
+      onMouseEnter: () => setOpen(true),
+      onMouseLeave: () => setOpen(false),
+      children: [
+        /* @__PURE__ */ jsxs7("button", { className: "ardo-nav-dropdown-button", children: [
+          text,
+          /* @__PURE__ */ jsx7("span", { className: "ardo-nav-dropdown-icon", children: "\u25BC" })
+        ] }),
+        open && /* @__PURE__ */ jsx7("div", { className: "ardo-nav-dropdown-menu", children })
+      ]
+    }
+  );
+}
+
+// src/ui/TOC.tsx
+import { useState as useState6, useEffect as useEffect3 } from "react";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+function TOC() {
+  const toc = useTOC();
+  const themeConfig = useThemeConfig();
+  const [activeId, setActiveId] = useState6("");
+  const label = themeConfig.outline?.label ?? "On this page";
+  useEffect3(() => {
+    if (toc.length === 0) return;
+    const headingElements = toc.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));
+    };
+  }, [toc]);
+  if (toc.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx8("aside", { className: "ardo-toc", children: /* @__PURE__ */ jsxs8("div", { className: "ardo-toc-container", children: [
+    /* @__PURE__ */ jsx8("h3", { className: "ardo-toc-title", children: label }),
+    /* @__PURE__ */ jsx8("nav", { className: "ardo-toc-nav", children: /* @__PURE__ */ jsx8(TOCItems, { items: toc, activeId }) })
+  ] }) });
+}
+function TOCItems({ items, activeId }) {
+  return /* @__PURE__ */ jsx8("ul", { className: "ardo-toc-list", 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__ */ jsxs8("li", { className: "ardo-toc-item", children: [
+    /* @__PURE__ */ jsx8(
+      "a",
+      {
+        href: `#${item.id}`,
+        className: [
+          `ardo-toc-link ardo-toc-link-${item.level}`,
+          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 jsxs9 } 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__ */ jsxs9("div", { className: "ardo-doc-page", 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__ */ jsxs9("div", { className: "ardo-doc-page", 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 Link3 } from "react-router";
+import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+function HomePage() {
+  const pageData = usePageData();
+  const config = useConfig();
+  const themeConfig = useThemeConfig();
+  const hero = pageData?.frontmatter.hero;
+  const features = pageData?.frontmatter.features;
+  return /* @__PURE__ */ jsxs10("div", { className: "ardo-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__ */ jsxs10("main", { className: "ardo-home-main", children: [
+      hero && /* @__PURE__ */ jsx10("section", { className: "ardo-hero", children: /* @__PURE__ */ jsxs10("div", { className: "ardo-hero-container", children: [
+        hero.image && /* @__PURE__ */ jsx10("div", { className: "ardo-hero-image", children: /* @__PURE__ */ jsx10(
+          "img",
+          {
+            src: typeof hero.image === "string" ? hero.image : hero.image.light,
+            alt: hero.name || config.title
+          }
+        ) }),
+        /* @__PURE__ */ jsxs10("div", { className: "ardo-hero-content", children: [
+          hero.name && /* @__PURE__ */ jsx10("h1", { className: "ardo-hero-name", children: hero.name }),
+          hero.text && /* @__PURE__ */ jsx10("p", { className: "ardo-hero-text", children: hero.text }),
+          hero.tagline && /* @__PURE__ */ jsx10("p", { className: "ardo-hero-tagline", children: hero.tagline }),
+          hero.actions && hero.actions.length > 0 && /* @__PURE__ */ jsx10("div", { className: "ardo-hero-actions", children: hero.actions.map((action, index) => /* @__PURE__ */ jsx10(
+            Link3,
+            {
+              to: action.link,
+              className: `ardo-hero-action ardo-hero-action-${action.theme || "brand"}`,
+              children: action.text
+            },
+            index
+          )) })
+        ] })
+      ] }) }),
+      features && features.length > 0 && /* @__PURE__ */ jsx10("section", { className: "ardo-features", children: /* @__PURE__ */ jsx10("div", { className: "ardo-features-container", children: features.map((feature, index) => /* @__PURE__ */ jsxs10("div", { className: "ardo-feature", children: [
+        feature.icon && /* @__PURE__ */ jsx10("div", { className: "ardo-feature-icon", children: feature.icon }),
+        /* @__PURE__ */ jsx10("h3", { className: "ardo-feature-title", children: feature.title }),
+        /* @__PURE__ */ jsx10("p", { className: "ardo-feature-details", children: feature.details }),
+        feature.link && /* @__PURE__ */ jsx10(Link3, { to: feature.link, className: "ardo-feature-link", children: feature.linkText || "Learn more" })
+      ] }, index)) }) })
+    ] }),
+    /* @__PURE__ */ jsx10(Footer, {})
+  ] });
+}
+
+// src/ui/components/Hero.tsx
+import { Link as Link4 } from "react-router";
+import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+function Hero({ name, text, tagline, image, actions, className }) {
+  const imageUrl = typeof image === "string" ? image : image?.light;
+  const imageAlt = typeof image === "string" ? name : image?.alt ?? name;
+  return /* @__PURE__ */ jsx11("section", { className: className ?? "ardo-hero", children: /* @__PURE__ */ jsxs11("div", { className: "ardo-hero-container", children: [
+    image && /* @__PURE__ */ jsx11("div", { className: "ardo-hero-image", children: /* @__PURE__ */ jsx11("img", { src: imageUrl, alt: imageAlt }) }),
+    /* @__PURE__ */ jsxs11("div", { className: "ardo-hero-content", children: [
+      name && /* @__PURE__ */ jsx11("h1", { className: "ardo-hero-name", children: name }),
+      text && /* @__PURE__ */ jsx11("p", { className: "ardo-hero-text", children: text }),
+      tagline && /* @__PURE__ */ jsx11("p", { className: "ardo-hero-tagline", children: tagline }),
+      actions && actions.length > 0 && /* @__PURE__ */ jsx11("div", { className: "ardo-hero-actions", children: actions.map((action, index) => {
+        const link = action.link;
+        const isExternal = typeof link === "string" && (link.startsWith("http://") || link.startsWith("https://"));
+        const className2 = `ardo-hero-action ardo-hero-action-${action.theme || "brand"}`;
+        if (isExternal) {
+          return /* @__PURE__ */ jsx11(
+            "a",
+            {
+              href: link,
+              className: className2,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              children: action.text
+            },
+            index
+          );
+        }
+        return /* @__PURE__ */ jsx11(Link4, { to: link, className: className2, children: action.text }, index);
+      }) })
+    ] })
+  ] }) });
+}
+
+// src/ui/components/Features.tsx
+import { Link as Link5 } from "react-router";
+import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+function FeatureCard({ title, icon, details, link, linkText, className }) {
+  return /* @__PURE__ */ jsxs12("div", { className: className ?? "ardo-feature", children: [
+    icon && /* @__PURE__ */ jsx12("div", { className: "ardo-feature-icon", children: icon }),
+    /* @__PURE__ */ jsx12("h3", { className: "ardo-feature-title", children: title }),
+    /* @__PURE__ */ jsx12("p", { className: "ardo-feature-details", children: details }),
+    link && /* @__PURE__ */ jsx12(Link5, { to: link, className: "ardo-feature-link", children: linkText || "Learn more" })
+  ] });
+}
+function Features({ items, title, subtitle, className }) {
+  if (!items || items.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs12("section", { className: className ?? "ardo-features", children: [
+    (title || subtitle) && /* @__PURE__ */ jsxs12("div", { className: "ardo-features-header", children: [
+      title && /* @__PURE__ */ jsx12("h2", { className: "ardo-features-title", children: title }),
+      subtitle && /* @__PURE__ */ jsx12("p", { className: "ardo-features-subtitle", children: subtitle })
+    ] }),
+    /* @__PURE__ */ jsx12("div", { className: "ardo-features-container", children: items.map((feature, index) => /* @__PURE__ */ jsx12(FeatureCard, { ...feature }, index)) })
+  ] });
+}
+
+export {
+  Layout,
+  ThemeToggle,
+  Search,
+  Header,
+  SocialLink,
+  Sidebar,
+  SidebarGroup,
+  SidebarLink,
+  Footer,
+  Nav,
+  NavLink2 as NavLink,
+  NavDropdown,
+  TOC,
+  DocPage,
+  DocContent,
+  DocLayout,
+  HomePage,
+  Hero,
+  FeatureCard,
+  Features
+};
+//# sourceMappingURL=chunk-ZXPAEM3M.js.map