@krak-stack/registry 0.1.18 → 0.1.20

package/dist/lib/{docs-core.js → docs.js}

@@ -1,17 +1,11 @@
-// ../../src/lib/docs-core.tsx
-import { icons as lucideIcons } from "@iconify-json/lucide";
-import { Icon, addCollection } from "@iconify/react";
-import { code } from "@streamdown/code";
-import { Link as Link3, useNavigate } from "@tanstack/react-router";
+// ../../src/lib/docs.tsx
 import { Schema as Schema3 } from "effect";
 import {
-  Children,
   forwardRef,
   useDeferredValue,
-  useState as useState4
+  useEffect as useEffect5,
+  useState as useState5
 } from "react";
-import { Streamdown } from "streamdown";
-import { parse } from "yaml";
 
 // ../../src/components/ui/app-brand.tsx
 import { Link } from "@tanstack/react-router";
@@ -122,34 +116,9 @@ function AppBrand(brandProps) {
   });
 }
 
-// ../../src/components/ui/collapsible.tsx
-import { Collapsible as CollapsiblePrimitive } from "@base-ui/react/collapsible";
-import { jsx as jsx2 } from "react/jsx-runtime";
-function Collapsible({ ...props }) {
-  return /* @__PURE__ */ jsx2(CollapsiblePrimitive.Root, {
-    "data-slot": "collapsible",
-    ...props
-  });
-}
-function CollapsibleTrigger({ ...props }) {
-  return /* @__PURE__ */ jsx2(CollapsiblePrimitive.Trigger, {
-    "data-slot": "collapsible-trigger",
-    ...props
-  });
-}
-function CollapsibleContent({ ...props }) {
-  return /* @__PURE__ */ jsx2(CollapsiblePrimitive.Panel, {
-    "data-slot": "collapsible-content",
-    ...props
-  });
-}
-
-// ../../src/components/ui/search-menu.tsx
-import { SearchIcon as SearchIcon2 } from "lucide-react";
-import { useCallback, useEffect, useState } from "react";
-
-// ../../src/components/ui/button.tsx
-import { Button as ButtonPrimitive } from "@base-ui/react/button";
+// ../../src/components/ui/badge.tsx
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
 import { cva } from "class-variance-authority";
 
 // ../../src/lib/utils.ts
@@ -159,9 +128,46 @@ function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
 
+// ../../src/components/ui/badge.tsx
+var badgeVariants = cva("group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!", {
+  variants: {
+    variant: {
+      default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+      secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
+      destructive: "bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",
+      outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
+      ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
+      link: "text-primary underline-offset-4 hover:underline"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+function Badge({
+  className,
+  variant = "default",
+  render,
+  ...props
+}) {
+  return useRender({
+    defaultTagName: "span",
+    props: mergeProps({
+      className: cn(badgeVariants({ variant }), className)
+    }, props),
+    render,
+    state: {
+      slot: "badge",
+      variant
+    }
+  });
+}
+
 // ../../src/components/ui/button.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
-var buttonVariants = cva("group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+import { Button as ButtonPrimitive } from "@base-ui/react/button";
+import { cva as cva2 } from "class-variance-authority";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var buttonVariants = cva2("group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
   variants: {
     variant: {
       default: "bg-primary text-primary-foreground hover:bg-primary/80",
@@ -193,13 +199,223 @@ function Button({
   size = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(ButtonPrimitive, {
+  return /* @__PURE__ */ jsx2(ButtonPrimitive, {
     "data-slot": "button",
     className: cn(buttonVariants({ variant, size, className })),
     ...props
   });
 }
 
+// ../../src/components/ui/copy-button.tsx
+import { Check, Copy, TriangleAlert } from "lucide-react";
+import { useEffect, useRef, useState } from "react";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+function CopyButton({
+  value,
+  valueDescription,
+  copyVariant = "default",
+  messages,
+  onCopied,
+  onCopyError,
+  resetDelay = 1500,
+  disabled,
+  size,
+  "aria-label": ariaLabel,
+  ...props
+}) {
+  const [copyState, setCopyState] = useState("idle");
+  const copyTimeout = useRef(undefined);
+  const labels = {
+    copy: messages?.copy ?? "Copy",
+    copied: messages?.copied ?? "Copied",
+    copyFailed: messages?.copyFailed ?? "Copy failed"
+  };
+  const accessibleLabel = ariaLabel ?? (valueDescription ? `${labels.copy} ${valueDescription}` : labels.copy);
+  const isLarge = copyVariant === "large";
+  const defaultSize = copyVariant === "sm" ? "icon-xs" : isLarge ? "sm" : "icon-sm";
+  useEffect(() => {
+    return () => {
+      if (copyTimeout.current)
+        clearTimeout(copyTimeout.current);
+    };
+  }, []);
+  const resetCopyState = () => {
+    if (copyTimeout.current)
+      clearTimeout(copyTimeout.current);
+    copyTimeout.current = setTimeout(() => setCopyState("idle"), resetDelay);
+  };
+  const copy = async () => {
+    try {
+      await navigator.clipboard.writeText(value);
+      setCopyState("copied");
+      onCopied?.();
+    } catch (error) {
+      setCopyState("failed");
+      onCopyError?.(error instanceof Error ? error : new Error("Copy failed", { cause: error }));
+    }
+    resetCopyState();
+  };
+  const status = copyState === "copied" ? valueDescription ? `${labels.copied}: ${valueDescription}` : labels.copied : copyState === "failed" ? valueDescription ? `${labels.copyFailed}: ${valueDescription}` : labels.copyFailed : "";
+  return /* @__PURE__ */ jsxs2(Button, {
+    "aria-label": accessibleLabel,
+    disabled,
+    onClick: copy,
+    size: size ?? defaultSize,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx3("span", {
+        "aria-live": "polite",
+        className: "sr-only",
+        role: "status",
+        children: status
+      }),
+      copyState === "copied" ? /* @__PURE__ */ jsx3(Check, {
+        "aria-hidden": "true"
+      }) : null,
+      copyState === "failed" ? /* @__PURE__ */ jsx3(TriangleAlert, {
+        "aria-hidden": "true"
+      }) : null,
+      copyState === "idle" ? /* @__PURE__ */ jsx3(Copy, {
+        "aria-hidden": "true"
+      }) : null,
+      isLarge ? /* @__PURE__ */ jsx3("span", {
+        children: labels.copy
+      }) : null
+    ]
+  });
+}
+
+// ../../src/components/ui/code-block.tsx
+import { highlight } from "@tanstack/highlight";
+import { createThemeCss } from "@tanstack/highlight/theme";
+import { githubDarkTheme } from "@tanstack/highlight/themes/github-dark";
+import { githubLightTheme } from "@tanstack/highlight/themes/github-light";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var themeCss = `${createThemeCss({
+  light: githubLightTheme,
+  dark: githubDarkTheme,
+  lightSelector: "[data-code-theme]",
+  darkSelector: ".dark [data-code-theme]",
+  codeBlockSelector: "[data-code-theme] pre.th-code",
+  lineNumbersSelector: "[data-code-theme] .th-code--line-numbers"
+})}
+[data-code-theme] pre.th-code {
+  margin: 0;
+  overflow: visible;
+  background: transparent;
+  font: inherit;
+  color: inherit;
+}
+[data-code-theme] pre.th-code code { font: inherit; }`;
+function CodeBlock({
+  code,
+  language = "text",
+  messages
+}) {
+  const normalizedLanguage = language.toLowerCase() || "text";
+  const highlighted = highlight(code, { lang: normalizedLanguage });
+  const copyMessages = {};
+  if (messages?.copy !== undefined)
+    copyMessages.copy = messages.copy;
+  if (messages?.copied !== undefined)
+    copyMessages.copied = messages.copied;
+  if (messages?.copyFailed !== undefined) {
+    copyMessages.copyFailed = messages.copyFailed;
+  }
+  return /* @__PURE__ */ jsxs3("div", {
+    className: "not-prose bg-muted overflow-hidden rounded-md border text-[var(--th-token)]",
+    "data-code-theme": true,
+    children: [
+      /* @__PURE__ */ jsx4("style", {
+        children: themeCss
+      }),
+      /* @__PURE__ */ jsxs3("div", {
+        className: "bg-background border-border/60 flex items-center justify-between border-b px-3 py-2",
+        children: [
+          /* @__PURE__ */ jsx4("span", {
+            className: "text-muted-foreground font-mono text-xs",
+            children: highlighted.lang
+          }),
+          /* @__PURE__ */ jsx4(CopyButton, {
+            value: code,
+            valueDescription: `${highlighted.lang} code`,
+            variant: "secondary",
+            messages: copyMessages
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsx4("div", {
+        className: "max-h-full overflow-auto font-mono text-[0.875rem] leading-[1.625]",
+        dangerouslySetInnerHTML: { __html: highlighted.html }
+      })
+    ]
+  });
+}
+
+// ../../src/lib/markdown/content.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
+var MarkdownContent = ({
+  className,
+  codeBlocks,
+  html,
+  messages
+}) => {
+  const content = [];
+  let remainingHtml = html;
+  codeBlocks.forEach((block, index) => {
+    const marker = `<markdown-code-block data-index="${index}"></markdown-code-block>`;
+    const markerIndex = remainingHtml.indexOf(marker);
+    if (markerIndex === -1)
+      return;
+    content.push(/* @__PURE__ */ jsx5("div", {
+      dangerouslySetInnerHTML: {
+        __html: remainingHtml.slice(0, markerIndex)
+      }
+    }, `html-${index}`), /* @__PURE__ */ jsx5("div", {
+      className: "my-5",
+      children: /* @__PURE__ */ jsx5(CodeBlock, {
+        code: block.code,
+        language: block.language,
+        messages: { copy: messages?.copy, copied: messages?.copied }
+      })
+    }, `code-${index}`));
+    remainingHtml = remainingHtml.slice(markerIndex + marker.length);
+  });
+  content.push(/* @__PURE__ */ jsx5("div", {
+    dangerouslySetInnerHTML: { __html: remainingHtml }
+  }, "html-final"));
+  return /* @__PURE__ */ jsx5("div", {
+    className: cn("[&_a:hover]:text-primary [&_a]:decoration-border [&_blockquote]:border-primary/40 [&_blockquote]:bg-muted/40 [&_h2_a]:text-muted-foreground [&_h3_a]:text-muted-foreground [&_[data-inline-code]]:bg-muted text-[0.98rem] leading-7 [&_[data-markdown-table]]:overflow-x-auto [&_[data-inline-code]]:rounded [&_[data-inline-code]]:px-1.5 [&_[data-inline-code]]:py-0.5 [&_[data-inline-code]]:font-mono [&_[data-inline-code]]:text-[0.875em] [&_a]:font-medium [&_a]:underline [&_a]:decoration-1 [&_a]:underline-offset-4 [&_a]:transition-colors [&_blockquote]:rounded-r-lg [&_blockquote]:border-l-4 [&_blockquote]:px-5 [&_blockquote]:py-1 [&_h2]:mt-12 [&_h2]:scroll-mt-20 [&_h2]:border-t [&_h2]:pt-8 [&_h2]:text-2xl [&_h2]:font-bold [&_h2]:tracking-tight [&_h2_a]:ml-2 [&_h2_a]:no-underline [&_h2:first-of-type]:mt-0 [&_h2:first-of-type]:border-t-0 [&_h2:first-of-type]:pt-0 [&_h3]:mt-8 [&_h3]:scroll-mt-20 [&_h3]:text-xl [&_h3]:font-semibold [&_h3]:tracking-tight [&_h3_a]:ml-2 [&_h3_a]:no-underline [&_ol]:my-5 [&_p]:my-5 [&_table]:w-full [&_table]:text-sm [&_td]:border-b [&_td]:p-2 [&_th]:border-b [&_th]:p-2 [&_th]:text-left [&_ul]:my-5", className),
+    children: content
+  });
+};
+
+// ../../src/components/ui/collapsible.tsx
+import { Collapsible as CollapsiblePrimitive } from "@base-ui/react/collapsible";
+import { jsx as jsx6 } from "react/jsx-runtime";
+function Collapsible({ ...props }) {
+  return /* @__PURE__ */ jsx6(CollapsiblePrimitive.Root, {
+    "data-slot": "collapsible",
+    ...props
+  });
+}
+function CollapsibleTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx6(CollapsiblePrimitive.Trigger, {
+    "data-slot": "collapsible-trigger",
+    ...props
+  });
+}
+function CollapsibleContent({ ...props }) {
+  return /* @__PURE__ */ jsx6(CollapsiblePrimitive.Panel, {
+    "data-slot": "collapsible-content",
+    ...props
+  });
+}
+
+// ../../src/components/ui/search-menu.tsx
+import { SearchIcon as SearchIcon2 } from "lucide-react";
+import { useCallback, useEffect as useEffect2, useState as useState2 } from "react";
+
 // ../../src/components/ui/command.tsx
 import { Command as CommandPrimitive } from "cmdk";
 import { SearchIcon } from "lucide-react";
@@ -207,15 +423,15 @@ import { SearchIcon } from "lucide-react";
 // ../../src/components/ui/dialog.tsx
 import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
 import { XIcon } from "lucide-react";
-import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 function Dialog({ ...props }) {
-  return /* @__PURE__ */ jsx4(DialogPrimitive.Root, {
+  return /* @__PURE__ */ jsx7(DialogPrimitive.Root, {
     "data-slot": "dialog",
     ...props
   });
 }
 function DialogPortal({ ...props }) {
-  return /* @__PURE__ */ jsx4(DialogPrimitive.Portal, {
+  return /* @__PURE__ */ jsx7(DialogPrimitive.Portal, {
     "data-slot": "dialog-portal",
     ...props
   });
@@ -224,7 +440,7 @@ function DialogOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx4(DialogPrimitive.Backdrop, {
+  return /* @__PURE__ */ jsx7(DialogPrimitive.Backdrop, {
     "data-slot": "dialog-overlay",
     className: cn("fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0", className),
     ...props
@@ -235,22 +451,22 @@ function DialogContent({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs2(DialogPortal, {
+  return /* @__PURE__ */ jsxs4(DialogPortal, {
     children: [
-      /* @__PURE__ */ jsx4(DialogOverlay, {}),
-      /* @__PURE__ */ jsxs2(DialogPrimitive.Popup, {
+      /* @__PURE__ */ jsx7(DialogOverlay, {}),
+      /* @__PURE__ */ jsxs4(DialogPrimitive.Popup, {
         "data-slot": "dialog-content",
         className: cn("fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-6 text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none sm:max-w-lg data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
         ...props,
         children: [
           children,
-          /* @__PURE__ */ jsxs2(DialogPrimitive.Close, {
+          /* @__PURE__ */ jsxs4(DialogPrimitive.Close, {
             className: "focus-visible:ring-ring absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus-visible:ring-2 focus-visible:outline-none disabled:pointer-events-none",
             children: [
-              /* @__PURE__ */ jsx4(XIcon, {
+              /* @__PURE__ */ jsx7(XIcon, {
                 className: "size-4"
               }),
-              /* @__PURE__ */ jsx4("span", {
+              /* @__PURE__ */ jsx7("span", {
                 className: "sr-only",
                 children: "Close"
               })
@@ -262,7 +478,7 @@ function DialogContent({
   });
 }
 function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx4("div", {
+  return /* @__PURE__ */ jsx7("div", {
     "data-slot": "dialog-header",
     className: cn("grid gap-1.5", className),
     ...props
@@ -272,7 +488,7 @@ function DialogTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx4(DialogPrimitive.Title, {
+  return /* @__PURE__ */ jsx7(DialogPrimitive.Title, {
     "data-slot": "dialog-title",
     className: cn("text-lg font-medium", className),
     ...props
@@ -282,7 +498,7 @@ function DialogDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx4(DialogPrimitive.Description, {
+  return /* @__PURE__ */ jsx7(DialogPrimitive.Description, {
     "data-slot": "dialog-description",
     className: cn("text-sm text-muted-foreground", className),
     ...props
@@ -290,12 +506,12 @@ function DialogDescription({
 }
 
 // ../../src/components/ui/command.tsx
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 function Command({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx5(CommandPrimitive, {
+  return /* @__PURE__ */ jsx8(CommandPrimitive, {
     "data-slot": "command",
     className: cn("flex size-full flex-col overflow-hidden rounded-xl bg-popover p-1 text-popover-foreground", className),
     ...props
@@ -308,18 +524,18 @@ function CommandDialog({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx5(Dialog, {
+  return /* @__PURE__ */ jsx8(Dialog, {
     ...props,
-    children: /* @__PURE__ */ jsxs3(DialogContent, {
+    children: /* @__PURE__ */ jsxs5(DialogContent, {
       className: cn("top-1/3 translate-y-0 overflow-hidden rounded-xl p-0", className),
       children: [
-        /* @__PURE__ */ jsxs3(DialogHeader, {
+        /* @__PURE__ */ jsxs5(DialogHeader, {
           className: "sr-only",
           children: [
-            /* @__PURE__ */ jsx5(DialogTitle, {
+            /* @__PURE__ */ jsx8(DialogTitle, {
               children: title
             }),
-            /* @__PURE__ */ jsx5(DialogDescription, {
+            /* @__PURE__ */ jsx8(DialogDescription, {
               children: description
             })
           ]
@@ -333,16 +549,16 @@ function CommandInput({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx5("div", {
+  return /* @__PURE__ */ jsx8("div", {
     "data-slot": "command-input-wrapper",
     className: "p-1 pb-0",
-    children: /* @__PURE__ */ jsxs3("div", {
+    children: /* @__PURE__ */ jsxs5("div", {
       className: "border-input/30 bg-input/30 flex h-9 items-center gap-2 rounded-lg border px-2 shadow-none",
       children: [
-        /* @__PURE__ */ jsx5(SearchIcon, {
+        /* @__PURE__ */ jsx8(SearchIcon, {
           className: "size-4 shrink-0 opacity-50"
         }),
-        /* @__PURE__ */ jsx5(CommandPrimitive.Input, {
+        /* @__PURE__ */ jsx8(CommandPrimitive.Input, {
           "data-slot": "command-input",
           className: cn("w-full bg-transparent text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50", className),
           ...props
@@ -355,7 +571,7 @@ function CommandList({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx5(CommandPrimitive.List, {
+  return /* @__PURE__ */ jsx8(CommandPrimitive.List, {
     "data-slot": "command-list",
     className: cn("max-h-72 scroll-py-1 overflow-x-hidden overflow-y-auto outline-none", className),
     ...props
@@ -365,7 +581,7 @@ function CommandEmpty({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx5(CommandPrimitive.Empty, {
+  return /* @__PURE__ */ jsx8(CommandPrimitive.Empty, {
     "data-slot": "command-empty",
     className: cn("py-6 text-center text-sm", className),
     ...props
@@ -375,7 +591,7 @@ function CommandGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx5(CommandPrimitive.Group, {
+  return /* @__PURE__ */ jsx8(CommandPrimitive.Group, {
     "data-slot": "command-group",
     className: cn("overflow-hidden p-1 text-foreground **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:py-1.5 **:[[cmdk-group-heading]]:text-xs **:[[cmdk-group-heading]]:font-medium **:[[cmdk-group-heading]]:text-muted-foreground", className),
     ...props
@@ -385,7 +601,7 @@ function CommandItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx5(CommandPrimitive.Item, {
+  return /* @__PURE__ */ jsx8(CommandPrimitive.Item, {
     "data-slot": "command-item",
     className: cn("group/command-item relative flex cursor-default items-center gap-2 rounded-lg px-2 py-1.5 text-sm outline-none select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 data-selected:bg-muted data-selected:text-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
     ...props
@@ -395,7 +611,7 @@ function CommandShortcut({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx5("span", {
+  return /* @__PURE__ */ jsx8("span", {
     "data-slot": "command-shortcut",
     className: cn("ml-auto text-xs tracking-widest text-muted-foreground group-data-selected/command-item:text-foreground", className),
     ...props
@@ -839,7 +1055,7 @@ function isCustomStrategy(strategy2) {
 }
 
 // ../../src/components/ui/search-menu.tsx
-import { jsx as jsx6, jsxs as jsxs4, Fragment as Fragment2 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs6, Fragment as Fragment2 } from "react/jsx-runtime";
 var messages = {
   en: {
     title: "Search",
@@ -883,7 +1099,7 @@ function SearchMenu({
   const resolvedPlaceholder = placeholder ?? labels.placeholder;
   const resolvedInputPlaceholder = inputPlaceholder ?? labels.inputPlaceholder;
   const resolvedEmptyMessage = emptyMessage ?? labels.emptyMessage;
-  const [uncontrolledOpen, setUncontrolledOpen] = useState(false);
+  const [uncontrolledOpen, setUncontrolledOpen] = useState2(false);
   const isControlled = open !== undefined;
   const isOpen = open ?? uncontrolledOpen;
   const setOpen = useCallback((value) => {
@@ -891,7 +1107,7 @@ function SearchMenu({
       setUncontrolledOpen(value);
     onOpenChange?.(value);
   }, [isControlled, onOpenChange]);
-  useEffect(() => {
+  useEffect2(() => {
     const onKeyDown = (event) => {
       if (event.key.toLowerCase() !== "k")
         return;
@@ -903,9 +1119,9 @@ function SearchMenu({
     document.addEventListener("keydown", onKeyDown);
     return () => document.removeEventListener("keydown", onKeyDown);
   }, [isOpen, setOpen]);
-  return /* @__PURE__ */ jsxs4(Fragment2, {
+  return /* @__PURE__ */ jsxs6(Fragment2, {
     children: [
-      /* @__PURE__ */ jsxs4(Button, {
+      /* @__PURE__ */ jsxs6(Button, {
         "aria-label": resolvedPlaceholder,
         type: "button",
         variant: "outline",
@@ -913,40 +1129,40 @@ function SearchMenu({
         className: cn("sm:h-9 sm:w-64 sm:justify-start sm:gap-2.5 sm:px-2.5 sm:font-normal", className),
         onClick: () => setOpen(true),
         children: [
-          /* @__PURE__ */ jsx6(SearchIcon2, {
+          /* @__PURE__ */ jsx9(SearchIcon2, {
             className: "size-4 shrink-0"
           }),
-          /* @__PURE__ */ jsx6("span", {
+          /* @__PURE__ */ jsx9("span", {
             className: "text-muted-foreground hidden min-w-0 flex-1 truncate text-left font-normal sm:block",
             children: resolvedPlaceholder
           }),
-          /* @__PURE__ */ jsx6("kbd", {
+          /* @__PURE__ */ jsx9("kbd", {
             className: "bg-muted text-muted-foreground pointer-events-none hidden h-5 items-center rounded border px-1.5 font-mono text-[10px] font-medium sm:inline-flex",
             children: shortcutLabel
           })
         ]
       }),
-      /* @__PURE__ */ jsx6(CommandDialog, {
+      /* @__PURE__ */ jsx9(CommandDialog, {
         open: isOpen,
         onOpenChange: setOpen,
         title: resolvedTitle,
         description: resolvedDescription,
-        children: /* @__PURE__ */ jsxs4(Command, {
+        children: /* @__PURE__ */ jsxs6(Command, {
           ...shouldFilter === undefined ? {} : { shouldFilter },
           children: [
-            /* @__PURE__ */ jsx6(CommandInput, {
+            /* @__PURE__ */ jsx9(CommandInput, {
               placeholder: resolvedInputPlaceholder,
               ...query === undefined ? {} : { value: query },
               ...onQueryChange ? { onValueChange: onQueryChange } : {}
             }),
-            /* @__PURE__ */ jsxs4(CommandList, {
+            /* @__PURE__ */ jsxs6(CommandList, {
               children: [
-                /* @__PURE__ */ jsx6(CommandEmpty, {
+                /* @__PURE__ */ jsx9(CommandEmpty, {
                   children: resolvedEmptyMessage
                 }),
-                groups.map((group) => /* @__PURE__ */ jsx6(CommandGroup, {
+                groups.map((group) => /* @__PURE__ */ jsx9(CommandGroup, {
                   heading: group.heading,
-                  children: group.items.map((item) => /* @__PURE__ */ jsxs4(CommandItem, {
+                  children: group.items.map((item) => /* @__PURE__ */ jsxs6(CommandItem, {
                     className: "data-[selected=false]:!text-foreground data-[selected=true]:bg-muted data-[selected=true]:text-foreground gap-3 py-2 data-[selected=false]:!bg-transparent",
                     value: item.label,
                     ...item.keywords ? { keywords: item.keywords } : {},
@@ -957,24 +1173,24 @@ function SearchMenu({
                     },
                     ...item.disabled === undefined ? {} : { disabled: item.disabled },
                     children: [
-                      item.icon ? /* @__PURE__ */ jsx6("div", {
+                      item.icon ? /* @__PURE__ */ jsx9("div", {
                         className: "text-muted-foreground bg-background group-data-[selected=true]/command-item:bg-background flex size-8 shrink-0 items-center justify-center rounded-md border",
                         children: item.icon
                       }) : null,
-                      /* @__PURE__ */ jsxs4("div", {
+                      /* @__PURE__ */ jsxs6("div", {
                         className: "flex min-w-0 flex-1 flex-col gap-0.5",
                         children: [
-                          /* @__PURE__ */ jsx6("span", {
+                          /* @__PURE__ */ jsx9("span", {
                             className: "truncate font-medium",
                             children: item.label
                           }),
-                          item.description ? /* @__PURE__ */ jsx6("span", {
+                          item.description ? /* @__PURE__ */ jsx9("span", {
                             className: "text-muted-foreground truncate text-xs",
                             children: item.description
                           }) : null
                         ]
                       }),
-                      item.shortcut ? /* @__PURE__ */ jsx6(CommandShortcut, {
+                      item.shortcut ? /* @__PURE__ */ jsx9(CommandShortcut, {
                         children: item.shortcut
                       }) : null
                     ]
@@ -996,44 +1212,6 @@ import { Link as Link2, Outlet, useRouterState } from "@tanstack/react-router";
 import { Schema as Schema2 } from "effect";
 import { Atom } from "effect/unstable/reactivity";
 
-// ../../src/components/ui/badge.tsx
-import { mergeProps } from "@base-ui/react/merge-props";
-import { useRender } from "@base-ui/react/use-render";
-import { cva as cva2 } from "class-variance-authority";
-var badgeVariants = cva2("group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!", {
-  variants: {
-    variant: {
-      default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
-      secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
-      destructive: "bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",
-      outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
-      ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
-      link: "text-primary underline-offset-4 hover:underline"
-    }
-  },
-  defaultVariants: {
-    variant: "default"
-  }
-});
-function Badge({
-  className,
-  variant = "default",
-  render,
-  ...props
-}) {
-  return useRender({
-    defaultTagName: "span",
-    props: mergeProps({
-      className: cn(badgeVariants({ variant }), className)
-    }, props),
-    render,
-    state: {
-      slot: "badge",
-      variant
-    }
-  });
-}
-
 // ../../src/components/ui/sidebar.tsx
 import * as React2 from "react";
 import { mergeProps as mergeProps2 } from "@base-ui/react/merge-props";
@@ -1059,31 +1237,29 @@ function useIsMobile() {
 
 // ../../src/components/ui/input.tsx
 import { Input as InputPrimitive } from "@base-ui/react/input";
-import { jsx as jsx7 } from "react/jsx-runtime";
 
 // ../../src/components/ui/separator.tsx
 import { Separator as SeparatorPrimitive } from "@base-ui/react/separator";
-import { jsx as jsx8 } from "react/jsx-runtime";
 
 // ../../src/components/ui/sheet.tsx
 import { Dialog as SheetPrimitive } from "@base-ui/react/dialog";
 import { XIcon as XIcon2 } from "lucide-react";
-import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 "use client";
 function Sheet({ ...props }) {
-  return /* @__PURE__ */ jsx9(SheetPrimitive.Root, {
+  return /* @__PURE__ */ jsx10(SheetPrimitive.Root, {
     "data-slot": "sheet",
     ...props
   });
 }
 function SheetPortal({ ...props }) {
-  return /* @__PURE__ */ jsx9(SheetPrimitive.Portal, {
+  return /* @__PURE__ */ jsx10(SheetPrimitive.Portal, {
     "data-slot": "sheet-portal",
     ...props
   });
 }
 function SheetOverlay({ className, ...props }) {
-  return /* @__PURE__ */ jsx9(SheetPrimitive.Backdrop, {
+  return /* @__PURE__ */ jsx10(SheetPrimitive.Backdrop, {
     "data-slot": "sheet-overlay",
     className: cn("fixed inset-0 z-50 bg-black/10 transition-opacity duration-150 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-backdrop-filter:backdrop-blur-xs", className),
     ...props
@@ -1096,26 +1272,26 @@ function SheetContent({
   showCloseButton = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs5(SheetPortal, {
+  return /* @__PURE__ */ jsxs7(SheetPortal, {
     children: [
-      /* @__PURE__ */ jsx9(SheetOverlay, {}),
-      /* @__PURE__ */ jsxs5(SheetPrimitive.Popup, {
+      /* @__PURE__ */ jsx10(SheetOverlay, {}),
+      /* @__PURE__ */ jsxs7(SheetPrimitive.Popup, {
         "data-slot": "sheet-content",
         "data-side": side,
         className: cn("fixed z-50 flex flex-col gap-4 bg-popover bg-clip-padding text-sm text-popover-foreground shadow-lg transition duration-200 ease-in-out data-ending-style:opacity-0 data-starting-style:opacity-0 data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=bottom]:data-ending-style:translate-y-[2.5rem] data-[side=bottom]:data-starting-style:translate-y-[2.5rem] data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=left]:data-ending-style:translate-x-[-2.5rem] data-[side=left]:data-starting-style:translate-x-[-2.5rem] data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=right]:data-ending-style:translate-x-[2.5rem] data-[side=right]:data-starting-style:translate-x-[2.5rem] data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=top]:data-ending-style:translate-y-[-2.5rem] data-[side=top]:data-starting-style:translate-y-[-2.5rem] data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm", className),
         ...props,
         children: [
           children,
-          showCloseButton && /* @__PURE__ */ jsxs5(SheetPrimitive.Close, {
+          showCloseButton && /* @__PURE__ */ jsxs7(SheetPrimitive.Close, {
             "data-slot": "sheet-close",
-            render: /* @__PURE__ */ jsx9(Button, {
+            render: /* @__PURE__ */ jsx10(Button, {
               variant: "ghost",
               className: "absolute top-4 right-4",
               size: "icon-sm"
             }),
             children: [
-              /* @__PURE__ */ jsx9(XIcon2, {}),
-              /* @__PURE__ */ jsx9("span", {
+              /* @__PURE__ */ jsx10(XIcon2, {}),
+              /* @__PURE__ */ jsx10("span", {
                 className: "sr-only",
                 children: "Close"
               })
@@ -1127,14 +1303,14 @@ function SheetContent({
   });
 }
 function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx9("div", {
+  return /* @__PURE__ */ jsx10("div", {
     "data-slot": "sheet-header",
     className: cn("flex flex-col gap-1.5 p-4", className),
     ...props
   });
 }
 function SheetTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx9(SheetPrimitive.Title, {
+  return /* @__PURE__ */ jsx10(SheetPrimitive.Title, {
     "data-slot": "sheet-title",
     className: cn("font-medium text-foreground", className),
     ...props
@@ -1144,19 +1320,16 @@ function SheetDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx9(SheetPrimitive.Description, {
+  return /* @__PURE__ */ jsx10(SheetPrimitive.Description, {
     "data-slot": "sheet-description",
     className: cn("text-sm text-muted-foreground", className),
     ...props
   });
 }
 
-// ../../src/components/ui/skeleton.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
-
 // ../../src/components/ui/tooltip.tsx
 import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip";
-import { jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 "use client";
 function Tooltip({ ...props }) {
   return /* @__PURE__ */ jsx11(TooltipPrimitive.Root, {
@@ -1186,7 +1359,7 @@ function TooltipContent({
       side,
       sideOffset,
       className: "isolate z-50",
-      children: /* @__PURE__ */ jsxs6(TooltipPrimitive.Popup, {
+      children: /* @__PURE__ */ jsxs8(TooltipPrimitive.Popup, {
         "data-slot": "tooltip-content",
         className: cn("z-50 inline-flex w-fit max-w-xs origin-(--transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pr-1.5 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
         ...props,
@@ -1204,7 +1377,7 @@ function TooltipContent({
 // ../../src/components/ui/sidebar.tsx
 import { PanelLeftIcon } from "lucide-react";
 import { Schema } from "effect";
-import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 var SIDEBAR_COOKIE_NAME = "sidebar_state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var SIDEBAR_WIDTH = "16rem";
@@ -1305,7 +1478,7 @@ function Sidebar({
       open: openMobile,
       onOpenChange: setOpenMobile,
       ...props,
-      children: /* @__PURE__ */ jsxs7(SheetContent, {
+      children: /* @__PURE__ */ jsxs9(SheetContent, {
         dir,
         "data-sidebar": "sidebar",
         "data-slot": "sidebar",
@@ -1314,7 +1487,7 @@ function Sidebar({
         style: mobileStyle,
         side,
         children: [
-          /* @__PURE__ */ jsxs7(SheetHeader, {
+          /* @__PURE__ */ jsxs9(SheetHeader, {
             className: "sr-only",
             children: [
               /* @__PURE__ */ jsx12(SheetTitle, {
@@ -1333,7 +1506,7 @@ function Sidebar({
       })
     });
   }
-  return /* @__PURE__ */ jsxs7("div", {
+  return /* @__PURE__ */ jsxs9("div", {
     className: "group peer text-sidebar-foreground hidden md:block",
     "data-state": state,
     "data-collapsible": state === "collapsed" ? collapsible : "",
@@ -1366,7 +1539,7 @@ function SidebarTrigger({
   ...props
 }) {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsxs7(Button, {
+  return /* @__PURE__ */ jsxs9(Button, {
     "data-sidebar": "trigger",
     "data-slot": "sidebar-trigger",
     variant: "ghost",
@@ -1528,7 +1701,7 @@ function SidebarMenuButton({
     return comp;
   }
   const tooltipProps = Schema.is(Schema.String)(tooltip) ? { children: tooltip } : tooltip;
-  return /* @__PURE__ */ jsxs7(Tooltip, {
+  return /* @__PURE__ */ jsxs9(Tooltip, {
     children: [
       comp,
       /* @__PURE__ */ jsx12(TooltipContent, {
@@ -1542,7 +1715,7 @@ function SidebarMenuButton({
 }
 
 // ../../src/components/ui/sidebar-layout.tsx
-import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 var sidebarStorageRuntime = Atom.runtime(BrowserKeyValueStore.layerLocalStorage);
 var sidebarOpenAtom = Atom.kvs({
   runtime: sidebarStorageRuntime,
@@ -1559,14 +1732,14 @@ function AppSidebar({ footer, groups, header }) {
     if (isMobile)
       setOpenMobile(false);
   };
-  return /* @__PURE__ */ jsxs8(Sidebar, {
+  return /* @__PURE__ */ jsxs10(Sidebar, {
     collapsible: "icon",
     children: [
       header && /* @__PURE__ */ jsx13(SidebarHeader, {
         children: header
       }),
       /* @__PURE__ */ jsx13(SidebarContent, {
-        children: groups.map((group) => /* @__PURE__ */ jsxs8(SidebarGroup, {
+        children: groups.map((group) => /* @__PURE__ */ jsxs10(SidebarGroup, {
           children: [
             /* @__PURE__ */ jsx13(SidebarGroupLabel, {
               children: group.label()
@@ -1582,7 +1755,7 @@ function AppSidebar({ footer, groups, header }) {
                     to: item.href
                   });
                   return /* @__PURE__ */ jsx13(SidebarMenuItem, {
-                    children: /* @__PURE__ */ jsxs8(SidebarMenuButton, {
+                    children: /* @__PURE__ */ jsxs10(SidebarMenuButton, {
                       isActive: !item.external && pathname === item.href,
                       onClick: closeMobileSidebar,
                       render,
@@ -1623,7 +1796,7 @@ function SidebarLayout({
   fullPage = false
 }) {
   const [sidebarOpen, setSidebarOpen] = useAtom(sidebarOpenAtom);
-  return /* @__PURE__ */ jsxs8(SidebarProvider, {
+  return /* @__PURE__ */ jsxs10(SidebarProvider, {
     open: sidebarOpen,
     onOpenChange: setSidebarOpen,
     className: cn(fullPage && "xl:h-svh xl:min-h-0 xl:overflow-hidden"),
@@ -1633,10 +1806,10 @@ function SidebarLayout({
         groups,
         header: sidebarHeader
       }),
-      /* @__PURE__ */ jsxs8(SidebarInset, {
-        className: cn("min-w-0 overflow-x-hidden", fullPage && "xl:h-svh xl:min-h-0 xl:overflow-hidden"),
+      /* @__PURE__ */ jsxs10(SidebarInset, {
+        className: cn("min-w-0 overflow-x-clip", fullPage && "xl:h-svh xl:min-h-0 xl:overflow-hidden"),
         children: [
-          /* @__PURE__ */ jsxs8("header", {
+          /* @__PURE__ */ jsxs10("header", {
             className: "bg-background/95 supports-[backdrop-filter]:bg-background/60 sticky top-0 z-10 flex h-14 shrink-0 items-center gap-2 border-b px-4 backdrop-blur",
             children: [
               /* @__PURE__ */ jsx13(SidebarTrigger, {}),
@@ -1769,9 +1942,100 @@ var createSeo = (defaults) => (options) => seo({
   ...options
 });
 
-// ../../src/lib/docs-core.tsx
-import { jsx as jsx14, jsxs as jsxs9, Fragment as Fragment3 } from "react/jsx-runtime";
-addCollection(lucideIcons);
+// ../../src/lib/docs.tsx
+import { jsx as jsx14, jsxs as jsxs11, Fragment as Fragment3 } from "react/jsx-runtime";
+var makeIcon = (name, paths) => {
+  const Icon = forwardRef(({ absoluteStrokeWidth: _absoluteStrokeWidth, size = 24, ...props }, ref) => /* @__PURE__ */ jsx14("svg", {
+    "aria-hidden": "true",
+    fill: "none",
+    height: size,
+    ref,
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "2",
+    viewBox: "0 0 24 24",
+    width: size,
+    ...props,
+    children: paths
+  }));
+  Icon.displayName = name;
+  return Icon;
+};
+var ArrowLeft = makeIcon("ArrowLeft", /* @__PURE__ */ jsxs11(Fragment3, {
+  children: [
+    /* @__PURE__ */ jsx14("path", {
+      d: "m12 19-7-7 7-7"
+    }),
+    /* @__PURE__ */ jsx14("path", {
+      d: "M19 12H5"
+    })
+  ]
+}));
+var ArrowRight = makeIcon("ArrowRight", /* @__PURE__ */ jsxs11(Fragment3, {
+  children: [
+    /* @__PURE__ */ jsx14("path", {
+      d: "M5 12h14"
+    }),
+    /* @__PURE__ */ jsx14("path", {
+      d: "m12 5 7 7-7 7"
+    })
+  ]
+}));
+var BookOpen = makeIcon("BookOpen", /* @__PURE__ */ jsxs11(Fragment3, {
+  children: [
+    /* @__PURE__ */ jsx14("path", {
+      d: "M12 7v14"
+    }),
+    /* @__PURE__ */ jsx14("path", {
+      d: "M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-5a4 4 0 0 0-4 4 4 4 0 0 0-4-4Z"
+    })
+  ]
+}));
+var ChevronDown = makeIcon("ChevronDown", /* @__PURE__ */ jsx14("path", {
+  d: "m6 9 6 6 6-6"
+}));
+var ExternalLink = makeIcon("ExternalLink", /* @__PURE__ */ jsxs11(Fragment3, {
+  children: [
+    /* @__PURE__ */ jsx14("path", {
+      d: "M15 3h6v6"
+    }),
+    /* @__PURE__ */ jsx14("path", {
+      d: "M10 14 21 3"
+    }),
+    /* @__PURE__ */ jsx14("path", {
+      d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"
+    })
+  ]
+}));
+var Hash = makeIcon("Hash", /* @__PURE__ */ jsxs11(Fragment3, {
+  children: [
+    /* @__PURE__ */ jsx14("line", {
+      x1: "4",
+      x2: "20",
+      y1: "9",
+      y2: "9"
+    }),
+    /* @__PURE__ */ jsx14("line", {
+      x1: "4",
+      x2: "20",
+      y1: "15",
+      y2: "15"
+    }),
+    /* @__PURE__ */ jsx14("line", {
+      x1: "10",
+      x2: "8",
+      y1: "3",
+      y2: "21"
+    }),
+    /* @__PURE__ */ jsx14("line", {
+      x1: "16",
+      x2: "14",
+      y1: "3",
+      y2: "21"
+    })
+  ]
+}));
 var DocsSection = Schema3.String.annotate({
   identifier: "DocsSection"
 });
@@ -1802,76 +2066,28 @@ var DocsFrontmatter = Schema3.Struct({
   type: DocsPageType,
   createdAt: Schema3.optional(DocsDate),
   updatedAt: Schema3.optional(DocsDate),
-  legacySlugs: Schema3.optional(Schema3.Array(Schema3.String))
+  legacySlugs: Schema3.optional(Schema3.Array(Schema3.String)),
+  tags: Schema3.optional(Schema3.Array(Schema3.NonEmptyString))
 }).annotate({ identifier: "DocsFrontmatter" });
 var DocsHeadingSchema = Schema3.Struct({
   depth: Schema3.Literals([2, 3]),
   id: Schema3.String,
   title: Schema3.String
 }).annotate({ identifier: "DocsHeading" });
+var DocsCodeBlockSchema = Schema3.Struct({
+  code: Schema3.String,
+  language: Schema3.String
+}).annotate({ identifier: "DocsCodeBlock" });
 var DocsPageSchema = Schema3.Struct({
   ...DocsFrontmatter.fields,
+  codeBlocks: Schema3.Array(DocsCodeBlockSchema),
   headings: Schema3.Array(DocsHeadingSchema),
+  html: Schema3.String,
   searchText: Schema3.String,
   sourceFile: Schema3.String,
   source: Schema3.String
 }).annotate({ identifier: "DocsPage" });
 var slugifyDocsHeading = (value) => value.normalize("NFKD").replace(/[\u0300-\u036f]/g, "").toLowerCase().replace(/[`*_~]/g, "").replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
-var stripMarkdown = (source) => source.replace(/```[\s\S]*?```/g, " ").replace(/!?(?:\[([^\]]+)\])\([^)]*\)/g, "$1").replace(/<[^>]+>/g, " ").replace(/[`*_>#|~-]/g, " ").replace(/\s+/g, " ").trim();
-var parseHeadings = (source, file) => {
-  const seen = new Set;
-  const headings = [];
-  let fence;
-  for (const line of source.split(/\r?\n/)) {
-    const fenceMatch = /^\s{0,3}(```|~~~)/.exec(line)?.[1];
-    if (fenceMatch === "```" || fenceMatch === "~~~") {
-      if (!fence)
-        fence = fenceMatch;
-      else if (fence === fenceMatch)
-        fence = undefined;
-      continue;
-    }
-    if (fence)
-      continue;
-    const match = /^\s{0,3}(##|###)\s+(.+?)\s*#*$/.exec(line);
-    if (!match)
-      continue;
-    const title = stripMarkdown(match[2] ?? "");
-    const baseId = slugifyDocsHeading(title);
-    if (!baseId)
-      continue;
-    if (seen.has(baseId)) {
-      throw new Error(`Duplicate heading ${baseId} in ${file}`);
-    }
-    seen.add(baseId);
-    headings.push({
-      depth: match[1] === "##" ? 2 : 3,
-      id: baseId,
-      title
-    });
-  }
-  return headings;
-};
-var stripBodyTitle = (source) => source.replace(/^\s*#\s+.+?\r?\n+/, "");
-var parseDocsSource = (file, source) => {
-  const match = /^---\r?\n([\s\S]*?)\r?\n---\r?\n([\s\S]*)$/.exec(source);
-  if (!match)
-    throw new Error(`Missing frontmatter in ${file}`);
-  const frontmatter = Schema3.decodeUnknownSync(DocsFrontmatter)(parse(match[1] ?? ""));
-  const bodySource = match[2] ?? "";
-  const title = /^#\s+(.+?)\s*$/m.exec(bodySource)?.[1];
-  if (!title || stripMarkdown(title) !== stripMarkdown(frontmatter.title)) {
-    throw new Error(`Body title does not match frontmatter in ${file}`);
-  }
-  const body = stripBodyTitle(bodySource);
-  return Schema3.decodeUnknownSync(DocsPageSchema)({
-    ...frontmatter,
-    headings: parseHeadings(body, file),
-    searchText: stripMarkdown(body),
-    sourceFile: file.replace(/^\.\.\//, "src/"),
-    source: body
-  });
-};
 var validateDocsPages = (pages, config) => {
   const configuredLocales = new Set(config.locales);
   for (const page of pages) {
@@ -1886,9 +2102,6 @@ var validateDocsPages = (pages, config) => {
     const orders = new Set;
     const routeSlugs = new Set;
     for (const page of localized) {
-      if (page.icon && !/^[a-z0-9-]+:[a-z0-9-]+$/.test(page.icon)) {
-        throw new Error(`${page.sourceFile} must use an Iconify icon name`);
-      }
       if (config.matchesLocale && !config.matchesLocale(page.sourceFile, locale)) {
         throw new Error(`${page.sourceFile} does not match locale ${locale}`);
       }
@@ -1925,7 +2138,7 @@ var validateDocsPages = (pages, config) => {
         if (!localized) {
           throw new Error(`Missing ${locale} page for ${page.slug}`);
         }
-        if (page.path !== localized.path || page.order !== localized.order || page.section !== localized.section || page.type !== localized.type || page.icon !== localized.icon || page.createdAt !== localized.createdAt || page.updatedAt !== localized.updatedAt || JSON.stringify(page.legacySlugs ?? []) !== JSON.stringify(localized.legacySlugs ?? [])) {
+        if (page.path !== localized.path || page.order !== localized.order || page.section !== localized.section || page.type !== localized.type || page.icon !== localized.icon || page.createdAt !== localized.createdAt || page.updatedAt !== localized.updatedAt || JSON.stringify(page.tags ?? []) !== JSON.stringify(localized.tags ?? []) || JSON.stringify(page.legacySlugs ?? []) !== JSON.stringify(localized.legacySlugs ?? [])) {
           throw new Error(`Metadata differs between ${baseLocale2} and ${locale} for ${page.slug}`);
         }
       }
@@ -1964,11 +2177,6 @@ var createDocsSource = (config) => {
     resolvePage
   };
 };
-var createMdxDocsSource = (config) => createDocsSource({
-  ...config,
-  matchesLocale: config.matchesLocale ?? ((file, locale) => file.includes(`/${locale}/`)),
-  pages: Object.entries(config.files).map(([file, source]) => parseDocsSource(file, source))
-});
 var makeDocs = (config) => {
   const { source } = config;
   const basePath = config.basePath.replace(/\/$/, "");
@@ -1977,7 +2185,7 @@ var makeDocs = (config) => {
   const brand = config.brand ?? {
     label: config.siteName,
     subtitle: () => "Documentation",
-    icon: "lucide:book-open",
+    icon: BookOpen,
     href: "/"
   };
   const seoDefaults = {
@@ -1989,9 +2197,10 @@ var makeDocs = (config) => {
     seoDefaults.defaultLocale = config.defaultLocale;
   const docsSeo = createSeo(seoDefaults);
   const getMessages = (locale) => getDocsMessages(locale, config.messages?.(locale));
+  const navigate = config.navigate ?? ((href) => window.location.assign(href));
   const normalizeSearchText = (value) => value.normalize("NFKD").replace(/[\u0300-\u036f]/g, "").toLowerCase();
   const searchIndex = source.pages.flatMap((page) => {
-    const description = normalizeSearchText(page.description);
+    const description = normalizeSearchText(`${page.description} ${(page.tags ?? []).join(" ")}`);
     return [
       {
         page,
@@ -2013,10 +2222,13 @@ var makeDocs = (config) => {
     if (page.path !== expectedPath) {
       throw new Error(`${page.sourceFile} must use path ${expectedPath}`);
     }
+    if (page.icon && !config.icons?.[page.icon]) {
+      throw new Error(`${page.sourceFile} uses unconfigured icon ${page.icon}`);
+    }
   }
   const pages = (locale) => source.getPages(locale);
   const sections = (locale) => {
-    const localized = pages(locale);
+    const localized = pages(locale).filter((page) => config.navigation?.(page) ?? true);
     const ids = Array.from(new Set(localized.map((page) => page.section)));
     const configuredOrder = config.sectionOrder ?? [];
     const orderedIds = [
@@ -2098,10 +2310,13 @@ var makeDocs = (config) => {
     editUrl,
     githubUrl,
     githubLabel: config.githubLabel ?? "GitHub",
+    icons: config.icons ?? {},
+    navigate,
     getHead,
     getMessages,
     origin,
     resources: config.resources,
+    sidebarGroups: config.sidebarGroups,
     source,
     pages,
     resolve,
@@ -2210,147 +2425,83 @@ var getDocsMessages = (locale, overrides) => ({
   ...locale.startsWith("fr") ? messages2.fr : messages2.en,
   ...overrides
 });
-var iconComponents = new Map;
 var EmptyIcon = forwardRef(() => null);
-var iconFor = (name) => {
-  const existing = iconComponents.get(name);
-  if (existing)
-    return existing;
-  const DocsIcon = forwardRef(({ className, color, size }, ref) => /* @__PURE__ */ jsx14(Icon, {
-    icon: name,
-    ref,
-    ssr: true,
-    className,
-    color,
-    height: size,
-    width: size
-  }));
-  DocsIcon.displayName = `DocsIcon(${name})`;
-  iconComponents.set(name, DocsIcon);
-  return DocsIcon;
-};
-var headingText = (children) => Children.toArray(children).filter((child) => Schema3.is(Schema3.Union([Schema3.String, Schema3.Number]))(child)).join("");
-var makeDocsHeading = (level, copyLink) => {
-  const Heading = ({
-    children,
-    node: _node,
-    ...props
-  }) => {
-    const text = headingText(children);
-    const id = slugifyDocsHeading(text);
-    const Component = level === 2 ? "h2" : "h3";
-    return /* @__PURE__ */ jsxs9(Component, {
-      id,
-      className: "group scroll-mt-20",
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsx14("a", {
-          className: "text-muted-foreground ml-2 opacity-0 transition-opacity group-focus-within:opacity-100 group-hover:opacity-100",
-          href: `#${id}`,
-          "aria-label": `${copyLink}: ${text}`,
-          children: "#"
-        })
-      ]
-    });
-  };
-  return Heading;
-};
+var iconFor = (icons, name) => name ? icons[name] ?? EmptyIcon : EmptyIcon;
 var DocsArticle = ({
-  docs,
   messages: messages3,
   page
 }) => {
-  const DocsLink = ({
-    href,
-    children,
-    node: _node,
-    ...props
-  }) => {
-    if (!href)
-      return /* @__PURE__ */ jsx14("span", {
-        children
-      });
-    if (href === docs.basePath || href.startsWith(`${docs.basePath}/`)) {
-      const [path, hash] = href.split("#", 2);
-      return /* @__PURE__ */ jsx14(Link3, {
-        to: path,
-        ...hash ? { hash } : {},
-        children
-      });
-    }
-    if (href.startsWith("#") || href.startsWith("/")) {
-      return /* @__PURE__ */ jsx14("a", {
-        href,
-        ...props,
-        children
-      });
-    }
-    return /* @__PURE__ */ jsx14("a", {
-      href,
-      target: "_blank",
-      rel: "noreferrer",
-      ...props,
-      children
-    });
-  };
-  const components = {
-    a: DocsLink,
-    h2: makeDocsHeading(2, messages3.copyLink),
-    h3: makeDocsHeading(3, messages3.copyLink),
-    inlineCode: ({ children, node: _node, ...props }) => /* @__PURE__ */ jsx14("code", {
-      className: "bg-muted rounded px-1.5 py-0.5 font-mono text-[0.875em]",
-      ...props,
-      children
-    }),
-    blockquote: ({ children, node: _node, ...props }) => /* @__PURE__ */ jsx14("blockquote", {
-      className: "border-primary/40 bg-muted/40 rounded-r-lg border-l-4 px-5 py-1",
-      ...props,
-      children
-    })
-  };
-  return /* @__PURE__ */ jsx14(Streamdown, {
-    className: "[&_a:hover]:text-primary [&_a]:decoration-border text-[0.98rem] leading-7 [&_[data-streamdown=code-block-actions]]:pointer-events-auto [&_[data-streamdown=code-block-body]_code_span_span]:text-[var(--sdm-c,inherit)] dark:[&_[data-streamdown=code-block-body]_code_span_span]:text-[var(--shiki-dark,var(--sdm-c,inherit))] [&_[data-streamdown=code-block-body]_code>span]:block [&_[data-streamdown=code-block-body]_code>span]:min-w-max [&_[data-streamdown=code-block-copy-button]]:pointer-events-auto [&_[data-streamdown=code-block-header]+div]:-mt-10 [&_[data-streamdown=code-block-header]+div]:flex [&_[data-streamdown=code-block-header]+div]:h-8 [&_[data-streamdown=code-block-header]+div]:items-center [&_[data-streamdown=code-block-header]+div]:justify-end [&_a]:font-medium [&_a]:underline [&_a]:decoration-1 [&_a]:underline-offset-4 [&_a]:transition-colors [&_h2]:mt-12 [&_h2]:border-t [&_h2]:pt-8 [&_h2]:text-2xl [&_h2]:font-bold [&_h2]:tracking-tight [&_h2:first-of-type]:mt-0 [&_h2:first-of-type]:border-t-0 [&_h2:first-of-type]:pt-0 [&_h3]:mt-8 [&_h3]:text-xl [&_h3]:font-semibold [&_h3]:tracking-tight [&_ol]:my-5 [&_p]:my-5 [&_table]:text-sm [&_ul]:my-5",
-    components,
-    controls: {
-      code: { copy: true, download: false },
-      table: { copy: true, download: false, fullscreen: false }
-    },
-    lineNumbers: false,
-    linkSafety: { enabled: false },
-    mode: "static",
-    plugins: { code },
-    translations: {
-      copied: messages3.copied,
-      copyCode: messages3.copyCode,
-      copyLink: messages3.copyLink,
-      copyTable: messages3.copyTable,
-      downloadTable: messages3.downloadTable
-    },
-    children: page.source
+  return /* @__PURE__ */ jsx14(MarkdownContent, {
+    codeBlocks: page.codeBlocks,
+    html: page.html,
+    messages: { copy: messages3.copyCode, copied: messages3.copied }
   });
 };
+var useActiveDocsHeading = (headings) => {
+  const [activeHeadingId, setActiveHeadingId] = useState5(headings[0]?.id);
+  useEffect5(() => {
+    const elements = headings.flatMap((heading) => {
+      const element = document.getElementById(heading.id);
+      return element ? [element] : [];
+    });
+    if (elements.length === 0)
+      return;
+    let frame;
+    const updateActiveHeading = () => {
+      let activeId = elements[0].id;
+      for (const element of elements) {
+        if (element.getBoundingClientRect().top > 96)
+          break;
+        activeId = element.id;
+      }
+      const isAtPageEnd = window.innerHeight + window.scrollY >= document.documentElement.scrollHeight - 1;
+      setActiveHeadingId(isAtPageEnd ? elements[elements.length - 1].id : activeId);
+    };
+    const scheduleUpdate = () => {
+      if (frame !== undefined)
+        cancelAnimationFrame(frame);
+      frame = requestAnimationFrame(updateActiveHeading);
+    };
+    updateActiveHeading();
+    window.addEventListener("scroll", scheduleUpdate, { passive: true });
+    window.addEventListener("resize", scheduleUpdate);
+    return () => {
+      if (frame !== undefined)
+        cancelAnimationFrame(frame);
+      window.removeEventListener("scroll", scheduleUpdate);
+      window.removeEventListener("resize", scheduleUpdate);
+    };
+  }, [headings]);
+  return activeHeadingId;
+};
 var DocsTableOfContentsItems = ({
   headings
-}) => /* @__PURE__ */ jsx14("ol", {
-  className: "border-l",
-  children: headings.map((heading) => /* @__PURE__ */ jsx14("li", {
-    children: /* @__PURE__ */ jsx14("a", {
-      className: `text-muted-foreground hover:text-foreground block border-l border-transparent py-1.5 text-sm leading-5 ${heading.depth === 3 ? "pl-6" : "pl-4"}`,
-      href: `#${heading.id}`,
-      children: heading.title
+}) => {
+  const activeHeadingId = useActiveDocsHeading(headings);
+  return /* @__PURE__ */ jsx14("ol", {
+    className: "border-l",
+    children: headings.map((heading) => {
+      const isActive = heading.id === activeHeadingId;
+      return /* @__PURE__ */ jsx14("li", {
+        children: /* @__PURE__ */ jsx14("a", {
+          "aria-current": isActive ? "location" : undefined,
+          className: `hover:text-foreground -ml-px block border-l py-1.5 text-sm leading-5 transition-colors ${isActive ? "border-primary text-foreground font-medium" : "text-muted-foreground border-transparent"} ${heading.depth === 3 ? "pl-6" : "pl-4"}`,
+          href: `#${heading.id}`,
+          children: heading.title
+        })
+      }, heading.id);
     })
-  }, heading.id))
-});
+  });
+};
 var DocsTableOfContents = ({
   headings,
   label
 }) => {
   if (headings.length === 0)
     return null;
-  return /* @__PURE__ */ jsxs9("nav", {
+  return /* @__PURE__ */ jsxs11("nav", {
     "aria-label": label,
-    className: "sticky top-20",
+    className: "fixed top-20 max-h-[calc(100svh-6rem)] w-56 overflow-y-auto",
     children: [
       /* @__PURE__ */ jsx14("p", {
         className: "text-foreground mb-3 text-sm font-semibold",
@@ -2368,19 +2519,17 @@ var DocsMobileTableOfContents = ({
 }) => {
   if (headings.length === 0)
     return null;
-  return /* @__PURE__ */ jsxs9(Collapsible, {
+  return /* @__PURE__ */ jsxs11(Collapsible, {
     className: "mb-8 overflow-hidden rounded-lg border xl:hidden",
     children: [
-      /* @__PURE__ */ jsxs9(CollapsibleTrigger, {
+      /* @__PURE__ */ jsxs11(CollapsibleTrigger, {
         className: "group flex w-full cursor-pointer items-center justify-between p-4 text-left text-sm font-semibold",
         children: [
           /* @__PURE__ */ jsx14("span", {
             children: label
           }),
-          /* @__PURE__ */ jsx14(Icon, {
-            className: "text-muted-foreground size-4 transition-transform group-data-[panel-open]:rotate-180",
-            icon: "lucide:chevron-down",
-            ssr: true
+          /* @__PURE__ */ jsx14(ChevronDown, {
+            className: "text-muted-foreground size-4 transition-transform group-data-[panel-open]:rotate-180"
           })
         ]
       }),
@@ -2401,8 +2550,7 @@ var DocsSearch = ({
   locale,
   messages: messages3
 }) => {
-  const navigate = useNavigate();
-  const [query, setQuery] = useState4("");
+  const [query, setQuery] = useState5("");
   const deferredQuery = useDeferredValue(query);
   const results = docs.search(deferredQuery, locale);
   const isSearching = deferredQuery.trim().length > 0;
@@ -2427,24 +2575,21 @@ var DocsSearch = ({
         id: `${page.path}#${heading.id}`,
         label: heading.title,
         description: page.title,
-        icon: /* @__PURE__ */ jsx14(Icon, {
-          className: "size-4",
-          icon: "lucide:hash",
-          ssr: true
+        icon: /* @__PURE__ */ jsx14(Hash, {
+          className: "size-4"
         }),
-        onSelect: () => navigate({ to: page.path, hash: heading.id })
+        onSelect: () => docs.navigate(`${page.path}#${heading.id}`)
       } : (() => {
         const item = {
           id: page.path,
           label: page.title,
           description: page.description,
-          onSelect: () => navigate({ to: page.path })
+          onSelect: () => docs.navigate(page.path)
         };
         if (page.icon) {
-          item.icon = /* @__PURE__ */ jsx14(Icon, {
-            className: "size-4",
-            icon: page.icon,
-            ssr: true
+          const PageIcon = iconFor(docs.icons, page.icon);
+          item.icon = /* @__PURE__ */ jsx14(PageIcon, {
+            className: "size-4"
           });
         }
         return item;
@@ -2471,7 +2616,7 @@ var DocsLayout = ({
   headerActions,
   locale
 }) => {
-  const { brand, resources } = docs;
+  const { brand, resources, sidebarGroups } = docs;
   const resolvedMessages = docs.getMessages(locale);
   const groups = docs.sections(locale).map((section) => ({
     label: () => resolvedMessages.sectionLabel(section.id),
@@ -2479,7 +2624,7 @@ var DocsLayout = ({
       const navItem = {
         label: () => item.title,
         href: item.path,
-        icon: item.icon ? iconFor(item.icon) : EmptyIcon
+        icon: iconFor(docs.icons, item.icon)
       };
       if (isDocsPageNew(item.createdAt)) {
         navItem.badge = () => resolvedMessages.newLabel;
@@ -2487,21 +2632,34 @@ var DocsLayout = ({
       return navItem;
     })
   }));
+  if (sidebarGroups) {
+    groups.push(...sidebarGroups.map((group) => ({
+      label: group.label,
+      items: group.items.map((item) => ({
+        badge: item.badge,
+        label: item.label,
+        href: item.href,
+        icon: EmptyIcon,
+        external: item.external
+      }))
+    })));
+  }
   if (resources) {
     groups.push({
       label: resources.label,
       items: [
         ...resources.items.map((item) => ({
+          badge: item.badge,
           label: item.label,
           href: item.href,
-          icon: iconFor(item.icon),
+          icon: EmptyIcon,
           external: item.external
         })),
         ...docs.githubUrl ? [
           {
             label: () => docs.githubLabel,
             href: docs.githubUrl,
-            icon: iconFor("lucide:code-2"),
+            icon: EmptyIcon,
             external: true
           }
         ] : []
@@ -2513,23 +2671,21 @@ var DocsLayout = ({
     sidebarHeader: /* @__PURE__ */ jsx14(AppBrand, {
       label: brand.label,
       subtitle: brand.subtitle(),
-      icon: iconFor(brand.icon),
+      icon: brand.icon,
       href: brand.href,
       variant: "sidebar"
     }),
-    headerActions: /* @__PURE__ */ jsxs9(Fragment3, {
+    headerActions: /* @__PURE__ */ jsxs11(Fragment3, {
       children: [
-        docs.githubUrl ? /* @__PURE__ */ jsxs9("a", {
+        docs.githubUrl ? /* @__PURE__ */ jsxs11("a", {
           className: "text-muted-foreground hover:text-foreground hidden items-center gap-1.5 text-sm lg:flex",
           href: docs.githubUrl,
           target: "_blank",
           rel: "noreferrer",
           children: [
             docs.githubLabel,
-            /* @__PURE__ */ jsx14(Icon, {
-              className: "size-3.5",
-              icon: "lucide:external-link",
-              ssr: true
+            /* @__PURE__ */ jsx14(ExternalLink, {
+              className: "size-3.5"
             })
           ]
         }) : null,
@@ -2547,10 +2703,10 @@ var DocsLayout = ({
 var DocsHeader = ({ docs, resolution }) => {
   const { page } = resolution;
   const resolvedMessages = docs.getMessages(page.locale);
-  return /* @__PURE__ */ jsxs9("header", {
+  return /* @__PURE__ */ jsxs11("header", {
     className: "mb-8 border-b pb-8",
     children: [
-      /* @__PURE__ */ jsxs9("p", {
+      /* @__PURE__ */ jsxs11("p", {
         className: "text-primary mb-3 font-mono text-xs font-semibold tracking-[0.18em] uppercase",
         children: [
           resolvedMessages.sectionLabel(page.section),
@@ -2559,9 +2715,18 @@ var DocsHeader = ({ docs, resolution }) => {
           resolvedMessages.pageTypeLabel(page.type)
         ]
       }),
-      /* @__PURE__ */ jsx14("h1", {
-        className: "text-3xl font-bold tracking-tight sm:text-4xl",
-        children: page.title
+      /* @__PURE__ */ jsxs11("div", {
+        className: "flex flex-wrap items-center gap-3",
+        children: [
+          /* @__PURE__ */ jsx14("h1", {
+            className: "text-3xl font-bold tracking-tight sm:text-4xl",
+            children: page.title
+          }),
+          page.tags?.map((tag) => /* @__PURE__ */ jsx14(Badge, {
+            variant: "secondary",
+            children: tag
+          }, tag))
+        ]
       }),
       /* @__PURE__ */ jsx14("p", {
         className: "text-muted-foreground mt-3 max-w-2xl text-base leading-7",
@@ -2577,14 +2742,13 @@ var DocsHeader = ({ docs, resolution }) => {
 var DocsContent = ({ docs, resolution }) => {
   const { page } = resolution;
   const resolvedMessages = docs.getMessages(page.locale);
-  return /* @__PURE__ */ jsxs9(Fragment3, {
+  return /* @__PURE__ */ jsxs11(Fragment3, {
     children: [
       /* @__PURE__ */ jsx14(DocsMobileTableOfContents, {
         headings: page.headings,
         label: resolvedMessages.onThisPage
       }),
       /* @__PURE__ */ jsx14(DocsArticle, {
-        docs,
         messages: resolvedMessages,
         page
       })
@@ -2595,23 +2759,21 @@ var DocsFooter = ({ docs, resolution }) => {
   const { page, neighbors } = resolution;
   const resolvedMessages = docs.getMessages(page.locale);
   const editUrl = docs.editUrl(page);
-  return /* @__PURE__ */ jsxs9("footer", {
+  return /* @__PURE__ */ jsxs11("footer", {
     className: "mt-14 border-t pt-8",
     children: [
-      /* @__PURE__ */ jsxs9("div", {
+      /* @__PURE__ */ jsxs11("div", {
         className: "mb-8 flex flex-wrap items-center justify-between gap-4 text-sm",
         children: [
-          editUrl ? /* @__PURE__ */ jsxs9("a", {
+          editUrl ? /* @__PURE__ */ jsxs11("a", {
             className: "text-muted-foreground hover:text-foreground inline-flex items-center gap-1.5",
             href: editUrl,
             target: "_blank",
             rel: "noreferrer",
             children: [
               resolvedMessages.editPage,
-              /* @__PURE__ */ jsx14(Icon, {
-                className: "size-3.5",
-                icon: "lucide:external-link",
-                ssr: true
+              /* @__PURE__ */ jsx14(ExternalLink, {
+                className: "size-3.5"
               })
             ]
           }) : null,
@@ -2621,21 +2783,19 @@ var DocsFooter = ({ docs, resolution }) => {
           })
         ]
       }),
-      /* @__PURE__ */ jsxs9("nav", {
+      /* @__PURE__ */ jsxs11("nav", {
         "aria-label": resolvedMessages.pageNavigation,
         className: "grid gap-3 sm:grid-cols-2",
         children: [
-          neighbors.previous ? /* @__PURE__ */ jsxs9(Link3, {
+          neighbors.previous ? /* @__PURE__ */ jsxs11("a", {
             className: "hover:bg-muted/50 rounded-lg border p-4 transition-colors",
-            to: neighbors.previous.path,
+            href: neighbors.previous.path,
             children: [
-              /* @__PURE__ */ jsxs9("span", {
+              /* @__PURE__ */ jsxs11("span", {
                 className: "text-muted-foreground flex items-center gap-1 text-xs font-medium uppercase",
                 children: [
-                  /* @__PURE__ */ jsx14(Icon, {
-                    className: "size-3.5",
-                    icon: "lucide:arrow-left",
-                    ssr: true
+                  /* @__PURE__ */ jsx14(ArrowLeft, {
+                    className: "size-3.5"
                   }),
                   resolvedMessages.previous
                 ]
@@ -2646,18 +2806,16 @@ var DocsFooter = ({ docs, resolution }) => {
               })
             ]
           }) : /* @__PURE__ */ jsx14("span", {}),
-          neighbors.next ? /* @__PURE__ */ jsxs9(Link3, {
+          neighbors.next ? /* @__PURE__ */ jsxs11("a", {
             className: "hover:bg-muted/50 rounded-lg border p-4 text-right transition-colors",
-            to: neighbors.next.path,
+            href: neighbors.next.path,
             children: [
-              /* @__PURE__ */ jsxs9("span", {
+              /* @__PURE__ */ jsxs11("span", {
                 className: "text-muted-foreground flex items-center justify-end gap-1 text-xs font-medium uppercase",
                 children: [
                   resolvedMessages.next,
-                  /* @__PURE__ */ jsx14(Icon, {
-                    className: "size-3.5",
-                    icon: "lucide:arrow-right",
-                    ssr: true
+                  /* @__PURE__ */ jsx14(ArrowRight, {
+                    className: "size-3.5"
                   })
                 ]
               }),
@@ -2675,7 +2833,7 @@ var DocsFooter = ({ docs, resolution }) => {
 var DocsPage = ({ children, docs, resolution }) => {
   const { page } = resolution;
   const resolvedMessages = docs.getMessages(page.locale);
-  const content = children ?? /* @__PURE__ */ jsxs9(Fragment3, {
+  const content = children ?? /* @__PURE__ */ jsxs11(Fragment3, {
     children: [
       /* @__PURE__ */ jsx14(DocsHeader, {
         docs,
@@ -2691,14 +2849,14 @@ var DocsPage = ({ children, docs, resolution }) => {
       })
     ]
   });
-  return /* @__PURE__ */ jsxs9(Fragment3, {
+  return /* @__PURE__ */ jsxs11(Fragment3, {
     children: [
       /* @__PURE__ */ jsx14("a", {
         className: "bg-background focus:ring-ring fixed top-2 left-2 z-50 -translate-y-20 rounded-md border px-3 py-2 text-sm shadow-sm focus:translate-y-0 focus:ring-2",
         href: "#docs-content",
         children: resolvedMessages.skipToContent
       }),
-      /* @__PURE__ */ jsxs9("div", {
+      /* @__PURE__ */ jsxs11("div", {
         className: "mx-auto grid w-full max-w-6xl gap-10 xl:grid-cols-[minmax(0,48rem)_14rem]",
         children: [
           /* @__PURE__ */ jsx14("article", {
@@ -2724,13 +2882,12 @@ var DocsNotFound = ({
   locale
 }) => {
   const resolvedMessages = docs.getMessages(locale);
-  return /* @__PURE__ */ jsxs9("main", {
+  const BrandIcon = docs.brand.icon;
+  return /* @__PURE__ */ jsxs11("main", {
     className: "mx-auto flex min-h-screen max-w-lg flex-col justify-center px-6 text-center",
     children: [
-      /* @__PURE__ */ jsx14(Icon, {
-        className: "text-primary mx-auto size-10",
-        icon: docs.brand.icon,
-        ssr: true
+      /* @__PURE__ */ jsx14(BrandIcon, {
+        className: "text-primary mx-auto size-10"
       }),
       /* @__PURE__ */ jsx14("h1", {
         className: "mt-6 text-3xl font-bold tracking-tight",
@@ -2740,29 +2897,29 @@ var DocsNotFound = ({
         className: "text-muted-foreground mt-3 leading-7",
         children: resolvedMessages.notFoundDescription
       }),
-      /* @__PURE__ */ jsx14(Link3, {
+      /* @__PURE__ */ jsx14("a", {
         className: "text-primary mt-6 font-semibold underline underline-offset-4",
-        to: docs.basePath,
+        href: docs.basePath,
         children: resolvedMessages.notFoundAction
       })
     ]
   });
 };
 export {
-  slugifyDocsHeading,
-  makeDocs,
-  getDocsMessages,
-  createMdxDocsSource,
-  createDocsSource,
-  DocsSection,
-  DocsPageType,
-  DocsPageSchema,
-  DocsPage,
-  DocsNotFound,
-  DocsLayout,
-  DocsHeadingSchema,
-  DocsHeader,
-  DocsFrontmatter,
+  DocsCodeBlockSchema,
+  DocsContent,
   DocsFooter,
-  DocsContent
+  DocsFrontmatter,
+  DocsHeader,
+  DocsHeadingSchema,
+  DocsLayout,
+  DocsNotFound,
+  DocsPage,
+  DocsPageSchema,
+  DocsPageType,
+  DocsSection,
+  createDocsSource,
+  getDocsMessages,
+  makeDocs,
+  slugifyDocsHeading
 };