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

package/dist/kernel/components/blocks/next-prev.d.cts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { TreeNode } from '@publish.os/nextjs/types';
+
+type NextPrevProps = {
+    className?: string;
+    currentPath?: string;
+    tree: TreeNode[];
+};
+declare function NextPrev({ className, currentPath, tree }: NextPrevProps): react_jsx_runtime.JSX.Element | null;
+
+export { NextPrev, type NextPrevProps };

package/dist/kernel/components/blocks/next-prev.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { TreeNode } from '@publish.os/nextjs/types';
+
+type NextPrevProps = {
+    className?: string;
+    currentPath?: string;
+    tree: TreeNode[];
+};
+declare function NextPrev({ className, currentPath, tree }: NextPrevProps): react_jsx_runtime.JSX.Element | null;
+
+export { NextPrev, type NextPrevProps };

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

@@ -0,0 +1,105 @@
+// 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/next-prev.tsx
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import NextLink from "next/link";
+import { jsx, jsxs } from "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__ */ jsx("span", { className: "shrink-0 text-foreground-3 transition-colors duration-200 group-hover/next-prev:text-foreground-2", children: direction === "previous" ? /* @__PURE__ */ jsx(ChevronLeft, { "aria-hidden": "true", size: 14 }) : /* @__PURE__ */ jsx(ChevronRight, { "aria-hidden": "true", size: 14 }) });
+}
+function NavigationCard({
+  direction,
+  page
+}) {
+  const isNext = direction === "next";
+  const label = isNext ? "Next" : "Previous";
+  return /* @__PURE__ */ jsx(
+    NextLink,
+    {
+      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__ */ 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__ */ jsxs(
+              "span",
+              {
+                className: cn(
+                  "flex w-full items-center gap-1.5",
+                  isNext && "md:justify-end"
+                ),
+                children: [
+                  !isNext && /* @__PURE__ */ jsx(DirectionIcon, { direction }),
+                  /* @__PURE__ */ jsx("span", { className: "text-xs font-medium leading-none text-foreground-3 transition-colors duration-200", children: label }),
+                  isNext && /* @__PURE__ */ jsx(DirectionIcon, { direction })
+                ]
+              }
+            ),
+            /* @__PURE__ */ 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__ */ jsx("nav", { "aria-label": "Previous and next pages", className, children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "grid gap-4 border-t border-stroke-3 pt-6",
+        hasBoth && "md:grid-cols-2"
+      ),
+      children: [
+        previous ? /* @__PURE__ */ jsx(NavigationCard, { direction: "previous", page: previous }) : null,
+        next ? /* @__PURE__ */ jsx(NavigationCard, { direction: "next", page: next }) : null
+      ]
+    }
+  ) });
+}
+export {
+  NextPrev
+};

package/dist/{components → kernel/components/blocks}/page-list.cjs

@@ -1,9 +1,7 @@
 "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)
@@ -17,23 +15,15 @@ var __copyProps = (to, from, except, desc) => {
   }
   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/components/page-list.tsx
+// src/kernel/components/blocks/page-list.tsx
 var page_list_exports = {};
 __export(page_list_exports, {
   PageList: () => PageList
 });
 module.exports = __toCommonJS(page_list_exports);
-var import_link = __toESM(require("next/link"), 1);
+var import_link = require("../ui/link.js");
 var import_jsx_runtime = require("react/jsx-runtime");
 function pageNodes(nodes) {
   return nodes.flatMap((node) => {
@@ -52,14 +42,15 @@ function PageList({ tree, currentPath, className }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("nav", { "aria-label": "Pages in this group", className, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "space-y-2 text-sm", children: pages.map((page) => {
     const active = page.path === currentPath;
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_link.default,
+      import_link.Link,
       {
-        "aria-current": active ? "page" : void 0,
-        className: active ? "font-medium text-accent-1 underline underline-offset-4" : "text-foreground-2 underline-offset-4 hover:text-accent-1 hover:underline",
+        active,
+        color: active ? "accent" : "default",
         href: page.path,
+        size: "sm",
         children: page.title
       }
-    ) }, `${page.group}:${page.id}`);
+    ) }, `${page.group}:${page.fileID}`);
   }) }) });
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/{components → kernel/components/blocks}/page-list.d.cts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { TreeNode } from '../types.cjs';
+import { TreeNode } from '@publish.os/nextjs/types';
 
 type PageListProps = {
     tree: TreeNode[];

package/dist/{components → kernel/components/blocks}/page-list.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { TreeNode } from '../types.js';
+import { TreeNode } from '@publish.os/nextjs/types';
 
 type PageListProps = {
     tree: TreeNode[];

package/dist/{components → kernel/components/blocks}/page-list.js

@@ -1,5 +1,5 @@
-// src/components/page-list.tsx
-import Link from "next/link";
+// src/kernel/components/blocks/page-list.tsx
+import { Link } from "../ui/link.js";
 import { jsx } from "react/jsx-runtime";
 function pageNodes(nodes) {
   return nodes.flatMap((node) => {
@@ -20,12 +20,13 @@ function PageList({ tree, currentPath, className }) {
     return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
       Link,
       {
-        "aria-current": active ? "page" : void 0,
-        className: active ? "font-medium text-accent-1 underline underline-offset-4" : "text-foreground-2 underline-offset-4 hover:text-accent-1 hover:underline",
+        active,
+        color: active ? "accent" : "default",
         href: page.path,
+        size: "sm",
         children: page.title
       }
-    ) }, `${page.group}:${page.id}`);
+    ) }, `${page.group}:${page.fileID}`);
   }) }) });
 }
 export {