@dreamlake/dockit 0.1.1 → 0.2.1

package/dist/components/Topbar.js

@@ -1,11 +1,12 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useRef, useState, useEffect, useLayoutEffect } from "react";
 import { usePageContext } from "vike-react/usePageContext";
-import { pages } from "../lib/navigation.js";
+import { findPage } from "../lib/navigation.js";
 import { siteConfig } from "../site-config.js";
 import { useMediaQuery } from "../lib/use-media-query.js";
 import { useHiddenToggle } from "../lib/use-hidden-toggle.js";
 import { ThemeToggle } from "./ThemeToggle.js";
+import { VersionBadge } from "./VersionBadge.js";
 import { useMerge } from "../renderer/Layout.js";
 import { TabStrip } from "./TabStrip.js";
 function HiddenRevealChip() {
@@ -45,303 +46,6 @@ function HiddenRevealChip() {
     }
   );
 }
-function VersionBadge({
-  label,
-  version,
-  collapsed,
-  dropdown = false
-}) {
-  const transition = `opacity 0.4s ease, transform 0.4s ${SPRING}, width 0.4s ${SPRING}, margin 0.4s ${SPRING}, padding 0.4s ${SPRING}`;
-  const [open, setOpen] = useState(false);
-  const [manifest, setManifest] = useState(null);
-  const [displayVersion, setDisplayVersion] = useState(version);
-  const wrapperRef = useRef(null);
-  useEffect(() => {
-    if (!dropdown) return;
-    let cancelled = false;
-    fetch("/versions.json").then((r) => r.ok ? r.json() : null).then((m) => {
-      if (!cancelled && m) setManifest(m);
-    }).catch(() => {
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [dropdown]);
-  useEffect(() => {
-    if (typeof window === "undefined") return;
-    const host = window.location.hostname;
-    const m = host.match(/^v(\d+(?:-\d+)+(?:[a-z]+\d+)?)\./i);
-    if (m) {
-      setDisplayVersion(m[1].replace(/-/g, "."));
-    } else if (host.startsWith("stable.") && manifest?.stable) {
-      setDisplayVersion(manifest.stable);
-    } else if (manifest?.current) {
-      setDisplayVersion(manifest.current);
-    }
-  }, [manifest]);
-  useEffect(() => {
-    if (!open) return;
-    function onDown(e) {
-      if (wrapperRef.current && !wrapperRef.current.contains(e.target)) setOpen(false);
-    }
-    function onKey(e) {
-      if (e.key === "Escape") setOpen(false);
-    }
-    window.addEventListener("mousedown", onDown);
-    window.addEventListener("keydown", onKey);
-    return () => {
-      window.removeEventListener("mousedown", onDown);
-      window.removeEventListener("keydown", onKey);
-    };
-  }, [open]);
-  const labelSegStyle = {
-    padding: "2px 6px",
-    fontWeight: 600,
-    borderTopLeftRadius: 3,
-    borderBottomLeftRadius: 3
-  };
-  const versionSegStyle = {
-    padding: "2px 6px",
-    background: "color-mix(in srgb, var(--color-doc-template-ink) 5%, var(--color-doc-template-bg))",
-    fontWeight: 600,
-    borderTopRightRadius: 3,
-    borderBottomRightRadius: 3,
-    display: "inline-flex",
-    alignItems: "center",
-    gap: dropdown ? 4 : 0,
-    border: 0,
-    borderLeft: "1px solid var(--color-doc-template-faint)",
-    color: "inherit",
-    fontFamily: "inherit",
-    fontSize: "inherit",
-    letterSpacing: "inherit",
-    cursor: dropdown ? "pointer" : "default"
-  };
-  const wrapperBase = {
-    fontFamily: "var(--font-doc-template-mono)",
-    fontSize: 10,
-    fontWeight: 500,
-    letterSpacing: "0.02em",
-    marginLeft: 6,
-    borderRadius: 4,
-    transition,
-    ...collapsed ? {
-      opacity: 0,
-      transform: "translateX(-4px)",
-      pointerEvents: "none",
-      width: 0,
-      margin: 0,
-      padding: 0,
-      overflow: "hidden"
-    } : {}
-  };
-  const chevron = dropdown ? /* @__PURE__ */ jsx(
-    "svg",
-    {
-      width: "8",
-      height: "8",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "3",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      "aria-hidden": true,
-      style: {
-        opacity: 0.65,
-        transform: open ? "scaleY(-1)" : "none",
-        transition: "transform 0.22s ease"
-      },
-      children: /* @__PURE__ */ jsx("path", { d: "M6 9l6 6 6-6" })
-    }
-  ) : null;
-  return /* @__PURE__ */ jsxs(
-    "span",
-    {
-      ref: wrapperRef,
-      className: "hidden md:inline-flex items-stretch relative border border-doc-template-faint",
-      style: { ...wrapperBase, borderRadius: 4 },
-      title: dropdown ? void 0 : `${label} ${version}`,
-      children: [
-        /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: "inline-flex items-center text-doc-template-muted",
-            style: labelSegStyle,
-            children: label
-          }
-        ),
-        dropdown ? /* @__PURE__ */ jsxs(
-          "button",
-          {
-            type: "button",
-            onClick: () => setOpen((o) => !o),
-            "aria-haspopup": "listbox",
-            "aria-expanded": open,
-            title: `Switch ${label} version (current v${displayVersion})`,
-            className: "text-doc-template-ink hover:bg-doc-template-search",
-            style: versionSegStyle,
-            children: [
-              "v",
-              displayVersion,
-              chevron
-            ]
-          }
-        ) : /* @__PURE__ */ jsxs(
-          "span",
-          {
-            className: "inline-flex items-center text-doc-template-ink",
-            style: versionSegStyle,
-            children: [
-              "v",
-              displayVersion
-            ]
-          }
-        ),
-        dropdown && open && manifest && (() => {
-          const aliasEntries = manifest.aliases ? Object.entries(manifest.aliases) : [];
-          const versionEntries = manifest.versions ?? [];
-          const ENTRY_STEP = 0.03;
-          const ENTRY_BASE = 0.13;
-          let idx = 0;
-          return /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsxs(
-              "svg",
-              {
-                width: "14",
-                height: "11",
-                viewBox: "0 0 14 11",
-                "aria-hidden": true,
-                style: {
-                  position: "absolute",
-                  top: "calc(100% + 4.5px)",
-                  right: 4,
-                  zIndex: 81,
-                  display: "block",
-                  pointerEvents: "none",
-                  animation: "popover-wedge-in 0.24s ease both"
-                },
-                children: [
-                  /* @__PURE__ */ jsx("path", { d: "M0 11 L7 1 L14 11", stroke: "var(--color-doc-template-faint)", strokeWidth: "1", fill: "none" }),
-                  /* @__PURE__ */ jsx("path", { d: "M1 11 L7 2 L13 11 Z", fill: "var(--color-doc-template-bg)" })
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsxs(
-              "div",
-              {
-                role: "listbox",
-                "aria-label": `Past ${label} versions`,
-                className: "absolute border border-doc-template-faint bg-doc-template-bg",
-                style: {
-                  top: "calc(100% + 14px)",
-                  left: 0,
-                  minWidth: 220,
-                  maxHeight: "min(360px, 60vh)",
-                  overflowY: "auto",
-                  borderRadius: 12,
-                  // Drop shadow + a "negative" 0-blur shadow above using the page bg
-                  // color: it paints a bg-colored band into the strip between the
-                  // popover top and the navbar's bottom border, masking the navbar's
-                  // 1px box-shadow in the popover's column so the two don't visually
-                  // collide.
-                  boxShadow: "0 6px 24px rgb(0 0 0 / 0.10), 0 -5px 3px 0 var(--color-doc-template-bg)",
-                  padding: 4,
-                  zIndex: 80,
-                  fontFamily: "var(--font-doc-template-mono)",
-                  fontSize: 11,
-                  animation: "popover-in 0.28s ease both",
-                  animationDelay: "0.04s",
-                  transformOrigin: "top right"
-                },
-                children: [
-                  aliasEntries.length > 0 && /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      style: {
-                        padding: "4px 6px 2px",
-                        opacity: 0.55,
-                        fontSize: 9,
-                        letterSpacing: "0.08em",
-                        textTransform: "uppercase",
-                        animation: "popover-entry-in 0.28s ease both",
-                        animationDelay: `${ENTRY_BASE + idx++ * ENTRY_STEP}s`
-                      },
-                      children: "Aliases"
-                    }
-                  ),
-                  aliasEntries.map(([name, url]) => /* @__PURE__ */ jsxs(
-                    "a",
-                    {
-                      href: url,
-                      className: "block text-doc-template-ink no-underline hover:bg-doc-template-search",
-                      style: {
-                        padding: "5px 8px",
-                        borderRadius: 8,
-                        animation: "popover-entry-in 0.28s ease both",
-                        animationDelay: `${ENTRY_BASE + idx++ * ENTRY_STEP}s`
-                      },
-                      children: [
-                        name,
-                        name === "stable" && manifest.stable && /* @__PURE__ */ jsxs("span", { style: { opacity: 0.5, marginLeft: 6 }, children: [
-                          "v",
-                          manifest.stable
-                        ] })
-                      ]
-                    },
-                    `alias-${name}`
-                  )),
-                  versionEntries.length > 0 && /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      style: {
-                        padding: "6px 6px 2px",
-                        opacity: 0.55,
-                        fontSize: 9,
-                        letterSpacing: "0.08em",
-                        textTransform: "uppercase",
-                        animation: "popover-entry-in 0.28s ease both",
-                        animationDelay: `${ENTRY_BASE + idx++ * ENTRY_STEP}s`
-                      },
-                      children: "Versions"
-                    }
-                  ),
-                  versionEntries.map((v) => {
-                    const isCurrent = v.version === manifest.current;
-                    return /* @__PURE__ */ jsxs(
-                      "a",
-                      {
-                        href: v.url,
-                        className: "text-doc-template-ink no-underline hover:bg-doc-template-search flex items-baseline justify-between gap-3",
-                        style: {
-                          padding: "5px 8px",
-                          borderRadius: 8,
-                          fontWeight: isCurrent ? 700 : 400,
-                          background: isCurrent ? "color-mix(in srgb, var(--color-doc-template-accent) 12%, transparent)" : void 0,
-                          animation: "popover-entry-in 0.28s ease both",
-                          animationDelay: `${ENTRY_BASE + idx++ * ENTRY_STEP}s`
-                        },
-                        children: [
-                          /* @__PURE__ */ jsxs("span", { children: [
-                            "v",
-                            v.version,
-                            isCurrent && /* @__PURE__ */ jsx("span", { style: { opacity: 0.55, marginLeft: 6 }, children: "current" })
-                          ] }),
-                          v.date && /* @__PURE__ */ jsx("span", { style: { opacity: 0.5, fontVariantNumeric: "tabular-nums", fontSize: 10 }, children: v.date })
-                        ]
-                      },
-                      v.version
-                    );
-                  })
-                ]
-              }
-            )
-          ] });
-        })()
-      ]
-    }
-  );
-}
 const SPRING = "cubic-bezier(0.4, 0.7, 0.3, 1)";
 const EXPAND_EASE = "cubic-bezier(0.16, 1, 0.3, 1)";
 const EXPAND_MS = 320;
@@ -354,7 +58,7 @@ const SEARCH_GUTTER = 24;
 const SEARCH_INSET = `max(${SEARCH_GUTTER}px, calc((100vw - ${SEARCH_MAX_W}px) / 2))`;
 function Topbar({ searchOpen, onOpenSearch, onCloseSearch, query, setQuery }) {
   const { urlPathname } = usePageContext();
-  const current = pages.find((p) => p.path === urlPathname);
+  const current = findPage(urlPathname);
   const inputRef = useRef(null);
   const labelRef = useRef(null);
   const focusTimerRef = useRef(null);

package/dist/components/VersionBadge.d.ts

@@ -0,0 +1,31 @@
+export interface VersionBadgeProps {
+    /** Left segment text (e.g. the package name). */
+    label: string;
+    /** Build-time version shown in the right segment (may be overridden on
+     *  the client from the hostname / manifest — see below). */
+    version: string;
+    /** Collapse to width 0 (the Topbar drives this from its merged state).
+     *  Standalone placements can omit it. */
+    collapsed?: boolean;
+    /** Turn the version segment into a popover listing the deploys from
+     *  `/versions.json`. */
+    dropdown?: boolean;
+}
+/**
+ * Two-segment version chip: `[ label | v<version> ]`.
+ *
+ * With `dropdown: true` the right segment opens a popover listing alias
+ * and past-version doc URLs sourced from a `versions.json` manifest
+ * (schema: `{ current, stable, aliases, versions: [{version, url, date}] }`).
+ *
+ * The manifest is fetched from the production origin (`siteConfig.url`)
+ * first, so the dropdown on old, immutable version-branch deploys still
+ * lists releases published after they were built; the same-origin copy is
+ * the fallback (local dev, or when no `url` is configured). Cross-origin
+ * fetching needs a CORS header on `/versions.json` — see the
+ * `netlify.example.toml` template.
+ *
+ * Rendered by the Topbar for each `siteConfig.versionChips` entry, and
+ * exported from the library index for standalone placement.
+ */
+export declare function VersionBadge({ label, version, collapsed, dropdown, }: VersionBadgeProps): import("react").JSX.Element;

package/dist/components/VersionBadge.js

@@ -0,0 +1,315 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { useState, useRef, useEffect } from "react";
+import { siteConfig } from "../site-config.js";
+const SPRING = "cubic-bezier(0.4, 0.7, 0.3, 1)";
+function VersionBadge({
+  label,
+  version,
+  collapsed = false,
+  dropdown = false
+}) {
+  const transition = `opacity 0.4s ease, transform 0.4s ${SPRING}, width 0.4s ${SPRING}, margin 0.4s ${SPRING}, padding 0.4s ${SPRING}`;
+  const [open, setOpen] = useState(false);
+  const [manifest, setManifest] = useState(null);
+  const [displayVersion, setDisplayVersion] = useState(version);
+  const wrapperRef = useRef(null);
+  useEffect(() => {
+    if (!dropdown) return;
+    let cancelled = false;
+    const origin = (siteConfig.url || "").replace(/\/+$/, "");
+    const sameOrigin = () => fetch("/versions.json").then((r) => r.ok ? r.json() : null);
+    const load = origin ? fetch(`${origin}/versions.json`).then((r) => r.ok ? r.json() : Promise.reject(new Error(String(r.status)))).catch(sameOrigin) : sameOrigin();
+    load.then((m) => {
+      if (!cancelled && m) setManifest(m);
+    }).catch(() => {
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [dropdown]);
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    const host = window.location.hostname;
+    const m = host.match(/^v(\d+(?:-\d+)+(?:[a-z]+\d+)?)\./i);
+    if (m) {
+      setDisplayVersion(m[1].replace(/-/g, "."));
+    } else if (host.startsWith("stable.") && manifest?.stable) {
+      setDisplayVersion(manifest.stable);
+    } else if (manifest?.current) {
+      setDisplayVersion(manifest.current);
+    }
+  }, [manifest]);
+  useEffect(() => {
+    if (!open) return;
+    function onDown(e) {
+      if (wrapperRef.current && !wrapperRef.current.contains(e.target)) setOpen(false);
+    }
+    function onKey(e) {
+      if (e.key === "Escape") setOpen(false);
+    }
+    window.addEventListener("mousedown", onDown);
+    window.addEventListener("keydown", onKey);
+    return () => {
+      window.removeEventListener("mousedown", onDown);
+      window.removeEventListener("keydown", onKey);
+    };
+  }, [open]);
+  const labelSegStyle = {
+    padding: "2px 6px",
+    fontWeight: 600,
+    borderTopLeftRadius: 3,
+    borderBottomLeftRadius: 3
+  };
+  const versionSegStyle = {
+    padding: "2px 6px",
+    background: "color-mix(in srgb, var(--color-doc-template-ink) 5%, var(--color-doc-template-bg))",
+    fontWeight: 600,
+    borderTopRightRadius: 3,
+    borderBottomRightRadius: 3,
+    display: "inline-flex",
+    alignItems: "center",
+    gap: dropdown ? 4 : 0,
+    border: 0,
+    borderLeft: "1px solid var(--color-doc-template-faint)",
+    color: "inherit",
+    fontFamily: "inherit",
+    fontSize: "inherit",
+    letterSpacing: "inherit",
+    cursor: dropdown ? "pointer" : "default"
+  };
+  const wrapperBase = {
+    fontFamily: "var(--font-doc-template-mono)",
+    fontSize: 10,
+    fontWeight: 500,
+    letterSpacing: "0.02em",
+    marginLeft: 6,
+    borderRadius: 4,
+    transition,
+    ...collapsed ? {
+      opacity: 0,
+      transform: "translateX(-4px)",
+      pointerEvents: "none",
+      width: 0,
+      margin: 0,
+      padding: 0,
+      overflow: "hidden"
+    } : {}
+  };
+  const chevron = dropdown ? /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "8",
+      height: "8",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "3",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": true,
+      style: {
+        opacity: 0.65,
+        transform: open ? "scaleY(-1)" : "none",
+        transition: "transform 0.22s ease"
+      },
+      children: /* @__PURE__ */ jsx("path", { d: "M6 9l6 6 6-6" })
+    }
+  ) : null;
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      ref: wrapperRef,
+      className: "hidden md:inline-flex items-stretch relative border border-doc-template-faint",
+      style: { ...wrapperBase, borderRadius: 4 },
+      title: dropdown ? void 0 : `${label} ${version}`,
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "inline-flex items-center text-doc-template-muted",
+            style: labelSegStyle,
+            children: label
+          }
+        ),
+        dropdown ? /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: (e) => {
+              e.preventDefault();
+              e.stopPropagation();
+              setOpen((o) => !o);
+            },
+            "aria-haspopup": "listbox",
+            "aria-expanded": open,
+            title: `Switch ${label} version (current v${displayVersion})`,
+            className: "text-doc-template-ink hover:bg-doc-template-search",
+            style: versionSegStyle,
+            children: [
+              "v",
+              displayVersion,
+              chevron
+            ]
+          }
+        ) : /* @__PURE__ */ jsxs(
+          "span",
+          {
+            className: "inline-flex items-center text-doc-template-ink",
+            style: versionSegStyle,
+            children: [
+              "v",
+              displayVersion
+            ]
+          }
+        ),
+        dropdown && open && manifest && (() => {
+          const aliasEntries = manifest.aliases ? Object.entries(manifest.aliases) : [];
+          const versionEntries = manifest.versions ?? [];
+          const ENTRY_STEP = 0.03;
+          const ENTRY_BASE = 0.13;
+          let idx = 0;
+          return /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs(
+              "svg",
+              {
+                width: "14",
+                height: "11",
+                viewBox: "0 0 14 11",
+                "aria-hidden": true,
+                style: {
+                  position: "absolute",
+                  top: "calc(100% + 4.5px)",
+                  right: 4,
+                  zIndex: 81,
+                  display: "block",
+                  pointerEvents: "none",
+                  animation: "popover-wedge-in 0.24s ease both"
+                },
+                children: [
+                  /* @__PURE__ */ jsx("path", { d: "M0 11 L7 1 L14 11", stroke: "var(--color-doc-template-faint)", strokeWidth: "1", fill: "none" }),
+                  /* @__PURE__ */ jsx("path", { d: "M1 11 L7 2 L13 11 Z", fill: "var(--color-doc-template-bg)" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                role: "listbox",
+                "aria-label": `Past ${label} versions`,
+                className: "absolute border border-doc-template-faint bg-doc-template-bg",
+                style: {
+                  top: "calc(100% + 14px)",
+                  left: 0,
+                  minWidth: 220,
+                  maxHeight: "min(360px, 60vh)",
+                  overflowY: "auto",
+                  borderRadius: 12,
+                  // Drop shadow + a "negative" 0-blur shadow above using the page bg
+                  // color: it paints a bg-colored band into the strip between the
+                  // popover top and the navbar's bottom border, masking the navbar's
+                  // 1px box-shadow in the popover's column so the two don't visually
+                  // collide.
+                  boxShadow: "0 6px 24px rgb(0 0 0 / 0.10), 0 -5px 3px 0 var(--color-doc-template-bg)",
+                  padding: 4,
+                  zIndex: 80,
+                  fontFamily: "var(--font-doc-template-mono)",
+                  fontSize: 11,
+                  animation: "popover-in 0.28s ease both",
+                  animationDelay: "0.04s",
+                  transformOrigin: "top right"
+                },
+                children: [
+                  aliasEntries.length > 0 && /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      style: {
+                        padding: "4px 6px 2px",
+                        opacity: 0.55,
+                        fontSize: 9,
+                        letterSpacing: "0.08em",
+                        textTransform: "uppercase",
+                        animation: "popover-entry-in 0.28s ease both",
+                        animationDelay: `${ENTRY_BASE + idx++ * ENTRY_STEP}s`
+                      },
+                      children: "Aliases"
+                    }
+                  ),
+                  aliasEntries.map(([name, url]) => /* @__PURE__ */ jsxs(
+                    "a",
+                    {
+                      href: url,
+                      className: "block text-doc-template-ink no-underline hover:bg-doc-template-search",
+                      style: {
+                        padding: "5px 8px",
+                        borderRadius: 8,
+                        animation: "popover-entry-in 0.28s ease both",
+                        animationDelay: `${ENTRY_BASE + idx++ * ENTRY_STEP}s`
+                      },
+                      children: [
+                        name,
+                        name === "stable" && manifest.stable && /* @__PURE__ */ jsxs("span", { style: { opacity: 0.5, marginLeft: 6 }, children: [
+                          "v",
+                          manifest.stable
+                        ] }),
+                        name === "latest" && manifest.current && /* @__PURE__ */ jsxs("span", { style: { opacity: 0.5, marginLeft: 6 }, children: [
+                          "v",
+                          manifest.current
+                        ] })
+                      ]
+                    },
+                    `alias-${name}`
+                  )),
+                  versionEntries.length > 0 && /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      style: {
+                        padding: "6px 6px 2px",
+                        opacity: 0.55,
+                        fontSize: 9,
+                        letterSpacing: "0.08em",
+                        textTransform: "uppercase",
+                        animation: "popover-entry-in 0.28s ease both",
+                        animationDelay: `${ENTRY_BASE + idx++ * ENTRY_STEP}s`
+                      },
+                      children: "Versions"
+                    }
+                  ),
+                  versionEntries.map((v) => {
+                    const isCurrent = v.version === manifest.current;
+                    return /* @__PURE__ */ jsxs(
+                      "a",
+                      {
+                        href: v.url,
+                        className: "text-doc-template-ink no-underline hover:bg-doc-template-search flex items-baseline justify-between gap-3",
+                        style: {
+                          padding: "5px 8px",
+                          borderRadius: 8,
+                          fontWeight: isCurrent ? 700 : 400,
+                          background: isCurrent ? "color-mix(in srgb, var(--color-doc-template-accent) 12%, transparent)" : void 0,
+                          animation: "popover-entry-in 0.28s ease both",
+                          animationDelay: `${ENTRY_BASE + idx++ * ENTRY_STEP}s`
+                        },
+                        children: [
+                          /* @__PURE__ */ jsxs("span", { children: [
+                            "v",
+                            v.version,
+                            isCurrent && /* @__PURE__ */ jsx("span", { style: { opacity: 0.55, marginLeft: 6 }, children: "current" })
+                          ] }),
+                          v.date && /* @__PURE__ */ jsx("span", { style: { opacity: 0.5, fontVariantNumeric: "tabular-nums", fontSize: 10 }, children: v.date })
+                        ]
+                      },
+                      v.version
+                    );
+                  })
+                ]
+              }
+            )
+          ] });
+        })()
+      ]
+    }
+  );
+}
+export {
+  VersionBadge
+};

package/dist/index.d.ts

@@ -18,7 +18,7 @@ import { TabDef as _TabDef } from './lib/tabs';
  *   })
  */
 export { siteConfig, defineSiteConfig, type SiteConfig, type VersionChip, } from './site-config';
-export { pages, groupedPages, groupedVisiblePages, initNavigation, getAdjacentPages, type PageMeta, type PageFrontmatter, type PageModule, type NavGroup, } from './lib/navigation';
+export { pages, groupedPages, groupedVisiblePages, initNavigation, getAdjacentPages, normalizePath, findPage, type PageMeta, type PageFrontmatter, type PageModule, type NavGroup, } from './lib/navigation';
 export { searchIndex, rawMarkdown, initSearchIndex, search, type SearchEntry, type SearchHit, } from './lib/search-index';
 export { searchPages, defaultResults, type SearchResult, type SubResult, } from './lib/pagefind-search';
 export { TABS, initTabs, tabForUrl, urlInTab, type TabDef } from './lib/tabs';
@@ -41,6 +41,7 @@ export { ThemeProvider, useTheme, type Theme } from './components/ThemeProvider'
 export { ThemeToggle } from './components/ThemeToggle';
 export { TOC } from './components/TOC';
 export { Topbar } from './components/Topbar';
+export { VersionBadge, type VersionBadgeProps } from './components/VersionBadge';
 export { Layout, useMerge } from './renderer/Layout';
 export interface InitDocsOptions {
     /** Site branding, URLs, version chips, git hash. */