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

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

@@ -1,20 +1,17 @@
-// src/components/block/navigation/next-prev.tsx
-import {
-  FrameworkChevronLeftIcon as ChevronLeft,
-  FrameworkChevronRightIcon as ChevronRight
-} from "@publish.os/nextjs/kernel/framework-icons";
+// src/components/block/page-navigation/next-prev.tsx
+import { CaretLeftIcon, CaretRightIcon } from "@phosphor-icons/react/ssr";
 import { cn } from "@publish.os/nextjs/utils/cn";
 import NextLink from "next/link";
 
-// src/components/block/navigation/page-nodes.ts
+// src/components/block/page-navigation/page-nodes.ts
 function pageNodes(nodes) {
   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";
+// src/components/block/page-navigation/next-prev.tsx
+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(ChevronLeft, { "aria-hidden": "true", size: 14 }) : /* @__PURE__ */ jsx(ChevronRight, { "aria-hidden": "true", size: 14 }) });
+  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 }) });
 }
 function NavigationCard({
   direction,
@@ -25,10 +22,10 @@ function NavigationCard({
     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-stroke [&_*]:!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,
+      href: page.href ?? page.path,
       children: /* @__PURE__ */ jsxs(
         "span",
         {
@@ -60,19 +57,10 @@ function NavigationCard({
 }
 function NextPrev({ className, currentPath, tree }) {
   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(
-        "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
-      ]
-    }
-  ) });
+  return !previous && !next ? null : /* @__PURE__ */ jsx("nav", { "aria-label": "Previous and next pages", className, children: /* @__PURE__ */ jsxs("div", { className: cn("grid gap-4 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/kernel/components/blocks/page-list.d.ts

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

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

@@ -1,13 +1,13 @@
-// src/components/block/navigation/page-list.tsx
-import { Link } from "@publish.os/nextjs/kernel/components/ui/link";
+// src/components/block/page-navigation/page-list.tsx
+import { Link } from "@components/ui/link";
 
-// src/components/block/navigation/page-nodes.ts
+// src/components/block/page-navigation/page-nodes.ts
 function pageNodes(nodes) {
   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";
+// src/components/block/page-navigation/page-list.tsx
+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) => {
@@ -17,8 +17,9 @@ function PageList({ tree, currentPath, className }) {
       {
         active,
         color: active ? "accent" : "default",
-        href: page.path,
+        href: page.href ?? page.path,
         size: "sm",
+        target: "_self",
         children: page.title
       }
     ) }, `${page.group}:${page.fileID}`);

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

@@ -1,10 +1,41 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { B as ButtonVariantProps } from '../../../button-CFdx-ohV.js';
-import { ReactNode, ReactElement } from 'react';
-import 'class-variance-authority/types';
-import 'class-variance-authority';
+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-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';
+import { VariantProps } from 'class-variance-authority';
 
-type SearchBlockVariant = "desktop" | "mobile";
+type SearchSubResult = {
+    excerpt: string;
+    plainExcerpt: string;
+    title: string;
+    url: string;
+};
+type SearchResult = {
+    excerpt: string;
+    id: string;
+    meta: {
+        author?: string;
+        description?: string;
+        group?: string;
+        image?: string;
+        nodeId?: string;
+        path?: string;
+        publishedAt?: string;
+        section?: string;
+        tags?: string;
+        title?: string;
+        updatedAt?: string;
+    };
+    plainExcerpt: string;
+    score?: number;
+    subResults: SearchSubResult[];
+    title: string;
+    url: string;
+};
 
 type SearchProviderProps = {
     children?: ReactNode;
@@ -12,77 +43,71 @@ type SearchProviderProps = {
     limit?: number;
     onOpenChange?: (open: boolean) => void;
     open?: boolean;
-    shortcut?: string;
-    variant?: SearchBlockVariant;
+    shortcut?: string | false;
+};
+declare function SearchProvider({ children, defaultOpen, limit, onOpenChange, open: controlledOpen, shortcut, }: SearchProviderProps): react_jsx_runtime.JSX.Element;
+
+type DialogPortalProps = ComponentPropsWithRef<typeof Dialog.Portal>;
+
+declare const inputVariants: (props?: ({
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    variant?: "ghost" | "default" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type InputProps = ComponentPropsWithoutRef<typeof Input> & VariantProps<typeof inputVariants>;
+
+type SearchResultsProps = Omit<ComponentPropsWithRef<"div">, "children"> & {
+    children?: (result: SearchResult) => ReactNode;
+    emptyText?: string;
+    itemClassName?: string;
 };
+declare function SearchResults({ children, className, emptyText, itemClassName, ...props }: SearchResultsProps): react_jsx_runtime.JSX.Element | null;
+type SearchFooterProps = ComponentPropsWithRef<"div">;
+declare function SearchFooter({ children, className, ...props }: SearchFooterProps): react_jsx_runtime.JSX.Element | null;
 
 declare function SearchProgressBar({ className }: {
     className?: string;
 }): react_jsx_runtime.JSX.Element;
-type SearchRootProps = SearchProviderProps & {
-    children?: ReactNode;
-    className?: string;
-};
-declare function Root({ children, className, ...providerProps }: SearchRootProps): react_jsx_runtime.JSX.Element;
-type SearchTriggerProps = {
-    asChild?: boolean;
-    children?: ReactElement<{
-        "aria-controls"?: string;
-        "aria-expanded"?: boolean;
-        className?: string;
-    }>;
-    className?: string;
+
+type SearchTriggerProps = ButtonProps & {
     icon?: ReactNode;
     placeholder?: string;
-    shortcut?: string;
+    render?: useRender.RenderProp<{
+        open: boolean;
+    }>;
     shortcutClassName?: string;
-    showIcon?: boolean;
-    showShortcut?: boolean;
-    size?: ButtonVariantProps["size"];
-    variant?: ButtonVariantProps["variant"];
 };
-declare function Trigger({ asChild, children, className, icon, placeholder, shortcut, shortcutClassName, showIcon, showShortcut, size, variant, }: SearchTriggerProps): react_jsx_runtime.JSX.Element;
+declare function Trigger({ children, className, icon, placeholder, ref, render, shortcutClassName, size, variant, ...props }: SearchTriggerProps): react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
 type SearchDialogProps = {
     children?: ReactNode;
     className?: string;
+    container?: DialogPortalProps["container"];
     description?: string;
+    mobileQuery?: string;
     title?: string;
 };
-declare function DialogContent({ children, className, description, title, }: SearchDialogProps): react_jsx_runtime.JSX.Element;
-type SearchInputProps = {
-    className?: string;
+declare function DialogContent({ children, className, container, description, mobileQuery, title, }: SearchDialogProps): react_jsx_runtime.JSX.Element;
+type SearchInputProps = Omit<InputProps, "value" | "defaultValue" | "onValueChange"> & {
+    ref?: ComponentPropsWithRef<"input">["ref"];
     closeClassName?: string;
     closeLabel?: ReactNode;
-    placeholder?: string;
+    icon?: ReactNode;
     rootClassName?: string;
     showCloseShortcut?: boolean;
 };
-declare function SearchInputField({ className, closeClassName, closeLabel, placeholder, rootClassName, showCloseShortcut, }: SearchInputProps): react_jsx_runtime.JSX.Element;
-type SearchResultsProps = {
-    className?: string;
-    emptyText?: string;
-};
-declare function SearchResults({ className, emptyText, }: SearchResultsProps): react_jsx_runtime.JSX.Element;
-type SearchCommandProps = {
-    children?: ReactNode;
-    className?: string;
-};
-declare function Command({ children, className }?: SearchCommandProps): react_jsx_runtime.JSX.Element;
-type SearchDefaultProps = Omit<SearchRootProps, "variant">;
-declare function DefaultDesktop({ children, ...rootProps }: SearchDefaultProps): react_jsx_runtime.JSX.Element;
-declare function DefaultMobile({ children, ...rootProps }: SearchDefaultProps): react_jsx_runtime.JSX.Element;
-declare const Search: {
-    Command: typeof Command;
-    DefaultDesktop: typeof DefaultDesktop;
-    DefaultMobile: typeof DefaultMobile;
-    DesktopDialog: typeof DialogContent;
-    Dialog: typeof DialogContent;
-    Input: typeof SearchInputField;
-    MobileDialog: typeof DialogContent;
-    Progress: typeof SearchProgressBar;
-    Results: typeof SearchResults;
-    Root: typeof Root;
-    Trigger: typeof Trigger;
-};
+declare function SearchInputField({ className, closeClassName, closeLabel, icon, onChange, onKeyDown, placeholder, ref, rootClassName, showCloseShortcut, ...props }: SearchInputProps): react_jsx_runtime.JSX.Element;
+type SearchCommandProps = ComponentPropsWithRef<"div">;
+declare function Command({ children, className, ...props }?: SearchCommandProps): react_jsx_runtime.JSX.Element;
+type SearchProps = Omit<SearchProviderProps, "children">;
+declare function Search(props: SearchProps): react_jsx_runtime.JSX.Element;
+declare namespace Search {
+    var Root: typeof SearchProvider;
+    var Trigger: typeof Trigger;
+    var Dialog: typeof DialogContent;
+    var Command: typeof Command;
+    var Input: typeof SearchInputField;
+    var Progress: typeof SearchProgressBar;
+    var Results: typeof SearchResults;
+    var Footer: typeof SearchFooter;
+}
 
-export { Command, DefaultDesktop, DefaultMobile, DialogContent as Dialog, SearchInputField as Input, SearchProgressBar as Progress, SearchResults as Results, Root, Search, type SearchCommandProps, type SearchDefaultProps, type SearchDialogProps, type SearchInputProps, type SearchResultsProps, type SearchTriggerProps, Trigger };
+export { Command, DialogContent as Dialog, SearchFooter as Footer, SearchInputField as Input, SearchProgressBar as Progress, SearchResults as Results, SearchProvider as Root, Search, type SearchCommandProps, type SearchDialogProps, type SearchFooterProps, type SearchInputProps, type SearchProps, type SearchResultsProps, type SearchTriggerProps, Trigger };