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

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

@@ -1,35 +1,12 @@
 "use client";
 
-// src/kernel/components/blocks/navigation-progress.tsx
+// src/components/block/navigation/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
+} from "@publish.os/nextjs/kernel/components/ui/progress";
+import { cn } from "@publish.os/nextjs/utils/cn";
 import { usePathname, useSearchParams } from "next/navigation";
 import { Suspense, useCallback, useEffect, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
@@ -45,172 +22,91 @@ var navigationProgressConfig = {
   timeout: 8e3
 };
 function normalizePath(path) {
-  const normalized = path.replace(/\/+$/, "");
-  return normalized || "/";
+  return path.replace(/\/+$/, "") || "/";
 }
 function normalizeHref(href) {
-  const [pathWithSearch = ""] = href.split("#");
-  const [path = "", search = ""] = pathWithSearch.split("?");
-  const normalizedPath = normalizePath(path);
+  let [pathWithSearch = ""] = href.split("#"), [path = "", search = ""] = pathWithSearch.split("?"), 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);
+  return !fromPath.trim() || !toPath.trim() || /^(mailto:|tel:|sms:)/i.test(toPath) || toPath.startsWith("#") || toPath.startsWith("/_next/") || toPath.startsWith("/static/") ? !1 : 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(
+  let [progress, setProgress] = useState(0), [isExiting, setIsExiting] = useState(!1), pathname = usePathname() || "/", searchParams = useSearchParams(), currentUrl = `${pathname}${searchParams.size ? `?${searchParams}` : ""}`, navigation = useRef(null), animationFrame = useRef(null), completionTimer = useRef(null), cleanupTimer = useRef(null), previousUrl = useRef(""), cleanup = useCallback(() => {
+    animationFrame.current !== null && cancelAnimationFrame(animationFrame.current), completionTimer.current && clearTimeout(completionTimer.current), cleanupTimer.current && clearTimeout(cleanupTimer.current), navigation.current?.timeoutId && clearTimeout(navigation.current.timeoutId), animationFrame.current = null, completionTimer.current = null, cleanupTimer.current = null, navigation.current = null;
+  }, []), completeNavigation = useCallback(() => {
+    navigation.current && (animationFrame.current !== null && (cancelAnimationFrame(animationFrame.current), animationFrame.current = null), completionTimer.current && (clearTimeout(completionTimer.current), completionTimer.current = null), cleanupTimer.current && (clearTimeout(cleanupTimer.current), cleanupTimer.current = null), navigation.current.timeoutId && (clearTimeout(navigation.current.timeoutId), navigation.current.timeoutId = null), setProgress(100), cleanupTimer.current = setTimeout(() => {
+      navigation.current && (setIsExiting(!0), cleanupTimer.current = setTimeout(() => {
+        setProgress(0), setIsExiting(!1), navigation.current = null, cleanupTimer.current = null;
+      }, navigationProgressConfig.exitDuration));
+    }, navigationProgressConfig.completeDuration));
+  }, []), reset = useCallback(() => {
+    cleanup(), setProgress(0), setIsExiting(!1);
+  }, [cleanup]), startNavigation = useCallback(
     (fromPath, toPath) => {
       if (!shouldShowProgressFor(fromPath, toPath)) return;
-      const normalizedTarget = normalizeHref(toPath);
+      let normalizedTarget = normalizeHref(toPath);
       if (navigation.current?.targetPath === normalizedTarget) return;
-      cleanup();
-      setIsExiting(false);
-      setProgress(navigationProgressConfig.initialProgress);
-      const timeoutId = setTimeout(() => {
+      cleanup(), setIsExiting(!1), setProgress(navigationProgressConfig.initialProgress);
+      let timeoutId = setTimeout(() => {
         completeNavigation();
-      }, navigationProgressConfig.timeout);
-      const startTime = Date.now();
+      }, navigationProgressConfig.timeout), startTime = Date.now();
       navigation.current = {
         startTime,
         targetPath: normalizedTarget,
         timeoutId
       };
-      const animate = () => {
+      let animate = () => {
         if (!navigation.current) return;
-        const elapsed = Date.now() - startTime;
-        let progressValue;
-        if (elapsed < navigationProgressConfig.minDuration) {
+        let elapsed = Date.now() - startTime, 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(
+        else {
+          let remainingProgress = navigationProgressConfig.targetProgress - navigationProgressConfig.fastPhaseEnd, easedTime = 1 - (1 - Math.min(
             1,
             (elapsed - navigationProgressConfig.minDuration) / (navigationProgressConfig.maxDuration - navigationProgressConfig.minDuration)
-          );
-          const easedTime = 1 - (1 - normalizedTime) ** 3;
+          )) ** 3;
           progressValue = navigationProgressConfig.fastPhaseEnd + easedTime * remainingProgress;
         }
         setProgress(
           Math.min(navigationProgressConfig.targetProgress, progressValue)
-        );
-        animationFrame.current = requestAnimationFrame(animate);
+        ), animationFrame.current = requestAnimationFrame(animate);
       };
       animationFrame.current = requestAnimationFrame(animate);
     },
     [cleanup, completeNavigation]
   );
-  useEffect(() => {
+  return 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']")) {
+    navigation.current && currentUrl !== previousUrl.current && (completionTimer.current && clearTimeout(completionTimer.current), completionTimer.current = setTimeout(() => {
+      completionTimer.current = null, completeNavigation();
+    }, navigationProgressConfig.settleDelay)), previousUrl.current = currentUrl;
+  }, [completeNavigation, currentUrl]), useEffect(() => {
+    let handleClick = (event) => {
+      if (event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey)
         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 {
+      let target = event.target;
+      if (!(target instanceof Element) || target.closest("button, input, select, textarea, [role='button']"))
         return;
-      }
+      let anchor = target.closest("a");
+      if (anchor?.href && !(anchor.target && anchor.target !== "_self") && !anchor.hasAttribute("download"))
+        try {
+          let url = new URL(anchor.href, window.location.origin);
+          if (url.origin !== window.location.origin) return;
+          let 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 };
+    return document.addEventListener("click", handleClick), () => document.removeEventListener("click", handleClick);
+  }, [currentUrl, startNavigation]), useEffect(() => reset, [reset]), { isExiting, progress };
 }
 function NavigationProgressContent() {
-  const { isExiting, progress } = useNavigationProgress();
-  const isVisible = progress > 0;
+  let { isExiting, progress } = useNavigationProgress(), isVisible = progress > 0;
   return /* @__PURE__ */ jsx(
     Progress,
     {
@@ -220,14 +116,14 @@ function NavigationProgressContent() {
         isVisible ? "opacity-100" : "opacity-0"
       ),
       style: {
-        height: "var(--progress-bar-height, 2px)"
+        height: "var(--progress-height, 2px)"
       },
       value: isVisible ? progress : null,
-      children: /* @__PURE__ */ jsx(ProgressTrack, { className: "h-full rounded-none bg-progress-bar-background", children: /* @__PURE__ */ jsx(
+      children: /* @__PURE__ */ jsx(ProgressTrack, { className: "h-full rounded-none bg-progress-track-surface", children: /* @__PURE__ */ jsx(
         ProgressIndicator,
         {
           className: cn(
-            "h-full w-full rounded-none bg-progress-bar-fill",
+            "h-full w-full rounded-none bg-progress-indicator-surface",
             progress === 0 && "scale-x-0"
           ),
           style: {

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

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { TreeNode } from '@publish.os/nextjs/types';
+import { T as TreeNode } from '../../../types-DHBm7-j6.js';
 
 type NextPrevProps = {
     className?: string;

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

@@ -1,38 +1,18 @@
-// 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";
+// src/components/block/navigation/next-prev.tsx
+import {
+  FrameworkChevronLeftIcon as ChevronLeft,
+  FrameworkChevronRightIcon as ChevronRight
+} from "@publish.os/nextjs/kernel/framework-icons";
+import { cn } from "@publish.os/nextjs/utils/cn";
 import NextLink from "next/link";
-import { jsx, jsxs } from "react/jsx-runtime";
+
+// src/components/block/navigation/page-nodes.ts
 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 [];
-  });
+  return nodes.flatMap((node) => node.type === "page" ? [node] : node.type === "section" || node.type === "folder" ? pageNodes(node.children) : []);
 }
+
+// src/components/block/navigation/next-prev.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
 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 }) });
 }
@@ -40,13 +20,12 @@ function NavigationCard({
   direction,
   page
 }) {
-  const isNext = direction === "next";
-  const label = isNext ? "Next" : "Previous";
+  let isNext = direction === "next", 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",
+        "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-stroke [&_*]:!no-underline",
         isNext && "md:text-right"
       ),
       href: page.path,
@@ -80,13 +59,8 @@ function NavigationCard({
   );
 }
 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(
+  let pages = pageNodes(tree), index = pages.findIndex((page) => page.path === currentPath), previous = index > 0 ? pages[index - 1] : null, next = index >= 0 ? pages[index + 1] : null, hasBoth = !!(previous && next);
+  return !previous && !next ? null : /* @__PURE__ */ jsx("nav", { "aria-label": "Previous and next pages", className, children: /* @__PURE__ */ jsxs(
     "div",
     {
       className: cn(

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

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

package/dist/kernel/components/blocks/page-list.js

@@ -1,22 +1,17 @@
-// src/kernel/components/blocks/page-list.tsx
-import { Link } from "../ui/link.js";
-import { jsx } from "react/jsx-runtime";
+// src/components/block/navigation/page-list.tsx
+import { Link } from "@publish.os/nextjs/kernel/components/ui/link";
+
+// src/components/block/navigation/page-nodes.ts
 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 [];
-  });
+  return nodes.flatMap((node) => node.type === "page" ? [node] : node.type === "section" || node.type === "folder" ? pageNodes(node.children) : []);
 }
+
+// src/components/block/navigation/page-list.tsx
+import { jsx } from "react/jsx-runtime";
 function PageList({ tree, currentPath, className }) {
-  const pages = pageNodes(tree);
-  if (pages.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx("nav", { "aria-label": "Pages in this group", className, children: /* @__PURE__ */ jsx("ul", { className: "space-y-2 text-sm", children: pages.map((page) => {
-    const active = page.path === currentPath;
+  let pages = pageNodes(tree);
+  return pages.length === 0 ? null : /* @__PURE__ */ jsx("nav", { "aria-label": "Pages in this group", className, children: /* @__PURE__ */ jsx("ul", { className: "space-y-2 text-sm", children: pages.map((page) => {
+    let active = page.path === currentPath;
     return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
       Link,
       {

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

@@ -1,10 +1,21 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ButtonVariantProps } from '../ui/button.js';
-import { SearchProviderProps } from '@publish.os/nextjs/search';
+import { B as ButtonVariantProps } from '../../../button-CFdx-ohV.js';
 import { ReactNode, ReactElement } from 'react';
 import 'class-variance-authority/types';
 import 'class-variance-authority';
 
+type SearchBlockVariant = "desktop" | "mobile";
+
+type SearchProviderProps = {
+    children?: ReactNode;
+    defaultOpen?: boolean;
+    limit?: number;
+    onOpenChange?: (open: boolean) => void;
+    open?: boolean;
+    shortcut?: string;
+    variant?: SearchBlockVariant;
+};
+
 declare function SearchProgressBar({ className }: {
     className?: string;
 }): react_jsx_runtime.JSX.Element;