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

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

@@ -3,11 +3,11 @@
 // src/components/block/navbar/navbar.tsx
 import {
   LogoBlock
-} from "@publish.os/nextjs/kernel/components/blocks/logo-block";
-import { Search } from "@publish.os/nextjs/kernel/components/blocks/search";
-import { Sidebar } from "@publish.os/nextjs/kernel/components/blocks/sidebar";
-import { ThemeToggle } from "@publish.os/nextjs/kernel/components/blocks/theme-toggle";
-import { Button as Button2 } from "@publish.os/nextjs/kernel/components/ui/button";
+} from "@components/blocks/logo-block";
+import { Search } from "@components/blocks/search";
+import { Sidebar } from "@components/blocks/sidebar";
+import { ThemeToggle } from "@components/blocks/theme-toggle";
+import { Button as Button2 } from "@components/ui/button";
 import {
   Drawer,
   DrawerClose,
@@ -17,9 +17,9 @@ import {
   DrawerTitle,
   DrawerTrigger,
   DrawerViewport
-} from "@publish.os/nextjs/kernel/components/ui/drawer";
-import { Link as Link3 } from "@publish.os/nextjs/kernel/components/ui/link";
-import { ScrollArea as ScrollArea2 } from "@publish.os/nextjs/kernel/components/ui/scroll-area";
+} from "@components/ui/drawer";
+import { Link as Link3 } from "@components/ui/link";
+import { ScrollArea as ScrollArea2 } from "@components/ui/scroll-area";
 import {
   ArrowRightIcon,
   CaretLeftIcon,
@@ -32,8 +32,8 @@ import { usePathname } from "next/navigation";
 import { useEffect, useRef as useRef2, useState as useState2 } from "react";
 
 // src/components/block/navbar/group-navigation.tsx
-import { Button } from "@publish.os/nextjs/kernel/components/ui/button";
-import { Link } from "@publish.os/nextjs/kernel/components/ui/link";
+import { Button } from "@components/ui/button";
+import { Link } from "@components/ui/link";
 import {
   Menu,
   MenuLinkItem,
@@ -41,11 +41,11 @@ import {
   MenuPortal,
   MenuPositioner,
   MenuTrigger
-} from "@publish.os/nextjs/kernel/components/ui/menu";
+} from "@components/ui/menu";
 import { CaretDownIcon } from "@phosphor-icons/react/ssr";
 import NextLink from "next/link";
 import { useLayoutEffect, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "@publish.os/nextjs/jsx-runtime";
 function GroupNavigation({
   currentPath,
   tree
@@ -89,7 +89,7 @@ function GroupNavigation({
                 {
                   active: isActive(group.path),
                   "aria-current": isActive(group.path) ? "location" : void 0,
-                  className: "data-[state=path-active]:text-foreground-1 pointer-coarse:min-h-11 pointer-coarse:min-w-11",
+                  className: "pointer-coarse:min-h-11 pointer-coarse:min-w-11",
                   href: group.href ?? group.path,
                   size: "xs",
                   target: "_self",
@@ -134,9 +134,9 @@ function GroupNavigation({
 }
 
 // src/components/block/navbar/mobile-navigation-tree.tsx
-import { Link as Link2 } from "@publish.os/nextjs/kernel/components/ui/link";
-import { ScrollArea } from "@publish.os/nextjs/kernel/components/ui/scroll-area";
-import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Link as Link2 } from "@components/ui/link";
+import { ScrollArea } from "@components/ui/scroll-area";
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "@publish.os/nextjs/jsx-runtime";
 function MobileNavigationTree({
   currentPath,
   indexCurrentPath,
@@ -212,7 +212,7 @@ function PageLink({
 }
 
 // src/components/block/navbar/navbar.tsx
-import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "@publish.os/nextjs/jsx-runtime";
 function Navbar({
   logo,
   showThemeToggle = !0,

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

@@ -5,11 +5,11 @@ import {
   Progress,
   ProgressIndicator,
   ProgressTrack
-} from "@publish.os/nextjs/kernel/components/ui/progress";
+} from "@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";
+import { jsx } from "@publish.os/nextjs/jsx-runtime";
 var navigationProgressConfig = {
   initialProgress: 0,
   targetProgress: 98,

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

@@ -9,7 +9,7 @@ function pageNodes(nodes) {
 }
 
 // src/components/block/page-navigation/next-prev.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "@publish.os/nextjs/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(CaretLeftIcon, { "aria-hidden": "true", size: 14 }) : /* @__PURE__ */ jsx(CaretRightIcon, { "aria-hidden": "true", size: 14 }) });
 }

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

@@ -1,5 +1,5 @@
 // src/components/block/page-navigation/page-list.tsx
-import { Link } from "@publish.os/nextjs/kernel/components/ui/link";
+import { Link } from "@components/ui/link";
 
 // src/components/block/page-navigation/page-nodes.ts
 function pageNodes(nodes) {
@@ -7,7 +7,7 @@ function pageNodes(nodes) {
 }
 
 // src/components/block/page-navigation/page-list.tsx
-import { jsx } from "react/jsx-runtime";
+import { jsx } from "@publish.os/nextjs/jsx-runtime";
 function PageList({ tree, currentPath, className }) {
   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) => {

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

@@ -2,7 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode, ComponentPropsWithRef, ComponentPropsWithoutRef } from 'react';
 import { useRender } from '@base-ui/react/use-render';
-import { B as ButtonProps } from '../../../button-c3WGnxIj.js';
+import { B as ButtonProps } from '../../../button-BdCScEKi.js';
 import { Dialog } from '@base-ui/react/dialog';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { Input } from '@base-ui/react/input';

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

@@ -2,7 +2,7 @@
 
 // src/modules/search/search-block.tsx
 import { useRender } from "@base-ui/react/use-render";
-import { Button } from "@publish.os/nextjs/kernel/components/ui/button";
+import { Button } from "@components/ui/button";
 import {
   Dialog,
   DialogBackdrop,
@@ -10,7 +10,7 @@ import {
   DialogPopup,
   DialogPortal,
   DialogTitle
-} from "@publish.os/nextjs/kernel/components/ui/dialog";
+} from "@components/ui/dialog";
 import {
   Drawer,
   DrawerBackdrop,
@@ -20,11 +20,11 @@ import {
   DrawerTitle,
   DrawerViewport,
   DrawerVirtualKeyboardProvider
-} from "@publish.os/nextjs/kernel/components/ui/drawer";
-import { Input } from "@publish.os/nextjs/kernel/components/ui/input";
-import { Kbd as Kbd2, kbdVariants } from "@publish.os/nextjs/kernel/components/ui/kbd";
-import { ModKey } from "@publish.os/nextjs/kernel/components/ui/mod-key";
-import { Separator as Separator2 } from "@publish.os/nextjs/kernel/components/ui/separator";
+} from "@components/ui/drawer";
+import { Input } from "@components/ui/input";
+import { Kbd as Kbd2 } from "@components/ui/kbd";
+import { ModKey } from "@components/ui/mod-key";
+import { Separator as Separator2 } from "@components/ui/separator";
 import { MagnifyingGlassIcon } from "@phosphor-icons/react/ssr";
 import { formatShortcut } from "@publish.os/nextjs/keyboard-shortcuts";
 import {
@@ -38,21 +38,21 @@ import {
 } from "react";
 
 // src/modules/search/results.tsx
-import { Kbd } from "@publish.os/nextjs/kernel/components/ui/kbd";
+import { Kbd } from "@components/ui/kbd";
 import {
   ScrollAreaContent,
   ScrollAreaRoot,
   ScrollAreaScrollbar,
   ScrollAreaThumb,
   ScrollAreaViewport
-} from "@publish.os/nextjs/kernel/components/ui/scroll-area";
-import { Separator } from "@publish.os/nextjs/kernel/components/ui/separator";
+} from "@components/ui/scroll-area";
+import { Separator } from "@components/ui/separator";
 import { ArrowElbowDownLeftIcon } from "@phosphor-icons/react/ssr";
 import { useSearchBlock } from "@publish.os/nextjs/search";
 import { cn } from "@publish.os/nextjs/utils/cn";
 import NextLink from "next/link";
 import { useEffect } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "@publish.os/nextjs/jsx-runtime";
 var SEARCH_RESULT_SNIPPET_LENGTH = 180;
 function getSearchPanel({
   displayResults,
@@ -323,11 +323,11 @@ import {
   Progress,
   ProgressIndicator,
   ProgressTrack
-} from "@publish.os/nextjs/kernel/components/ui/progress";
+} from "@components/ui/progress";
 import { useSearchBlock as useSearchBlock2 } from "@publish.os/nextjs/search";
 import { cn as cn2 } from "@publish.os/nextjs/utils/cn";
 import { useLayoutEffect, useRef, useState } from "react";
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { jsx as jsx2 } from "@publish.os/nextjs/jsx-runtime";
 var INITIAL_PROGRESS = 5, FAST_PHASE_END = 25, TARGET_PROGRESS = 95, FAST_DURATION = 50, MAX_DURATION = 5e3, COMPLETE_DURATION = 200, EXIT_DURATION = 150;
 function SearchProgressBar({ className }) {
   let {
@@ -393,7 +393,7 @@ function SearchProgressBar({ className }) {
 }
 
 // src/modules/search/search-block.tsx
-import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs2 } from "@publish.os/nextjs/jsx-runtime";
 function Trigger({
   children,
   className,
@@ -625,13 +625,12 @@ function SearchInputField({
       {
         "aria-label": "Close search",
         className: cn3(
-          kbdVariants({ size: "xs" }),
-          "absolute right-4 top-1/2 hidden -translate-y-1/2 cursor-pointer text-foreground-2 before:absolute before:left-1/2 before:top-1/2 before:size-10 before:-translate-1/2 before:content-[''] active:translate-y-[calc(-50%_+_1px)] md:inline-flex",
+          "absolute right-4 top-1/2 hidden -translate-y-1/2 cursor-pointer before:absolute before:left-1/2 before:top-1/2 before:size-10 before:-translate-1/2 before:content-[''] active:translate-y-[calc(-50%_+_1px)] md:inline-flex",
           closeClassName
         ),
         onClick: () => setOpen(!1),
         type: "button",
-        children: closeLabel
+        children: /* @__PURE__ */ jsx3(Kbd2, { size: "xs", children: closeLabel })
       }
     ) : null,
     /* @__PURE__ */ jsx3(Separator2, { className: "absolute inset-x-0 bottom-0 z-content md:hidden group-data-[search-presentation=drawer]/search:block group-data-[search-presentation=dialog]/search:hidden" })

package/dist/kernel/components/blocks/sidebar-node.js

@@ -3,7 +3,7 @@ import { CaretRightIcon } from "@phosphor-icons/react/ssr";
 import { cn } from "@publish.os/nextjs/utils/cn";
 import { cva } from "class-variance-authority";
 import NextLink from "next/link";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "@publish.os/nextjs/jsx-runtime";
 var SIDEBAR_NODE_VARIANT = "base", depthClassByDepth = {
   0: "pl-2",
   1: "pl-5",

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

@@ -1,8 +1,8 @@
 "use client";
 
 // src/components/block/sidebar/sidebar.tsx
-import { SidebarNode } from "@publish.os/nextjs/kernel/components/blocks/sidebar-node";
-import { ScrollArea } from "@publish.os/nextjs/kernel/components/ui/scroll-area";
+import { SidebarNode } from "@components/blocks/sidebar-node";
+import { ScrollArea } from "@components/ui/scroll-area";
 import { cn } from "@publish.os/nextjs/utils/cn";
 import { usePathname } from "next/navigation";
 import {
@@ -15,7 +15,7 @@ import {
   useRef,
   useState
 } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "@publish.os/nextjs/jsx-runtime";
 function normalizePath(path) {
   if (!path) return "";
   let [withoutQuery = ""] = path.split(/[?#]/);
@@ -53,7 +53,10 @@ function createActiveIndex({
 }) {
   let activeIndex = /* @__PURE__ */ new Map();
   function visit(node) {
-    let path = nodePath(node), exactActive = isExactActivePath(path, currentPath), pathActive = node.type === "page" && isActivePath(path, currentPath), childActive = nodeChildren(node).some(visit), activeState = exactActive ? "path-active" : childActive || pathActive ? "child-path-active" : void 0;
+    let path = nodePath(node), exactActive = isExactActivePath(path, currentPath), pathActive = node.type === "page" && isActivePath(path, currentPath), childActive = !1;
+    for (let child of nodeChildren(node))
+      childActive = visit(child) || childActive;
+    let activeState = exactActive ? "path-active" : childActive || pathActive ? "child-path-active" : void 0;
     return activeIndex.set(node, {
       activeState,
       initiallyExpanded: exactActive || pathActive || childActive

package/dist/kernel/components/blocks/theme-toggle.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { B as ButtonProps } from '../../../button-c3WGnxIj.js';
+import { B as ButtonProps } from '../../../button-BdCScEKi.js';
 import 'class-variance-authority/types';
 import 'class-variance-authority';
 import 'react';

package/dist/kernel/components/blocks/theme-toggle.js

@@ -1,14 +1,14 @@
 "use client";
 
-// src/components/ui/theme-toggle.tsx
-import { Button } from "@publish.os/nextjs/kernel/components/ui/button";
-import { MonitorIcon, MoonIcon, SunIcon } from "@phosphor-icons/react/ssr";
+// src/components/block/theme-toggle.tsx
+import { Button } from "@components/ui/button";
+import { CircleHalfIcon, MoonIcon, SunIcon } from "@phosphor-icons/react/ssr";
 import { useTheme } from "next-themes";
 import { useEffect, useMemo, useState } from "react";
-import { jsx } from "react/jsx-runtime";
+import { jsx } from "@publish.os/nextjs/jsx-runtime";
 var themeOrder = ["system", "light", "dark"];
 function ThemeIcon({ theme }) {
-  return theme === "light" ? /* @__PURE__ */ jsx(SunIcon, { "aria-hidden": "true", size: 16 }) : theme === "dark" ? /* @__PURE__ */ jsx(MoonIcon, { "aria-hidden": "true", size: 16 }) : /* @__PURE__ */ jsx(MonitorIcon, { "aria-hidden": "true", size: 16 });
+  return theme === "light" ? /* @__PURE__ */ jsx(SunIcon, { "aria-hidden": "true", size: 16, weight: "fill" }) : theme === "dark" ? /* @__PURE__ */ jsx(MoonIcon, { "aria-hidden": "true", size: 16, weight: "fill" }) : /* @__PURE__ */ jsx(CircleHalfIcon, { "aria-hidden": "true", size: 16, weight: "fill" });
 }
 function normalizeTheme(theme) {
   return theme === "light" || theme === "dark" ? theme : "system";

package/dist/kernel/components/blocks/toc-client.d.ts

@@ -0,0 +1,40 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+type TocHeading = {
+    id: string;
+    level: number;
+    text: string;
+};
+
+type TocClientProps = {
+    className: string;
+    desktopClassName: string;
+    desktopListClassName?: string;
+    headings: TocHeading[];
+    levels: [number, number];
+    listClassName?: string;
+    mobileClassName: string;
+    mobileQuery: string;
+    readingOffset?: number;
+    title: string;
+    children: ReactNode;
+};
+declare function TocClientProvider({ className, desktopClassName, desktopListClassName, headings, levels, listClassName, mobileClassName, mobileQuery, readingOffset, title, children, }: TocClientProps): react_jsx_runtime.JSX.Element;
+declare function TocDesktop({ children }: {
+    children?: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function TocMobile({ children }: {
+    children?: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function TocMobileHeader({ children }: {
+    children?: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function TocLinksSlot({ className, listClassName, viewport, }: {
+    className?: string;
+    listClassName?: string;
+    viewport?: "desktop" | "mobile";
+}): react_jsx_runtime.JSX.Element;
+declare function TocTitle({ children, className, ...props }: React.ComponentPropsWithoutRef<"span">): react_jsx_runtime.JSX.Element;
+
+export { TocClientProvider, TocDesktop, TocLinksSlot, TocMobile, TocMobileHeader, TocTitle };