@publish.os/nextjs 0.0.1-alpha.8 → 0.0.1-alpha.90

package/dist/framework-selection-X4U6Y6QC.js

@@ -0,0 +1,10 @@
+import {
+  assertFrameworkSelection,
+  readCheckoutTypeScriptConfig
+} from "./chunk-DLDFHU7Y.js";
+import "./chunk-AI2UULNX.js";
+import "./chunk-WDY4IK6Z.js";
+export {
+  assertFrameworkSelection,
+  readCheckoutTypeScriptConfig
+};

package/dist/ide-support-ZNW7ODFY.js

@@ -0,0 +1,15 @@
+import {
+  prepareIdeSupport
+} from "./chunk-UF6ATARM.js";
+import "./chunk-H6XILMZX.js";
+import "./chunk-NECL5IBJ.js";
+import "./chunk-535TM4A5.js";
+import "./chunk-WKTEO6RS.js";
+import "./chunk-GGKFQ3MA.js";
+import "./chunk-DLDFHU7Y.js";
+import "./chunk-YLTOLYWM.js";
+import "./chunk-AI2UULNX.js";
+import "./chunk-WDY4IK6Z.js";
+export {
+  prepareIdeSupport
+};

package/dist/index.d.ts

@@ -8,8 +8,8 @@ import 'next';
 type SiteData = {
     name: string;
     description?: string;
-    url?: string;
-    og?: OgMetadata;
+    origin?: string;
+    og?: OgIndexMetadata;
 };
 type OgImageMetadata = string | {
     src: string;
@@ -20,6 +20,9 @@ type OgMetadata = {
     description?: string;
     image?: OgImageMetadata;
 };
+type OgIndexMetadata = OgMetadata & {
+    scope?: "page" | "subtree";
+};
 type Author = {
     id?: string;
     name: string;
@@ -49,6 +52,7 @@ type PageNode = {
     fileID: string;
     title: string;
     path: string;
+    href?: string;
     group: string;
     description?: string;
     status: PageStatus;
@@ -64,6 +68,7 @@ type SectionNode = {
     id: string;
     title: string;
     path?: string;
+    href?: string;
     group?: string;
     children: TreeNode[];
 };
@@ -72,6 +77,7 @@ type FolderNode = {
     id: string;
     title: string;
     path?: string;
+    href?: string;
     group?: string;
     children: TreeNode[];
 };
@@ -106,7 +112,9 @@ type GroupManifest = {
     key: string;
     title: string;
     path: string;
+    origin?: string;
     ancestry?: string[];
+    og?: OgIndexMetadata;
     meta?: Record<string, unknown>;
     tree: TreeNode[];
     pages: PageData[];
@@ -195,6 +203,7 @@ type LlmsRouteOptions = {
     links?: Array<{
         title: string;
         path: string;
+        group?: string;
     }>;
 };
 declare function createLlmsTxtRoute(manifest: ManifestLike, options?: LlmsRouteOptions): () => Promise<Response>;
@@ -272,7 +281,10 @@ declare function createOgImageStaticParams({ manifest }: OgImageRouteConfig): {
 
 declare function createRobotsTxtRoute(manifest: ManifestLike): () => Promise<Response>;
 
-declare function createSitemapXmlRoute(manifest: ManifestLike): () => Promise<Response>;
+type SitemapRouteOptions = {
+    group?: string;
+};
+declare function createSitemapXmlRoute(manifest: ManifestLike, options?: SitemapRouteOptions): () => Promise<Response>;
 
 type ResolvedLeaf = PageProps;
 type ResolvedGroup = Omit<IndexPageProps, "children">;

package/dist/kernel/components/blocks/AgentActions.js

@@ -1,6 +1,6 @@
 "use client";
 
-// src/components/block/agent-actions.tsx
+// src/modules/agent-actions/agent-actions.tsx
 import { AnimatedIconSwap } from "@publish.os/nextjs/kernel/components/blocks/animated-icon-swap";
 import {
   Button,
@@ -16,21 +16,18 @@ import {
   MenuPopup,
   MenuPortal,
   MenuPositioner,
+  MenuSeparator,
   MenuTrigger
 } from "@publish.os/nextjs/kernel/components/ui/menu";
 import {
-  FrameworkBotIcon as Bot,
-  FrameworkCheckIcon as Check,
-  FrameworkChevronDownIcon as ChevronDown,
-  FrameworkClipboardIcon as Clipboard,
-  FrameworkExternalLinkIcon as ExternalLink,
-  FrameworkEyeIcon as Eye,
-  FrameworkGithubIcon as Github,
-  FrameworkLinkIcon as Link,
-  FrameworkMessageCircleIcon as MessageCircle
-} from "@publish.os/nextjs/kernel/framework-icons";
+  CaretDownIcon,
+  CheckIcon,
+  CopyIcon,
+  MarkdownLogoIcon
+} from "@phosphor-icons/react/ssr";
 import { cn } from "@publish.os/nextjs/utils/cn";
 import {
+  Fragment,
   useCallback,
   useEffect,
   useRef,
@@ -81,42 +78,36 @@ var DEFAULT_PRIMARY_ACTION = {
       {
         id: "open-claude",
         title: "Claude",
-        icon: /* @__PURE__ */ jsx(Bot, { "aria-hidden": "true", className: "size-4" }),
         href: ({ prompt }) => providerPromptUrl("https://claude.ai/new", prompt),
         openInNew: !0
       },
       {
         id: "open-chatgpt",
         title: "ChatGPT",
-        icon: /* @__PURE__ */ jsx(MessageCircle, { "aria-hidden": "true", className: "size-4" }),
         href: ({ prompt }) => providerPromptUrl("https://chatgpt.com/?hints=search", prompt),
         openInNew: !0
       },
       {
         id: "open-cursor",
         title: "Cursor",
-        icon: /* @__PURE__ */ jsx(ExternalLink, { "aria-hidden": "true", className: "size-4" }),
         href: ({ prompt }) => providerPromptUrl("https://cursor.com/link/prompt", prompt, "text"),
         openInNew: !0
       },
       {
         id: "open-copilot",
         title: "Copilot",
-        icon: /* @__PURE__ */ jsx(MessageCircle, { "aria-hidden": "true", className: "size-4" }),
         href: ({ prompt }) => providerPromptUrl("https://copilot.microsoft.com/", prompt),
         openInNew: !0
       },
       {
         id: "open-t3-chat",
         title: "T3 Chat",
-        icon: /* @__PURE__ */ jsx(MessageCircle, { "aria-hidden": "true", className: "size-4" }),
         href: ({ prompt }) => providerPromptUrl("https://t3.chat/new", prompt),
         openInNew: !0
       },
       {
         id: "open-github",
         title: "GitHub source",
-        icon: /* @__PURE__ */ jsx(Github, { "aria-hidden": "true", className: "size-4" }),
         href: ({ sourceUrl }) => sourceUrl,
         openInNew: !0,
         disabled: ({ sourceUrl }) => !sourceUrl
@@ -135,13 +126,11 @@ var DEFAULT_PRIMARY_ACTION = {
       {
         id: "view-page-markdown",
         title: "View as Markdown",
-        icon: /* @__PURE__ */ jsx(Eye, { "aria-hidden": "true", className: "size-4" }),
         href: ({ markdownPath }) => markdownPath
       },
       {
         id: "copy-page-link",
         title: "Copy page link",
-        icon: /* @__PURE__ */ jsx(Link, { "aria-hidden": "true", className: "size-4" }),
         copy: "page-link"
       }
     ]
@@ -155,7 +144,7 @@ async function copyText(text) {
 }
 function AgentActions({
   actionGroups,
-  buttonSize = "sm",
+  buttonSize = "xs",
   buttonVariant = "outline",
   className,
   markdown,
@@ -223,11 +212,11 @@ function AgentActions({
       AnimatedIconSwap,
       {
         active: copied,
-        activeIcon: /* @__PURE__ */ jsx(Check, { "aria-hidden": "true", className: "size-4" }),
-        defaultIcon: action.icon ?? /* @__PURE__ */ jsx(Clipboard, { "aria-hidden": "true", className: "size-4" }),
+        activeIcon: /* @__PURE__ */ jsx(CheckIcon, { "aria-hidden": "true", className: "size-4" }),
+        defaultIcon: action.icon ?? /* @__PURE__ */ jsx(CopyIcon, { "aria-hidden": "true", className: "size-4" }),
         size: 16
       }
-    ) : copied ? /* @__PURE__ */ jsx(Check, { "aria-hidden": "true", className: "size-4" }) : action.icon;
+    ) : copied ? /* @__PURE__ */ jsx(CheckIcon, { "aria-hidden": "true", className: "size-4" }) : action.icon;
   }, renderPrimaryAction = () => {
     let href = resolveValue(resolvedPrimaryAction.href, context), disabled = resolveValue(resolvedPrimaryAction.disabled, context), target = resolvedPrimaryAction.target ?? (resolvedPrimaryAction.openInNew ? "_blank" : void 0), rel = target === "_blank" ? mergeRel(resolvedPrimaryAction.rel) : void 0;
     return href && !resolvedPrimaryAction.copy && !resolvedPrimaryAction.onSelect ? /* @__PURE__ */ jsxs(
@@ -265,8 +254,8 @@ function AgentActions({
       }
     );
   }, renderMenuAction = (action) => {
-    let href = resolveValue(action.href, context), disabled = resolveValue(action.disabled, context), icon = iconForAction(action), target = action.target ?? (action.openInNew ? "_blank" : void 0), rel = target === "_blank" ? mergeRel(action.rel) : void 0, label = action.title;
-    return href && !action.copy && !action.onSelect && !disabled ? /* @__PURE__ */ jsxs(
+    let href = resolveValue(action.href, context), disabled = resolveValue(action.disabled, context), target = action.target ?? (action.openInNew ? "_blank" : void 0), rel = target === "_blank" ? mergeRel(action.rel) : void 0, label = action.title;
+    return href && !action.copy && !action.onSelect && !disabled ? /* @__PURE__ */ jsx(
       MenuLinkItem,
       {
         closeOnClick: !0,
@@ -274,67 +263,88 @@ function AgentActions({
         onClick: closeMenu,
         rel,
         target,
-        children: [
-          icon,
-          /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: label })
-        ]
+        children: /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: label })
       },
       action.id
-    ) : /* @__PURE__ */ jsxs(
+    ) : /* @__PURE__ */ jsx(
       MenuItem,
       {
         disabled: !!disabled,
         onClick: () => {
           handleAction(action);
         },
-        children: [
-          icon,
-          /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: label })
-        ]
+        children: /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: label })
       },
       action.id
     );
   };
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: cn("inline-flex", className),
+      className: cn(
+        "inline-flex flex-wrap items-center gap-x-3 gap-y-2",
+        className
+      ),
       "data-slot": "agent-actions",
       ...props,
-      children: /* @__PURE__ */ jsxs(ButtonGroup, { children: [
-        renderPrimaryAction(),
-        /* @__PURE__ */ jsx(ButtonGroupSeparator, {}),
+      children: [
         /* @__PURE__ */ jsxs(
-          Menu,
+          "a",
           {
-            actionsRef: menuActionsRef,
-            modal: !1,
-            onOpenChange: setMenuOpenState,
-            open: menuOpen,
+            className: "inline-flex min-h-7 items-center gap-1.5 text-xs font-medium text-foreground-2 no-underline transition-colors hover:text-foreground-1 hover:underline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-stroke motion-reduce:transition-none",
+            "data-slot": "agent-actions-markdown-link",
+            href: resolvedMarkdownPath,
             children: [
               /* @__PURE__ */ jsx(
-                MenuTrigger,
+                MarkdownLogoIcon,
                 {
-                  "aria-label": menuLabel,
-                  className: cn(
-                    buttonVariants({
-                      iconOnly: !0,
-                      size: buttonSize,
-                      variant: buttonVariant
-                    }),
-                    "data-[popup-open]:!rounded-r-button"
-                  ),
-                  children: /* @__PURE__ */ jsx(ChevronDown, { "aria-hidden": "true", className: "size-4" })
+                  "aria-hidden": "true",
+                  className: "size-4 shrink-0",
+                  weight: "fill"
                 }
               ),
-              /* @__PURE__ */ jsx(MenuPortal, { children: /* @__PURE__ */ jsx(MenuPositioner, { align: "end", children: /* @__PURE__ */ jsx(MenuPopup, { className: "min-w-56", children: resolvedActionGroups.map((group) => /* @__PURE__ */ jsxs(MenuGroup, { children: [
-                group.title ? /* @__PURE__ */ jsx(MenuGroupLabel, { children: group.title }) : null,
-                group.actions.map(renderMenuAction)
-              ] }, group.id)) }) }) })
+              /* @__PURE__ */ jsx("span", { children: "View as Markdown" })
             ]
           }
-        )
-      ] })
+        ),
+        /* @__PURE__ */ jsxs(ButtonGroup, { children: [
+          renderPrimaryAction(),
+          /* @__PURE__ */ jsx(ButtonGroupSeparator, {}),
+          /* @__PURE__ */ jsxs(
+            Menu,
+            {
+              actionsRef: menuActionsRef,
+              modal: !1,
+              onOpenChange: setMenuOpenState,
+              open: menuOpen,
+              children: [
+                /* @__PURE__ */ jsx(
+                  MenuTrigger,
+                  {
+                    "aria-label": menuLabel,
+                    className: cn(
+                      buttonVariants({
+                        iconOnly: !0,
+                        size: buttonSize,
+                        variant: buttonVariant
+                      }),
+                      "data-popup-open:rounded-r-button!"
+                    ),
+                    children: /* @__PURE__ */ jsx(CaretDownIcon, { "aria-hidden": "true", className: "size-4" })
+                  }
+                ),
+                /* @__PURE__ */ jsx(MenuPortal, { children: /* @__PURE__ */ jsx(MenuPositioner, { align: "end", children: /* @__PURE__ */ jsx(MenuPopup, { className: "min-w-56", children: resolvedActionGroups.map((group, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
+                  index > 0 ? /* @__PURE__ */ jsx(MenuSeparator, {}) : null,
+                  /* @__PURE__ */ jsxs(MenuGroup, { children: [
+                    group.title ? /* @__PURE__ */ jsx(MenuGroupLabel, { children: group.title }) : null,
+                    group.actions.map(renderMenuAction)
+                  ] })
+                ] }, group.id)) }) }) })
+              ]
+            }
+          )
+        ] })
+      ]
     }
   );
 }

package/dist/kernel/components/blocks/design-system-preview.d.ts

@@ -5,7 +5,7 @@ import { VariantProps } from 'class-variance-authority';
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
 
 declare const tabsListVariants: (props?: ({
-    variant?: "base" | "button" | "underline" | null | undefined;
+    variant?: "button" | "underline" | "base" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type TabsVariantProps = VariantProps<typeof tabsListVariants>;
 type TabsIndicatorAnimation = "grow" | "slide";

package/dist/kernel/components/blocks/design-system-preview.js

@@ -3,6 +3,7 @@
 // src/modules/design-system/design-system-preview.tsx
 import { AnimatedIconSwap } from "@publish.os/nextjs/kernel/components/blocks/animated-icon-swap";
 import ColorPalette from "@publish.os/nextjs/kernel/components/blocks/color-palette";
+import { Callout } from "@publish.os/nextjs/kernel/components/mdx/components/callout";
 import { InlineCode } from "@publish.os/nextjs/kernel/components/mdx/components/inline-code";
 import {
   Accordion,
@@ -59,7 +60,7 @@ import {
   MenuPositioner,
   MenuTrigger
 } from "@publish.os/nextjs/kernel/components/ui/menu";
-import { MetaKey } from "@publish.os/nextjs/kernel/components/ui/meta-key";
+import { ModKey } from "@publish.os/nextjs/kernel/components/ui/mod-key";
 import {
   Popover,
   PopoverPopup,
@@ -124,10 +125,7 @@ import {
   TooltipProvider,
   TooltipTrigger
 } from "@publish.os/nextjs/kernel/components/ui/tooltip";
-import {
-  FrameworkCheckIcon as Check,
-  FrameworkCopyIcon as Copy
-} from "@publish.os/nextjs/kernel/framework-icons";
+import { CheckIcon, CopyIcon } from "@phosphor-icons/react/ssr";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var tabs = [
@@ -448,8 +446,8 @@ function UiPreview({ items = [] }) {
       /* @__PURE__ */ jsx(AccordionHeader, { children: /* @__PURE__ */ jsx(AccordionTrigger, { children: "Section" }) }),
       /* @__PURE__ */ jsx(AccordionPanel, { children: "Expandable content preview." })
     ] }) }) }),
-    /* @__PURE__ */ jsx(PreviewCell, { name: "MetaKey", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx(MetaKey, {}),
+    /* @__PURE__ */ jsx(PreviewCell, { name: "ModKey", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(ModKey, {}),
       /* @__PURE__ */ jsx(Kbd, { children: "K" })
     ] }) }),
     /* @__PURE__ */ jsx(PreviewCell, { name: "Toast", children: /* @__PURE__ */ jsx(ToastProvider, { children: /* @__PURE__ */ jsx(Toast, { className: "w-full max-w-xs", toast: { id: "preview" }, children: /* @__PURE__ */ jsxs(ToastContent, { children: [
@@ -510,10 +508,31 @@ function MdxPreview({ items = [] }) {
       ] }),
       /* @__PURE__ */ jsx("h3", { className: "text-lg font-medium leading-7 text-foreground-1", children: /* @__PURE__ */ jsx(Link, { color: "accent", href: "/ds", variant: "link.standalone", children: "Linked heading" }) })
     ] }) }),
-    /* @__PURE__ */ jsx(PreviewCell, { name: "Callout", children: /* @__PURE__ */ jsxs("div", { className: "max-w-xs rounded-card border border-stroke-2 bg-surface-2 p-4 text-sm leading-6 text-foreground-2", children: [
-      /* @__PURE__ */ jsx("p", { className: "font-medium text-foreground-1", children: "Note" }),
-      /* @__PURE__ */ jsx("p", { className: "mt-1", children: "A compact MDX callout preview." })
-    ] }) }),
+    /* @__PURE__ */ jsx(PreviewCell, { name: "Callout", children: /* @__PURE__ */ jsx("div", { className: "grid w-full max-w-xl gap-3", children: ["neutral", "info", "warning", "danger", "success"].map(
+      (color) => ["solid", "soft", "outline"].map((variant) => /* @__PURE__ */ jsxs(
+        Callout,
+        {
+          color,
+          title: `${color} \xB7 ${variant}`,
+          variant,
+          children: [
+            /* @__PURE__ */ jsxs("p", { children: [
+              "A callout with ",
+              /* @__PURE__ */ jsx("strong", { children: "rich text" }),
+              ",",
+              " ",
+              /* @__PURE__ */ jsx(InlineCode, { children: "inline code" }),
+              ", and a",
+              " ",
+              /* @__PURE__ */ jsx("a", { href: "#callout", children: "link" }),
+              "."
+            ] }),
+            /* @__PURE__ */ jsx("ul", { children: /* @__PURE__ */ jsx("li", { children: "Content stays readable at narrow widths." }) })
+          ]
+        },
+        `${color}-${variant}`
+      ))
+    ) }) }),
     /* @__PURE__ */ jsx(PreviewCell, { name: "Table", children: /* @__PURE__ */ jsx("div", { className: "w-full max-w-xs", children: /* @__PURE__ */ jsxs(Table, { children: [
       /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
         /* @__PURE__ */ jsx(TableHead, { children: "Token" }),
@@ -540,8 +559,8 @@ function CopyToClipboardPreview() {
         AnimatedIconSwap,
         {
           active: copied,
-          activeIcon: /* @__PURE__ */ jsx(Check, { "aria-hidden": "true" }),
-          defaultIcon: /* @__PURE__ */ jsx(Copy, { "aria-hidden": "true" }),
+          activeIcon: /* @__PURE__ */ jsx(CheckIcon, { "aria-hidden": "true" }),
+          defaultIcon: /* @__PURE__ */ jsx(CopyIcon, { "aria-hidden": "true" }),
           size: 16
         }
       ),

package/dist/kernel/components/blocks/link-playground.js

@@ -193,7 +193,7 @@ function SegmentedControl({
           "button",
           {
             className: cn(
-              "h-8 rounded-[max(calc(var(--radius-button)_-_0.25rem),0px)] px-2 text-xs font-medium capitalize text-foreground-3 transition-colors",
+              "h-8 rounded-[max(calc(var(--radius-button)-0.25rem),0px)] px-2 text-xs font-medium capitalize text-foreground-3 transition-colors",
               option === value && "bg-surface-1 text-foreground-1 shadow-sm"
             ),
             onClick: () => onChange(option),
@@ -727,7 +727,7 @@ function LinkPlayground() {
             /* @__PURE__ */ jsx(
               "textarea",
               {
-                className: "min-h-[26rem] resize-none rounded-panel border border-stroke-2 bg-surface-2 p-3 font-mono text-xs leading-5 text-foreground-1 outline-none focus:border-accent-1",
+                className: "min-h-104 resize-none rounded-panel border border-stroke-2 bg-surface-2 p-3 font-mono text-xs leading-5 text-foreground-1 outline-none focus:border-accent-1",
                 readOnly: !0,
                 value: output
               }

package/dist/kernel/components/blocks/logo-block.js

@@ -73,7 +73,7 @@ function LogoBlock({
       siteName
     }
   ) : /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { className: "block dark:hidden", children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("span", { className: "[display:var(--logo-block-light-display)]", children: /* @__PURE__ */ jsx(
       LogoBlockImage,
       {
         asset: lightLogo,
@@ -83,7 +83,7 @@ function LogoBlock({
         siteName
       }
     ) }),
-    /* @__PURE__ */ jsx("span", { className: "hidden dark:block", children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("span", { className: "[display:var(--logo-block-dark-display)]", children: /* @__PURE__ */ jsx(
       LogoBlockImage,
       {
         asset: darkLogo,

package/dist/kernel/components/blocks/nav-breadcrumb.d.ts

@@ -1,9 +1,17 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { S as SiteData, T as TreeNode } from '../../../types-B_b3C0U6.js';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import { S as SiteData, T as TreeNode } from '../../../types-CUtrppxt.js';
 
-declare function NavBreadcrumb({ currentPath, showRoot, site, tree, }: {
+declare const breadcrumbVariants: (props?: ({
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type BreadcrumbVariantProps = VariantProps<typeof breadcrumbVariants>;
+
+declare function NavBreadcrumb({ currentPath, showRoot, size, site, tree, }: {
     currentPath?: string;
     showRoot?: boolean;
+    size?: BreadcrumbVariantProps["size"];
     site: SiteData;
     tree: TreeNode[];
 }): react_jsx_runtime.JSX.Element | null;

package/dist/kernel/components/blocks/nav-breadcrumb.js

@@ -1,4 +1,4 @@
-// src/components/block/navigation/nav-breadcrumb.tsx
+// src/components/block/navbar/nav-breadcrumb.tsx
 import { CollapsibleBreadcrumbTrail } from "@publish.os/nextjs/kernel/components/ui/breadcrumb-trail";
 import { jsx } from "react/jsx-runtime";
 function titleFor(node) {
@@ -15,7 +15,14 @@ function rankFor(node) {
 function findCrumbs(nodes, pathname, parents = []) {
   let matches = [];
   for (let node of nodes) {
-    let path = pathFor(node), nextParents = path ? [...parents, { title: titleFor(node), path }] : parents;
+    let path = pathFor(node), nextParents = path ? [
+      ...parents,
+      {
+        title: titleFor(node),
+        path,
+        href: "href" in node && typeof node.href == "string" ? node.href : path
+      }
+    ] : parents;
     if (path === pathname && matches.push({
       crumbs: nextParents.map((crumb, index) => ({
         ...crumb,
@@ -38,13 +45,20 @@ function groupFallback(tree, pathname) {
   ).sort((a, b) => b.path.length - a.path.length);
   for (let { group, path } of groups)
     if (pathname.startsWith(`${path}/`))
-      return [{ title: titleFor(group), path }];
+      return [
+        {
+          title: titleFor(group),
+          path,
+          href: "href" in group && typeof group.href == "string" ? group.href : path
+        }
+      ];
   return [];
 }
 function buildCrumbs(site, tree, pathname) {
   let root = {
     title: site.name,
     path: "/",
+    href: "/",
     current: pathname === "/"
   };
   if (pathname === "/") return [root];
@@ -60,15 +74,16 @@ function buildCrumbs(site, tree, pathname) {
 function NavBreadcrumb({
   currentPath = "/",
   showRoot = !0,
+  size = "sm",
   site,
   tree
 }) {
   let crumbs = buildCrumbs(site, tree, currentPath), items = (showRoot ? crumbs : crumbs.slice(1)).map((crumb) => ({
     current: crumb.current,
-    href: crumb.path,
+    href: crumb.href,
     title: crumb.title
   }));
-  return items.length === 0 ? null : /* @__PURE__ */ jsx(CollapsibleBreadcrumbTrail, { items, size: "sm" });
+  return items.length === 0 ? null : /* @__PURE__ */ jsx(CollapsibleBreadcrumbTrail, { items, size });
 }
 export {
   NavBreadcrumb

package/dist/kernel/components/blocks/navbar.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { LogoBlockLogo, LogoBlockAsset } from './logo-block.js';
-import { S as SiteData, T as TreeNode } from '../../../types-B_b3C0U6.js';
+import { S as SiteData, T as TreeNode } from '../../../types-CUtrppxt.js';
 
 type NavbarProps = {
     logo?: NavbarLogo;
@@ -11,6 +11,6 @@ type NavbarProps = {
 };
 type NavbarLogoAsset = LogoBlockAsset;
 type NavbarLogo = LogoBlockLogo;
-declare function Navbar({ logo, site, siteTitle, showThemeToggle, tree, }: NavbarProps): react_jsx_runtime.JSX.Element;
+declare function Navbar({ logo, showThemeToggle, site, siteTitle, tree, }: NavbarProps): react_jsx_runtime.JSX.Element;
 
 export { Navbar, type NavbarLogo, type NavbarLogoAsset };