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

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

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