fromsrc 0.0.0 → 0.0.2

package/dist/components/searcher.js

@@ -0,0 +1,121 @@
+"use client";
+import { useState, useEffect } from 'react';
+import { z } from 'zod';
+import { normalizequery, trimquery } from '../searchpolicy';
+
+const schema = z.array(
+  z.object({
+    slug: z.string(),
+    title: z.string(),
+    description: z.string().optional(),
+    snippet: z.string().optional(),
+    anchor: z.string().optional(),
+    heading: z.string().optional(),
+    score: z.number()
+  })
+);
+const ttl = 1e3 * 60 * 5;
+const max = 200;
+const store = /* @__PURE__ */ new Map();
+const inflight = /* @__PURE__ */ new Map();
+function key(endpoint, query, limit) {
+  return `${endpoint}::${normalizequery(query)}::${limit}`;
+}
+function getCache(key2) {
+  const value = store.get(key2);
+  if (!value) return null;
+  if (Date.now() - value.at >= ttl) {
+    store.delete(key2);
+    return null;
+  }
+  store.delete(key2);
+  store.set(key2, value);
+  return value;
+}
+function convert(rows) {
+  return rows.map((row) => ({
+    doc: {
+      slug: row.slug,
+      title: row.title,
+      description: row.description,
+      content: ""
+    },
+    snippet: row.snippet,
+    anchor: row.anchor,
+    heading: row.heading,
+    score: row.score
+  }));
+}
+function saveWithEtag(key2, value, etag) {
+  if (store.has(key2)) {
+    store.delete(key2);
+  }
+  if (store.size >= max) {
+    const oldest = store.keys().next().value;
+    if (oldest) store.delete(oldest);
+  }
+  store.set(key2, { at: Date.now(), results: value, etag });
+}
+async function load(endpoint, query, limit, stale, signal) {
+  const params = new URLSearchParams({ q: trimquery(query), limit: String(limit) });
+  const response = await fetch(`${endpoint}?${params}`, {
+    signal,
+    headers: stale?.etag ? { "If-None-Match": stale.etag } : void 0
+  });
+  if (response.status === 304) return stale?.results ?? [];
+  if (!response.ok) {
+    if (response.status === 400) return [];
+    throw new Error("search request failed");
+  }
+  const json = await response.json();
+  const value = convert(schema.parse(json));
+  saveWithEtag(key(endpoint, query, limit), value, response.headers.get("etag") ?? void 0);
+  return value;
+}
+function useSearcher(endpoint, query, limit) {
+  const [results, setResults] = useState([]);
+  const [loading, setLoading] = useState(false);
+  useEffect(() => {
+    const text = query.trim();
+    if (!endpoint || !text) {
+      setResults([]);
+      setLoading(false);
+      return;
+    }
+    const cachekey = key(endpoint, text, limit);
+    const cached = getCache(cachekey);
+    if (cached) {
+      setResults(cached.results);
+      setLoading(false);
+      return;
+    }
+    const stale = store.get(cachekey);
+    if (stale) {
+      setResults(stale.results);
+    }
+    let active = true;
+    const controller = new AbortController();
+    setLoading(true);
+    const request = inflight.get(cachekey) ?? load(endpoint, text, limit, stale, controller.signal);
+    if (!inflight.has(cachekey)) inflight.set(cachekey, request);
+    request.then((value) => {
+      if (!active) return;
+      setResults(value);
+      setLoading(false);
+    }).catch((error) => {
+      if (!active) return;
+      if (error instanceof DOMException && error.name === "AbortError") return;
+      setResults([]);
+      setLoading(false);
+    }).finally(() => {
+      if (inflight.get(cachekey) === request) inflight.delete(cachekey);
+    });
+    return () => {
+      active = false;
+      controller.abort();
+    };
+  }, [endpoint, query, limit]);
+  return { results, loading };
+}
+
+export { useSearcher };

package/dist/components/select.d.ts

@@ -0,0 +1,39 @@
+import react__default, { ReactNode } from 'react';
+
+/**
+ * Option item for the Select component.
+ * @property value - unique value for the option
+ * @property label - display text for the option
+ * @property disabled - whether the option is disabled
+ */
+interface SelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+/**
+ * Props for the Select component.
+ * @property options - list of selectable options
+ * @property value - controlled value
+ * @property defaultValue - uncontrolled default value
+ * @property onChange - callback when selection changes
+ * @property placeholder - text shown when no option selected
+ * @property disabled - disable the select
+ * @property error - error message
+ * @property label - accessible label
+ * @property tooltip - help text shown on hover
+ */
+interface SelectProps {
+    options: SelectOption[];
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    error?: ReactNode;
+    label?: ReactNode;
+    tooltip?: ReactNode;
+}
+declare function Select({ options, value: controlledValue, defaultValue, onChange, placeholder, disabled, error, label, tooltip, }: SelectProps): react__default.ReactElement;
+
+export { Select, type SelectOption, type SelectProps };

package/dist/components/select.js

@@ -0,0 +1,162 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useRef, useId, useCallback } from 'react';
+import { getNextIndex } from '../hooks/arrownav';
+import { useClickOutside } from '../hooks/clickoutside';
+import { ErrorMessage } from './errormessage';
+import { FormLabel } from './formlabel';
+import { IconChevronDown } from './icons';
+
+function Select({
+  options,
+  value: controlledValue,
+  defaultValue = "",
+  onChange,
+  placeholder = "select...",
+  disabled = false,
+  error,
+  label,
+  tooltip
+}) {
+  const [internalValue, setInternalValue] = useState(defaultValue);
+  const [open, setOpen] = useState(false);
+  const [index, setIndex] = useState(-1);
+  const containerRef = useRef(null);
+  const triggerRef = useRef(null);
+  const listRef = useRef(null);
+  const id = useId();
+  const value = controlledValue ?? internalValue;
+  const selected = options.find((o) => o.value === value);
+  const listId = `${id}-list`;
+  const labelId = label ? `${id}-label` : void 0;
+  const errorId = error ? `${id}-error` : void 0;
+  const getOptionId = (optValue) => `${id}-option-${optValue}`;
+  const close = useCallback(() => {
+    setOpen(false);
+    setIndex(-1);
+  }, []);
+  useClickOutside(containerRef, close, open);
+  const isDisabled = useCallback((i) => options[i]?.disabled ?? false, [options]);
+  function handleSelect(option) {
+    if (option.disabled) return;
+    if (controlledValue === void 0) {
+      setInternalValue(option.value);
+    }
+    onChange?.(option.value);
+    setOpen(false);
+    setIndex(-1);
+    triggerRef.current?.focus();
+  }
+  function handleKeyDown(e) {
+    if (disabled) return;
+    if (!open) {
+      if (e.key === "Enter" || e.key === " " || e.key === "ArrowDown" || e.key === "ArrowUp") {
+        setOpen(true);
+        const currentIndex = options.findIndex((o) => o.value === value && !o.disabled);
+        const firstEnabled = getNextIndex("Home", {
+          count: options.length,
+          current: -1,
+          wrap: false,
+          isDisabled
+        });
+        setIndex(currentIndex >= 0 ? currentIndex : firstEnabled);
+        e.preventDefault();
+      }
+      return;
+    }
+    switch (e.key) {
+      case "Escape":
+        close();
+        triggerRef.current?.focus();
+        e.preventDefault();
+        break;
+      case "Tab":
+        close();
+        break;
+      case "ArrowDown":
+      case "ArrowUp":
+      case "Home":
+      case "End": {
+        const next = getNextIndex(e.key, {
+          count: options.length,
+          current: index,
+          wrap: false,
+          isDisabled
+        });
+        if (next !== index) setIndex(next);
+        e.preventDefault();
+        break;
+      }
+      case "Enter":
+      case " ":
+        if (index >= 0 && options[index] && !options[index].disabled) {
+          handleSelect(options[index]);
+        }
+        e.preventDefault();
+        break;
+    }
+  }
+  const activeOptionId = open && index >= 0 && options[index] ? getOptionId(options[index].value) : void 0;
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+    label && /* @__PURE__ */ jsx(FormLabel, { label, tooltip, id: labelId }),
+    /* @__PURE__ */ jsxs("div", { ref: containerRef, className: "relative", children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          ref: triggerRef,
+          type: "button",
+          role: "combobox",
+          "aria-expanded": open,
+          "aria-controls": listId,
+          "aria-haspopup": "listbox",
+          "aria-activedescendant": activeOptionId,
+          "aria-labelledby": labelId,
+          "aria-invalid": error ? true : void 0,
+          "aria-describedby": errorId,
+          disabled,
+          onClick: () => !disabled && setOpen(!open),
+          onKeyDown: handleKeyDown,
+          className: `flex w-full items-center justify-between rounded-md border px-3 py-2 text-sm outline-none transition-colors ${error ? "border-red-500/50 bg-red-500/5" : "border-line bg-surface focus:border-accent"} ${disabled ? "cursor-not-allowed opacity-50" : ""}`,
+          children: [
+            /* @__PURE__ */ jsx("span", { className: selected ? "text-fg" : "text-muted", children: selected?.label ?? placeholder }),
+            /* @__PURE__ */ jsx(
+              IconChevronDown,
+              {
+                size: 16,
+                className: `text-muted transition-transform ${open ? "rotate-180" : ""}`
+              }
+            )
+          ]
+        }
+      ),
+      open && /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: listRef,
+          id: listId,
+          role: "listbox",
+          "aria-labelledby": labelId,
+          className: "absolute z-50 mt-1 max-h-64 w-full overflow-y-auto rounded-lg border border-line bg-bg p-1 shadow-lg",
+          children: options.map((option, i) => /* @__PURE__ */ jsx(
+            "div",
+            {
+              id: getOptionId(option.value),
+              role: "option",
+              "aria-selected": option.value === value,
+              "aria-disabled": option.disabled,
+              tabIndex: -1,
+              onClick: () => handleSelect(option),
+              onMouseEnter: () => !option.disabled && setIndex(i),
+              className: `flex w-full cursor-pointer items-center rounded px-3 py-2 text-sm transition-colors ${option.disabled ? "cursor-not-allowed text-muted/50" : i === index ? "bg-surface text-fg" : option.value === value ? "text-accent" : "text-muted hover:bg-surface hover:text-fg"}`,
+              children: option.label
+            },
+            option.value
+          ))
+        }
+      )
+    ] }),
+    error && /* @__PURE__ */ jsx(ErrorMessage, { id: errorId, children: error })
+  ] });
+}
+
+export { Select };

package/dist/components/shortcuts.d.ts

@@ -0,0 +1,17 @@
+import * as react from 'react';
+import { JSX } from 'react';
+
+interface ShortcutItem {
+    keys: string[];
+    description: string;
+    group?: string;
+}
+interface ShortcutsProps {
+    shortcuts: ShortcutItem[];
+    trigger?: string;
+    className?: string;
+}
+declare function ShortcutsBase({ shortcuts, trigger, className }: ShortcutsProps): JSX.Element | null;
+declare const Shortcuts: react.MemoExoticComponent<typeof ShortcutsBase>;
+
+export { type ShortcutItem, Shortcuts, type ShortcutsProps };

package/dist/components/shortcuts.js

@@ -0,0 +1,62 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { memo, useState, useCallback, useMemo } from 'react';
+import { useHotkeys } from '../hooks/hotkeys';
+
+function ShortcutsBase({ shortcuts, trigger = "?", className = "" }) {
+  const [open, setOpen] = useState(false);
+  const toggle = useCallback(() => setOpen((v) => !v), []);
+  const close = useCallback(() => setOpen(false), []);
+  useHotkeys([
+    { key: trigger, handler: toggle },
+    { key: "Escape", handler: close }
+  ]);
+  const groups = useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const s of shortcuts) {
+      const g = s.group ?? "General";
+      const list = map.get(g) ?? [];
+      list.push(s);
+      map.set(g, list);
+    }
+    return map;
+  }, [shortcuts]);
+  if (!open) return null;
+  return /* @__PURE__ */ jsxs("div", { className: `fixed inset-0 z-50 flex items-center justify-center bg-black/50 ${className}`, children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "absolute inset-0",
+        onClick: close,
+        "aria-label": "close shortcuts"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "relative w-full max-w-lg rounded-xl border border-line bg-surface p-6 shadow-2xl",
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": "keyboard shortcuts",
+        children: Array.from(groups).map(([group, items]) => /* @__PURE__ */ jsxs("div", { className: "mb-4 last:mb-0", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold uppercase text-dim mb-2", children: group }),
+          items.map((s) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between py-1.5", children: [
+            /* @__PURE__ */ jsx("span", { className: "flex items-center gap-1", children: s.keys.map((k) => /* @__PURE__ */ jsx(
+              "kbd",
+              {
+                className: "inline-flex items-center gap-0.5 rounded border border-line bg-surface px-1.5 py-0.5 text-xs font-mono text-muted",
+                children: k
+              },
+              k
+            )) }),
+            /* @__PURE__ */ jsx("span", { className: "text-sm text-fg", children: s.description })
+          ] }, s.keys.join("")))
+        ] }, group))
+      }
+    )
+  ] });
+}
+const Shortcuts = memo(ShortcutsBase);
+
+export { Shortcuts };

package/dist/components/sidebar.d.ts

@@ -0,0 +1,35 @@
+import { ReactNode } from 'react';
+import { DocMeta } from '../content.js';
+import 'zod';
+import '../schema.js';
+
+interface SidebarItem {
+    type: "item";
+    title: string;
+    href: string;
+    icon?: ReactNode;
+}
+interface SidebarFolder {
+    type: "folder";
+    title: string;
+    items: (SidebarItem | SidebarFolder)[];
+    defaultOpen?: boolean;
+    icon?: ReactNode;
+    href?: string;
+}
+interface SidebarSection {
+    title: string;
+    items: (SidebarItem | SidebarFolder | DocMeta)[];
+}
+interface Props {
+    title: string;
+    logo?: ReactNode;
+    navigation: SidebarSection[];
+    basePath?: string;
+    github?: string;
+    collapsible?: boolean;
+    defaultOpenLevel?: number;
+}
+declare function Sidebar({ title, logo, navigation, basePath, github, collapsible, defaultOpenLevel, }: Props): ReactNode;
+
+export { Sidebar, type SidebarFolder, type SidebarItem, type SidebarSection };

package/dist/components/sidebar.js

@@ -0,0 +1,215 @@
+"use client";
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import Link from 'next/link';
+import { useState, useRef, useEffect, useCallback } from 'react';
+import { Folder } from './folder';
+import { IconPanelLeft } from './icons';
+import { NavLink } from './navlink';
+
+function Sidebar({
+  title,
+  logo,
+  navigation,
+  basePath = "/docs",
+  github,
+  collapsible,
+  defaultOpenLevel = 0
+}) {
+  const [collapsed, setCollapsed] = useState(false);
+  const [hovered, setHovered] = useState(false);
+  const leaveTimer = useRef(null);
+  useEffect(() => {
+    const stored = localStorage.getItem("sidebar-collapsed");
+    if (stored === "true") setCollapsed(true);
+  }, []);
+  const toggle = useCallback(() => {
+    setCollapsed((prev) => {
+      const next = !prev;
+      localStorage.setItem("sidebar-collapsed", String(next));
+      return next;
+    });
+  }, []);
+  const showExpanded = !collapsed || hovered;
+  const handleEnter = useCallback(() => {
+    if (leaveTimer.current) {
+      clearTimeout(leaveTimer.current);
+      leaveTimer.current = null;
+    }
+    if (collapsed) setHovered(true);
+  }, [collapsed]);
+  const handleLeave = useCallback(() => {
+    leaveTimer.current = setTimeout(() => setHovered(false), 150);
+  }, []);
+  useEffect(() => {
+    return () => {
+      if (leaveTimer.current) {
+        clearTimeout(leaveTimer.current);
+        leaveTimer.current = null;
+      }
+    };
+  }, []);
+  const openSearch = useCallback(() => {
+    const event = new KeyboardEvent("keydown", { key: "k", metaKey: true, bubbles: true });
+    window.dispatchEvent(event);
+  }, []);
+  const translateClass = collapsed ? hovered ? "translate-x-0 shadow-xl" : "-translate-x-[268px]" : "translate-x-0";
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: "hidden lg:block shrink-0 w-[268px]" }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "hidden lg:block fixed left-0 top-0 z-40 h-screen w-[268px] pointer-events-none",
+        onMouseEnter: handleEnter,
+        onMouseLeave: handleLeave,
+        children: [
+          collapsed && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "fixed inset-y-0 left-0 w-6 pointer-events-auto z-40",
+              onMouseEnter: handleEnter
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "aside",
+            {
+              "aria-label": "sidebar navigation",
+              "aria-expanded": showExpanded,
+              className: `${translateClass} w-[268px] h-full flex flex-col bg-bg border-r border-line transition-[transform,box-shadow] duration-250 ease-[cubic-bezier(0.25,0.1,0.25,1)] pointer-events-auto`,
+              children: [
+                /* @__PURE__ */ jsx(
+                  SidebarHeader,
+                  {
+                    title,
+                    logo,
+                    collapsible,
+                    collapsed,
+                    onToggle: toggle
+                  }
+                ),
+                /* @__PURE__ */ jsx(SidebarSearch, { showExpanded, onOpen: openSearch }),
+                /* @__PURE__ */ jsx(
+                  SidebarNav,
+                  {
+                    navigation,
+                    basePath,
+                    defaultOpenLevel
+                  }
+                ),
+                github && /* @__PURE__ */ jsx(SidebarFooter, { github })
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    collapsed && !hovered && /* @__PURE__ */ jsxs("div", { className: "hidden lg:flex fixed left-0 top-0 z-50 flex-col gap-1 p-3 pointer-events-auto", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: toggle,
+          className: "w-9 h-9 flex items-center justify-center rounded-lg border border-line bg-surface/80 text-muted hover:text-fg hover:bg-surface transition-colors backdrop-blur-sm",
+          "aria-label": "expand sidebar",
+          children: /* @__PURE__ */ jsx(IconPanelLeft, { size: 16 })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: openSearch,
+          className: "w-9 h-9 flex items-center justify-center rounded-lg border border-line bg-surface/80 text-muted hover:text-fg hover:bg-surface transition-colors backdrop-blur-sm",
+          "aria-label": "open search",
+          "aria-keyshortcuts": "Meta+K",
+          children: /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) })
+        }
+      )
+    ] })
+  ] });
+}
+function SidebarHeader({ title, logo, collapsible, collapsed, onToggle }) {
+  return /* @__PURE__ */ jsxs("div", { className: "px-4 h-14 flex items-center", children: [
+    collapsible && /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: onToggle,
+        className: "w-10 h-10 flex items-center justify-center text-muted hover:text-fg transition-colors shrink-0",
+        "aria-label": collapsed ? "expand sidebar" : "collapse sidebar",
+        "aria-pressed": !collapsed,
+        children: /* @__PURE__ */ jsx(IconPanelLeft, { size: 18 })
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      Link,
+      {
+        href: "/",
+        className: "flex items-center gap-2 text-sm font-medium text-fg hover:text-accent transition-colors",
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "w-8 h-8 flex items-center justify-center shrink-0", children: logo }),
+          /* @__PURE__ */ jsx("span", { className: "whitespace-nowrap", children: title })
+        ]
+      }
+    )
+  ] });
+}
+function SidebarSearch({ showExpanded, onOpen }) {
+  return /* @__PURE__ */ jsx("div", { className: "px-4 pb-2 flex items-center", children: /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: onOpen,
+      className: "h-9 w-full flex items-center rounded-lg border border-line bg-surface/40 text-muted hover:text-fg hover:bg-surface/80 transition-colors px-3 gap-2",
+      "aria-label": "open search",
+      "aria-keyshortcuts": "Meta+K",
+      children: [
+        /* @__PURE__ */ jsx("svg", { className: "w-4 h-4 shrink-0", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }),
+        /* @__PURE__ */ jsx("span", { className: `text-sm ${showExpanded ? "block" : "hidden"}`, children: "search..." }),
+        /* @__PURE__ */ jsx("kbd", { className: `ml-auto text-[10px] font-mono text-muted/50 ${showExpanded ? "block" : "hidden"}`, children: "\u2318K" })
+      ]
+    }
+  ) });
+}
+function SidebarNav({ navigation, basePath, defaultOpenLevel }) {
+  return /* @__PURE__ */ jsx(
+    "nav",
+    {
+      "aria-label": "documentation",
+      className: "px-4 pt-2 pb-8 flex-1 min-h-0 overflow-y-auto overflow-x-hidden overscroll-contain [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]",
+      children: navigation.map((section) => /* @__PURE__ */ jsxs("section", { className: "mb-6", "aria-labelledby": `section-${section.title}`, children: [
+        /* @__PURE__ */ jsx("h3", { id: `section-${section.title}`, className: "px-2 mb-2 text-xs font-medium text-muted/70 whitespace-nowrap", children: section.title }),
+        /* @__PURE__ */ jsx("ul", { role: "list", className: "space-y-px", children: section.items.map((item, i) => {
+          if (!("type" in item)) {
+            return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { href: item.slug ? `${basePath}/${item.slug}` : basePath, children: item.title }) }, item.slug || i);
+          }
+          if (item.type === "folder") {
+            return /* @__PURE__ */ jsx(Folder, { folder: item, basePath, depth: 1, defaultOpenLevel }, i);
+          }
+          return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { href: item.href, icon: item.icon, children: item.title }) }, i);
+        }) })
+      ] }, section.title))
+    }
+  );
+}
+function SidebarFooter({ github }) {
+  return /* @__PURE__ */ jsx("div", { className: "px-4 h-12 border-t border-line bg-bg shrink-0 flex items-center", children: /* @__PURE__ */ jsx(
+    "a",
+    {
+      href: github,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      "aria-label": "view on github",
+      className: "w-9 h-9 flex items-center justify-center rounded-lg text-muted hover:text-fg hover:bg-surface/50 transition-colors",
+      children: /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          fillRule: "evenodd",
+          d: "M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z",
+          clipRule: "evenodd"
+        }
+      ) })
+    }
+  ) });
+}
+
+export { Sidebar };

package/dist/components/sidebarfilter.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { SidebarSection } from './sidebar.js';
+import '../content.js';
+import 'zod';
+import '../schema.js';
+
+declare function filternavigation(nav: SidebarSection[], q: string): SidebarSection[];
+declare function SidebarFilter({ value, onChange }: {
+    value: string;
+    onChange: (v: string) => void;
+}): ReactNode;
+
+export { SidebarFilter, filternavigation };