@publish.os/nextjs 0.0.1-alpha.2 → 0.0.1-alpha.3

package/dist/kernel/components/blocks/navigation-progress.cjs

@@ -0,0 +1,270 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/kernel/components/blocks/navigation-progress.tsx
+var navigation_progress_exports = {};
+__export(navigation_progress_exports, {
+  NavigationProgressBar: () => NavigationProgressBar,
+  navigationProgressConfig: () => navigationProgressConfig
+});
+module.exports = __toCommonJS(navigation_progress_exports);
+var import_progress = require("../ui/progress.js");
+
+// src/utils/cn.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
+  extend: {
+    classGroups: {
+      z: [
+        "z-content",
+        "z-nav",
+        "z-overlay",
+        "z-modal",
+        "z-search",
+        "z-toast",
+        "z-progress"
+      ]
+    }
+  }
+});
+function cn(...inputs) {
+  return twMerge((0, import_clsx.clsx)(inputs));
+}
+
+// src/kernel/components/blocks/navigation-progress.tsx
+var import_navigation = require("next/navigation");
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var navigationProgressConfig = {
+  initialProgress: 0,
+  targetProgress: 98,
+  fastPhaseEnd: 38,
+  minDuration: 48,
+  maxDuration: 1800,
+  completeDuration: 320,
+  exitDuration: 188,
+  settleDelay: 80,
+  timeout: 8e3
+};
+function normalizePath(path) {
+  const normalized = path.replace(/\/+$/, "");
+  return normalized || "/";
+}
+function normalizeHref(href) {
+  const [pathWithSearch = ""] = href.split("#");
+  const [path = "", search = ""] = pathWithSearch.split("?");
+  const normalizedPath = normalizePath(path);
+  return search ? `${normalizedPath}?${search}` : normalizedPath;
+}
+function shouldShowProgressFor(fromPath, toPath) {
+  if (!fromPath.trim() || !toPath.trim()) return false;
+  if (/^(mailto:|tel:|sms:)/i.test(toPath)) return false;
+  if (toPath.startsWith("#")) return false;
+  if (toPath.startsWith("/_next/") || toPath.startsWith("/static/")) {
+    return false;
+  }
+  return normalizeHref(fromPath) !== normalizeHref(toPath);
+}
+function useNavigationProgress() {
+  const [progress, setProgress] = (0, import_react.useState)(0);
+  const [isExiting, setIsExiting] = (0, import_react.useState)(false);
+  const pathname = (0, import_navigation.usePathname)() || "/";
+  const searchParams = (0, import_navigation.useSearchParams)();
+  const currentUrl = `${pathname}${searchParams.size ? `?${searchParams}` : ""}`;
+  const navigation = (0, import_react.useRef)(null);
+  const animationFrame = (0, import_react.useRef)(null);
+  const completionTimer = (0, import_react.useRef)(null);
+  const cleanupTimer = (0, import_react.useRef)(null);
+  const previousUrl = (0, import_react.useRef)("");
+  const cleanup = (0, import_react.useCallback)(() => {
+    if (animationFrame.current !== null) {
+      cancelAnimationFrame(animationFrame.current);
+    }
+    if (completionTimer.current) clearTimeout(completionTimer.current);
+    if (cleanupTimer.current) clearTimeout(cleanupTimer.current);
+    if (navigation.current?.timeoutId) {
+      clearTimeout(navigation.current.timeoutId);
+    }
+    animationFrame.current = null;
+    completionTimer.current = null;
+    cleanupTimer.current = null;
+    navigation.current = null;
+  }, []);
+  const completeNavigation = (0, import_react.useCallback)(() => {
+    if (!navigation.current) return;
+    if (animationFrame.current !== null) {
+      cancelAnimationFrame(animationFrame.current);
+      animationFrame.current = null;
+    }
+    if (completionTimer.current) {
+      clearTimeout(completionTimer.current);
+      completionTimer.current = null;
+    }
+    if (cleanupTimer.current) {
+      clearTimeout(cleanupTimer.current);
+      cleanupTimer.current = null;
+    }
+    if (navigation.current.timeoutId) {
+      clearTimeout(navigation.current.timeoutId);
+      navigation.current.timeoutId = null;
+    }
+    setProgress(100);
+    cleanupTimer.current = setTimeout(() => {
+      if (!navigation.current) return;
+      setIsExiting(true);
+      cleanupTimer.current = setTimeout(() => {
+        setProgress(0);
+        setIsExiting(false);
+        navigation.current = null;
+        cleanupTimer.current = null;
+      }, navigationProgressConfig.exitDuration);
+    }, navigationProgressConfig.completeDuration);
+  }, []);
+  const reset = (0, import_react.useCallback)(() => {
+    cleanup();
+    setProgress(0);
+    setIsExiting(false);
+  }, [cleanup]);
+  const startNavigation = (0, import_react.useCallback)(
+    (fromPath, toPath) => {
+      if (!shouldShowProgressFor(fromPath, toPath)) return;
+      const normalizedTarget = normalizeHref(toPath);
+      if (navigation.current?.targetPath === normalizedTarget) return;
+      cleanup();
+      setIsExiting(false);
+      setProgress(navigationProgressConfig.initialProgress);
+      const timeoutId = setTimeout(() => {
+        completeNavigation();
+      }, navigationProgressConfig.timeout);
+      const startTime = Date.now();
+      navigation.current = {
+        startTime,
+        targetPath: normalizedTarget,
+        timeoutId
+      };
+      const animate = () => {
+        if (!navigation.current) return;
+        const elapsed = Date.now() - startTime;
+        let progressValue;
+        if (elapsed < navigationProgressConfig.minDuration) {
+          progressValue = navigationProgressConfig.initialProgress + elapsed / navigationProgressConfig.minDuration * (navigationProgressConfig.fastPhaseEnd - navigationProgressConfig.initialProgress);
+        } else {
+          const remainingProgress = navigationProgressConfig.targetProgress - navigationProgressConfig.fastPhaseEnd;
+          const normalizedTime = Math.min(
+            1,
+            (elapsed - navigationProgressConfig.minDuration) / (navigationProgressConfig.maxDuration - navigationProgressConfig.minDuration)
+          );
+          const easedTime = 1 - (1 - normalizedTime) ** 3;
+          progressValue = navigationProgressConfig.fastPhaseEnd + easedTime * remainingProgress;
+        }
+        setProgress(
+          Math.min(navigationProgressConfig.targetProgress, progressValue)
+        );
+        animationFrame.current = requestAnimationFrame(animate);
+      };
+      animationFrame.current = requestAnimationFrame(animate);
+    },
+    [cleanup, completeNavigation]
+  );
+  (0, import_react.useEffect)(() => {
+    if (!previousUrl.current) {
+      previousUrl.current = currentUrl;
+      return;
+    }
+    if (navigation.current && currentUrl !== previousUrl.current) {
+      if (completionTimer.current) clearTimeout(completionTimer.current);
+      completionTimer.current = setTimeout(() => {
+        completionTimer.current = null;
+        completeNavigation();
+      }, navigationProgressConfig.settleDelay);
+    }
+    previousUrl.current = currentUrl;
+  }, [completeNavigation, currentUrl]);
+  (0, import_react.useEffect)(() => {
+    const handleClick = (event) => {
+      if (event.button !== 0) return;
+      if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) {
+        return;
+      }
+      const target = event.target;
+      if (!(target instanceof Element)) return;
+      if (target.closest("button, input, select, textarea, [role='button']")) {
+        return;
+      }
+      const anchor = target.closest("a");
+      if (!anchor?.href) return;
+      if (anchor.target && anchor.target !== "_self") return;
+      if (anchor.hasAttribute("download")) return;
+      try {
+        const url = new URL(anchor.href, window.location.origin);
+        if (url.origin !== window.location.origin) return;
+        const targetPath = `${url.pathname}${url.search}`;
+        startNavigation(currentUrl, targetPath);
+      } catch {
+        return;
+      }
+    };
+    document.addEventListener("click", handleClick);
+    return () => document.removeEventListener("click", handleClick);
+  }, [currentUrl, startNavigation]);
+  (0, import_react.useEffect)(() => reset, [reset]);
+  return { isExiting, progress };
+}
+function NavigationProgressContent() {
+  const { isExiting, progress } = useNavigationProgress();
+  const isVisible = progress > 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_progress.Progress,
+    {
+      "aria-label": "Page navigation",
+      className: cn(
+        "pointer-events-none fixed left-0 right-0 top-0 z-progress overflow-hidden transition-opacity duration-300",
+        isVisible ? "opacity-100" : "opacity-0"
+      ),
+      style: {
+        height: "var(--progress-bar-height, 2px)"
+      },
+      value: isVisible ? progress : null,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_progress.ProgressTrack, { className: "h-full rounded-none bg-progress-bar-background", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_progress.ProgressIndicator,
+        {
+          className: cn(
+            "h-full w-full rounded-none bg-progress-bar-fill",
+            progress === 0 && "scale-x-0"
+          ),
+          style: {
+            transform: isExiting ? "scaleX(0)" : `scaleX(${Math.max(0, Math.min(100, progress)) / 100})`,
+            transformOrigin: isExiting ? "right" : "left",
+            transition: isExiting ? `transform ${navigationProgressConfig.exitDuration}ms var(--animation-ease-progress-exit)` : `transform ${navigationProgressConfig.completeDuration}ms var(--animation-ease-progress)`
+          }
+        }
+      ) })
+    }
+  );
+}
+function NavigationProgressBar() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Suspense, { fallback: null, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NavigationProgressContent, {}) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NavigationProgressBar,
+  navigationProgressConfig
+});

package/dist/kernel/components/blocks/navigation-progress.d.cts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const navigationProgressConfig: {
+    initialProgress: number;
+    targetProgress: number;
+    fastPhaseEnd: number;
+    minDuration: number;
+    maxDuration: number;
+    completeDuration: number;
+    exitDuration: number;
+    settleDelay: number;
+    timeout: number;
+};
+declare function NavigationProgressBar(): react_jsx_runtime.JSX.Element;
+
+export { NavigationProgressBar, navigationProgressConfig };

package/dist/kernel/components/blocks/navigation-progress.d.ts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const navigationProgressConfig: {
+    initialProgress: number;
+    targetProgress: number;
+    fastPhaseEnd: number;
+    minDuration: number;
+    maxDuration: number;
+    completeDuration: number;
+    exitDuration: number;
+    settleDelay: number;
+    timeout: number;
+};
+declare function NavigationProgressBar(): react_jsx_runtime.JSX.Element;
+
+export { NavigationProgressBar, navigationProgressConfig };

package/dist/kernel/components/blocks/navigation-progress.js

@@ -0,0 +1,249 @@
+"use client";
+
+// src/kernel/components/blocks/navigation-progress.tsx
+import {
+  Progress,
+  ProgressIndicator,
+  ProgressTrack
+} from "../ui/progress.js";
+
+// src/utils/cn.ts
+import { clsx } from "clsx";
+import { extendTailwindMerge } from "tailwind-merge";
+var twMerge = extendTailwindMerge({
+  extend: {
+    classGroups: {
+      z: [
+        "z-content",
+        "z-nav",
+        "z-overlay",
+        "z-modal",
+        "z-search",
+        "z-toast",
+        "z-progress"
+      ]
+    }
+  }
+});
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/kernel/components/blocks/navigation-progress.tsx
+import { usePathname, useSearchParams } from "next/navigation";
+import { Suspense, useCallback, useEffect, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+var navigationProgressConfig = {
+  initialProgress: 0,
+  targetProgress: 98,
+  fastPhaseEnd: 38,
+  minDuration: 48,
+  maxDuration: 1800,
+  completeDuration: 320,
+  exitDuration: 188,
+  settleDelay: 80,
+  timeout: 8e3
+};
+function normalizePath(path) {
+  const normalized = path.replace(/\/+$/, "");
+  return normalized || "/";
+}
+function normalizeHref(href) {
+  const [pathWithSearch = ""] = href.split("#");
+  const [path = "", search = ""] = pathWithSearch.split("?");
+  const normalizedPath = normalizePath(path);
+  return search ? `${normalizedPath}?${search}` : normalizedPath;
+}
+function shouldShowProgressFor(fromPath, toPath) {
+  if (!fromPath.trim() || !toPath.trim()) return false;
+  if (/^(mailto:|tel:|sms:)/i.test(toPath)) return false;
+  if (toPath.startsWith("#")) return false;
+  if (toPath.startsWith("/_next/") || toPath.startsWith("/static/")) {
+    return false;
+  }
+  return normalizeHref(fromPath) !== normalizeHref(toPath);
+}
+function useNavigationProgress() {
+  const [progress, setProgress] = useState(0);
+  const [isExiting, setIsExiting] = useState(false);
+  const pathname = usePathname() || "/";
+  const searchParams = useSearchParams();
+  const currentUrl = `${pathname}${searchParams.size ? `?${searchParams}` : ""}`;
+  const navigation = useRef(null);
+  const animationFrame = useRef(null);
+  const completionTimer = useRef(null);
+  const cleanupTimer = useRef(null);
+  const previousUrl = useRef("");
+  const cleanup = useCallback(() => {
+    if (animationFrame.current !== null) {
+      cancelAnimationFrame(animationFrame.current);
+    }
+    if (completionTimer.current) clearTimeout(completionTimer.current);
+    if (cleanupTimer.current) clearTimeout(cleanupTimer.current);
+    if (navigation.current?.timeoutId) {
+      clearTimeout(navigation.current.timeoutId);
+    }
+    animationFrame.current = null;
+    completionTimer.current = null;
+    cleanupTimer.current = null;
+    navigation.current = null;
+  }, []);
+  const completeNavigation = useCallback(() => {
+    if (!navigation.current) return;
+    if (animationFrame.current !== null) {
+      cancelAnimationFrame(animationFrame.current);
+      animationFrame.current = null;
+    }
+    if (completionTimer.current) {
+      clearTimeout(completionTimer.current);
+      completionTimer.current = null;
+    }
+    if (cleanupTimer.current) {
+      clearTimeout(cleanupTimer.current);
+      cleanupTimer.current = null;
+    }
+    if (navigation.current.timeoutId) {
+      clearTimeout(navigation.current.timeoutId);
+      navigation.current.timeoutId = null;
+    }
+    setProgress(100);
+    cleanupTimer.current = setTimeout(() => {
+      if (!navigation.current) return;
+      setIsExiting(true);
+      cleanupTimer.current = setTimeout(() => {
+        setProgress(0);
+        setIsExiting(false);
+        navigation.current = null;
+        cleanupTimer.current = null;
+      }, navigationProgressConfig.exitDuration);
+    }, navigationProgressConfig.completeDuration);
+  }, []);
+  const reset = useCallback(() => {
+    cleanup();
+    setProgress(0);
+    setIsExiting(false);
+  }, [cleanup]);
+  const startNavigation = useCallback(
+    (fromPath, toPath) => {
+      if (!shouldShowProgressFor(fromPath, toPath)) return;
+      const normalizedTarget = normalizeHref(toPath);
+      if (navigation.current?.targetPath === normalizedTarget) return;
+      cleanup();
+      setIsExiting(false);
+      setProgress(navigationProgressConfig.initialProgress);
+      const timeoutId = setTimeout(() => {
+        completeNavigation();
+      }, navigationProgressConfig.timeout);
+      const startTime = Date.now();
+      navigation.current = {
+        startTime,
+        targetPath: normalizedTarget,
+        timeoutId
+      };
+      const animate = () => {
+        if (!navigation.current) return;
+        const elapsed = Date.now() - startTime;
+        let progressValue;
+        if (elapsed < navigationProgressConfig.minDuration) {
+          progressValue = navigationProgressConfig.initialProgress + elapsed / navigationProgressConfig.minDuration * (navigationProgressConfig.fastPhaseEnd - navigationProgressConfig.initialProgress);
+        } else {
+          const remainingProgress = navigationProgressConfig.targetProgress - navigationProgressConfig.fastPhaseEnd;
+          const normalizedTime = Math.min(
+            1,
+            (elapsed - navigationProgressConfig.minDuration) / (navigationProgressConfig.maxDuration - navigationProgressConfig.minDuration)
+          );
+          const easedTime = 1 - (1 - normalizedTime) ** 3;
+          progressValue = navigationProgressConfig.fastPhaseEnd + easedTime * remainingProgress;
+        }
+        setProgress(
+          Math.min(navigationProgressConfig.targetProgress, progressValue)
+        );
+        animationFrame.current = requestAnimationFrame(animate);
+      };
+      animationFrame.current = requestAnimationFrame(animate);
+    },
+    [cleanup, completeNavigation]
+  );
+  useEffect(() => {
+    if (!previousUrl.current) {
+      previousUrl.current = currentUrl;
+      return;
+    }
+    if (navigation.current && currentUrl !== previousUrl.current) {
+      if (completionTimer.current) clearTimeout(completionTimer.current);
+      completionTimer.current = setTimeout(() => {
+        completionTimer.current = null;
+        completeNavigation();
+      }, navigationProgressConfig.settleDelay);
+    }
+    previousUrl.current = currentUrl;
+  }, [completeNavigation, currentUrl]);
+  useEffect(() => {
+    const handleClick = (event) => {
+      if (event.button !== 0) return;
+      if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) {
+        return;
+      }
+      const target = event.target;
+      if (!(target instanceof Element)) return;
+      if (target.closest("button, input, select, textarea, [role='button']")) {
+        return;
+      }
+      const anchor = target.closest("a");
+      if (!anchor?.href) return;
+      if (anchor.target && anchor.target !== "_self") return;
+      if (anchor.hasAttribute("download")) return;
+      try {
+        const url = new URL(anchor.href, window.location.origin);
+        if (url.origin !== window.location.origin) return;
+        const targetPath = `${url.pathname}${url.search}`;
+        startNavigation(currentUrl, targetPath);
+      } catch {
+        return;
+      }
+    };
+    document.addEventListener("click", handleClick);
+    return () => document.removeEventListener("click", handleClick);
+  }, [currentUrl, startNavigation]);
+  useEffect(() => reset, [reset]);
+  return { isExiting, progress };
+}
+function NavigationProgressContent() {
+  const { isExiting, progress } = useNavigationProgress();
+  const isVisible = progress > 0;
+  return /* @__PURE__ */ jsx(
+    Progress,
+    {
+      "aria-label": "Page navigation",
+      className: cn(
+        "pointer-events-none fixed left-0 right-0 top-0 z-progress overflow-hidden transition-opacity duration-300",
+        isVisible ? "opacity-100" : "opacity-0"
+      ),
+      style: {
+        height: "var(--progress-bar-height, 2px)"
+      },
+      value: isVisible ? progress : null,
+      children: /* @__PURE__ */ jsx(ProgressTrack, { className: "h-full rounded-none bg-progress-bar-background", children: /* @__PURE__ */ jsx(
+        ProgressIndicator,
+        {
+          className: cn(
+            "h-full w-full rounded-none bg-progress-bar-fill",
+            progress === 0 && "scale-x-0"
+          ),
+          style: {
+            transform: isExiting ? "scaleX(0)" : `scaleX(${Math.max(0, Math.min(100, progress)) / 100})`,
+            transformOrigin: isExiting ? "right" : "left",
+            transition: isExiting ? `transform ${navigationProgressConfig.exitDuration}ms var(--animation-ease-progress-exit)` : `transform ${navigationProgressConfig.completeDuration}ms var(--animation-ease-progress)`
+          }
+        }
+      ) })
+    }
+  );
+}
+function NavigationProgressBar() {
+  return /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(NavigationProgressContent, {}) });
+}
+export {
+  NavigationProgressBar,
+  navigationProgressConfig
+};

package/dist/kernel/components/blocks/next-prev.cjs

@@ -0,0 +1,142 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/kernel/components/blocks/next-prev.tsx
+var next_prev_exports = {};
+__export(next_prev_exports, {
+  NextPrev: () => NextPrev
+});
+module.exports = __toCommonJS(next_prev_exports);
+
+// src/utils/cn.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
+  extend: {
+    classGroups: {
+      z: [
+        "z-content",
+        "z-nav",
+        "z-overlay",
+        "z-modal",
+        "z-search",
+        "z-toast",
+        "z-progress"
+      ]
+    }
+  }
+});
+function cn(...inputs) {
+  return twMerge((0, import_clsx.clsx)(inputs));
+}
+
+// src/kernel/components/blocks/next-prev.tsx
+var import_lucide_react = require("lucide-react");
+var import_link = __toESM(require("next/link"), 1);
+var import_jsx_runtime = require("react/jsx-runtime");
+function pageNodes(nodes) {
+  return nodes.flatMap((node) => {
+    if (node.type === "page") return [node];
+    if (node.type === "section" || node.type === "folder") {
+      return pageNodes(node.children);
+    }
+    return [];
+  });
+}
+function DirectionIcon({ direction }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "shrink-0 text-foreground-3 transition-colors duration-200 group-hover/next-prev:text-foreground-2", children: direction === "previous" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronLeft, { "aria-hidden": "true", size: 14 }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronRight, { "aria-hidden": "true", size: 14 }) });
+}
+function NavigationCard({
+  direction,
+  page
+}) {
+  const isNext = direction === "next";
+  const label = isNext ? "Next" : "Previous";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_link.default,
+    {
+      className: cn(
+        "group/next-prev grid min-h-24 w-full min-w-0 overflow-hidden rounded-card border border-stroke-3 bg-surface-1 p-px text-left text-foreground-1 no-underline shadow-xs transition-[border-color,box-shadow] duration-200 hover:text-foreground-1 hover:no-underline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring [&_*]:!no-underline",
+        isNext && "md:text-right"
+      ),
+      href: page.path,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "span",
+        {
+          className: cn(
+            "flex h-full w-full flex-col gap-2 rounded-[max(calc(var(--radius-card)-1px),0px)] p-4 transition-colors duration-300 group-hover/next-prev:bg-surface-hover group-active/next-prev:bg-surface-active",
+            isNext ? "items-start md:items-end" : "items-start"
+          ),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+              "span",
+              {
+                className: cn(
+                  "flex w-full items-center gap-1.5",
+                  isNext && "md:justify-end"
+                ),
+                children: [
+                  !isNext && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DirectionIcon, { direction }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-xs font-medium leading-none text-foreground-3 transition-colors duration-200", children: label }),
+                  isNext && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DirectionIcon, { direction })
+                ]
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "line-clamp-2 text-sm font-medium leading-6 text-foreground-1 transition-colors duration-200", children: page.title })
+          ]
+        }
+      )
+    }
+  );
+}
+function NextPrev({ className, currentPath, tree }) {
+  const pages = pageNodes(tree);
+  const index = pages.findIndex((page) => page.path === currentPath);
+  const previous = index > 0 ? pages[index - 1] : null;
+  const next = index >= 0 ? pages[index + 1] : null;
+  const hasBoth = Boolean(previous && next);
+  if (!previous && !next) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("nav", { "aria-label": "Previous and next pages", className, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: cn(
+        "grid gap-4 border-t border-stroke-3 pt-6",
+        hasBoth && "md:grid-cols-2"
+      ),
+      children: [
+        previous ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NavigationCard, { direction: "previous", page: previous }) : null,
+        next ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NavigationCard, { direction: "next", page: next }) : null
+      ]
+    }
+  ) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NextPrev
+});