@prosekit/react 0.0.0-next-20231120040948 → 0.0.0-next-20240427133255

package/dist/_tsup-dts-rollup.d.ts

@@ -1,192 +1,343 @@
 /// <reference types="react" />
 
-import { AutocompleteEmpty as AutocompleteEmpty_2 } from '@prosekit/lit/autocomplete-empty';
-import { AutocompleteEmptyProps as AutocompleteEmptyProps_2 } from '@prosekit/lit/autocomplete-empty';
-import { AutocompleteItem as AutocompleteItem_2 } from '@prosekit/lit/autocomplete-item';
-import { AutocompleteItemProps as AutocompleteItemProps_2 } from '@prosekit/lit/autocomplete-item';
-import { AutocompleteList as AutocompleteList_2 } from '@prosekit/lit/autocomplete-list';
-import { AutocompleteListProps as AutocompleteListProps_2 } from '@prosekit/lit/autocomplete-list';
-import { AutocompletePopover as AutocompletePopover_2 } from '@prosekit/lit/autocomplete-popover';
-import { AutocompletePopoverProps as AutocompletePopoverProps_2 } from '@prosekit/lit/autocomplete-popover';
-import { ComboBox as ComboBox_2 } from '@prosekit/lit/combo-box';
-import { ComboBoxInput as ComboBoxInput_2 } from '@prosekit/lit/combo-box-input';
-import { ComboBoxInputProps as ComboBoxInputProps_2 } from '@prosekit/lit/combo-box-input';
-import { ComboBoxItem as ComboBoxItem_2 } from '@prosekit/lit/combo-box-item';
-import { ComboBoxItemProps as ComboBoxItemProps_2 } from '@prosekit/lit/combo-box-item';
-import { ComboBoxList as ComboBoxList_2 } from '@prosekit/lit/combo-box-list';
-import { ComboBoxListProps as ComboBoxListProps_2 } from '@prosekit/lit/combo-box-list';
-import { ComboBoxProps as ComboBoxProps_2 } from '@prosekit/lit/combo-box';
+import type { Attrs } from '@prosekit/pm/model';
+import { AutocompleteEmptyElement } from '@prosekit/web/autocomplete';
+import { AutocompleteEmptyProps } from '@prosekit/web/autocomplete';
+import { AutocompleteItemElement } from '@prosekit/web/autocomplete';
+import { AutocompleteItemProps } from '@prosekit/web/autocomplete';
+import { AutocompleteListElement } from '@prosekit/web/autocomplete';
+import { AutocompleteListProps } from '@prosekit/web/autocomplete';
+import { AutocompletePopoverElement } from '@prosekit/web/autocomplete';
+import { AutocompletePopoverProps } from '@prosekit/web/autocomplete';
+import { BaseNodeViewOptions } from '@prosekit/core';
+import { BlockDragHandleElement } from '@prosekit/web/block-handle';
+import { BlockDragHandleProps } from '@prosekit/web/block-handle';
+import { BlockPopoverElement } from '@prosekit/web/block-handle';
+import { BlockPopoverProps } from '@prosekit/web/block-handle';
 import { CommandArgs } from '@prosekit/core';
 import { ComponentType } from 'react';
 import { Context } from 'react';
+import { CoreNodeView } from '@prosemirror-adapter/core';
+import type { CoreNodeViewSpec } from '@prosemirror-adapter/core';
+import type { CoreNodeViewUserOptions } from '@prosemirror-adapter/core';
+import type { Decoration } from '@prosekit/pm/view';
+import type { DecorationSource } from '@prosekit/pm/view';
 import { Editor } from '@prosekit/core';
+import type { EditorState } from '@prosekit/pm/state';
+import type { EditorView } from '@prosekit/pm/view';
 import { Extension } from '@prosekit/core';
 import { ExtensionTyping } from '@prosekit/core';
-import type { ForwardRefExoticComponent } from 'react';
-import { InlinePopover as InlinePopover_2 } from '@prosekit/lit/inline-popover';
-import { InlinePopoverProps as InlinePopoverProps_2 } from '@prosekit/lit/inline-popover';
+import { FC } from 'react';
+import { ForwardRefExoticComponent } from 'react';
+import { HTMLAttributes } from 'react';
+import { InlinePopoverElement } from '@prosekit/web/inline-popover';
+import { InlinePopoverProps } from '@prosekit/web/inline-popover';
 import { Keymap } from '@prosekit/core';
-import type { NodeViewContext } from '@prosemirror-adapter/react';
+import type { Node as Node_2 } from '@prosekit/pm/model';
+import type { NodeViewConstructor } from '@prosekit/pm/view';
 import { Options } from 'tsup';
-import { Popover as Popover_2 } from '@prosekit/lit/popover';
-import { PopoverOptions } from '@prosekit/lit/autocomplete-popover';
-import { PopoverProps as PopoverProps_2 } from '@prosekit/lit/popover';
-import type { PropsWithoutRef } from 'react';
-import { default as React_2 } from 'react';
-import type { RefAttributes } from 'react';
-import type { SimplifyUnion } from '@prosekit/core';
-import { useNodeViewContext } from '@prosemirror-adapter/react';
-import { useNodeViewFactory } from '@prosemirror-adapter/react';
-import { UserProjectConfigExport } from 'vitest/dist/config.js';
-
-declare const AutocompleteEmpty: ForwardRefExoticComponent<PropsWithoutRef<AutocompleteEmptyProps> & RefAttributes<AutocompleteEmpty_2>>;
+import { PopoverContentElement } from '@prosekit/web/popover';
+import { PopoverContentProps } from '@prosekit/web/popover';
+import { PopoverRootElement } from '@prosekit/web/popover';
+import { PopoverRootProps } from '@prosekit/web/popover';
+import { PopoverTriggerElement } from '@prosekit/web/popover';
+import { PopoverTriggerProps } from '@prosekit/web/popover';
+import { Priority } from '@prosekit/core';
+import type { ProseMirrorNode } from '@prosekit/pm/model';
+import { Provider } from 'react';
+import { ReactNode } from 'react';
+import { ReactPortal } from 'react';
+import { RefAttributes } from 'react';
+import { ResizableHandleElement } from '@prosekit/web/resizable';
+import { ResizableHandleProps } from '@prosekit/web/resizable';
+import { ResizableRootElement } from '@prosekit/web/resizable';
+import { ResizableRootProps } from '@prosekit/web/resizable';
+import { TooltipContentElement } from '@prosekit/web/tooltip';
+import { TooltipContentProps } from '@prosekit/web/tooltip';
+import { TooltipRootElement } from '@prosekit/web/tooltip';
+import { TooltipRootProps } from '@prosekit/web/tooltip';
+import { TooltipTriggerElement } from '@prosekit/web/tooltip';
+import { TooltipTriggerProps } from '@prosekit/web/tooltip';
+
+declare const AutocompleteEmpty: ForwardRefExoticComponent<Partial<AutocompleteEmptyProps> & RefAttributes<AutocompleteEmptyElement> & HTMLAttributes<AutocompleteEmptyElement>>;
 export { AutocompleteEmpty }
 export { AutocompleteEmpty as AutocompleteEmpty_alias_1 }
 
-declare type AutocompleteEmptyProps = SimplifyUnion<{
-    className?: string;
-    children?: React_2.ReactNode;
-} & AutocompleteEmptyProps_2>;
-export { AutocompleteEmptyProps }
-export { AutocompleteEmptyProps as AutocompleteEmptyProps_alias_1 }
-
-declare const AutocompleteItem: ForwardRefExoticComponent<PropsWithoutRef<AutocompleteItemProps> & RefAttributes<AutocompleteItem_2>>;
+declare const AutocompleteItem: ForwardRefExoticComponent<Partial<AutocompleteItemProps> & RefAttributes<AutocompleteItemElement> & HTMLAttributes<AutocompleteItemElement>>;
 export { AutocompleteItem }
 export { AutocompleteItem as AutocompleteItem_alias_1 }
 
-declare type AutocompleteItemProps = SimplifyUnion<{
-    className?: string;
-    children?: React_2.ReactNode;
-} & AutocompleteItemProps_2>;
-export { AutocompleteItemProps }
-export { AutocompleteItemProps as AutocompleteItemProps_alias_1 }
-
-declare const AutocompleteList: ForwardRefExoticComponent<PropsWithoutRef<AutocompleteListProps> & RefAttributes<AutocompleteList_2>>;
+declare const AutocompleteList: ForwardRefExoticComponent<Partial<AutocompleteListProps> & RefAttributes<AutocompleteListElement> & HTMLAttributes<AutocompleteListElement>>;
 export { AutocompleteList }
 export { AutocompleteList as AutocompleteList_alias_1 }
 
-declare type AutocompleteListProps = SimplifyUnion<{
-    className?: string;
-    children?: React_2.ReactNode;
-} & AutocompleteListProps_2>;
-export { AutocompleteListProps }
-export { AutocompleteListProps as AutocompleteListProps_alias_1 }
-
-declare const AutocompletePopover: ForwardRefExoticComponent<PropsWithoutRef<AutocompletePopoverProps> & RefAttributes<AutocompletePopover_2>>;
+declare const AutocompletePopover: ForwardRefExoticComponent<Partial<AutocompletePopoverProps> & RefAttributes<AutocompletePopoverElement> & HTMLAttributes<AutocompletePopoverElement>>;
 export { AutocompletePopover }
 export { AutocompletePopover as AutocompletePopover_alias_1 }
 
-declare type AutocompletePopoverProps = SimplifyUnion<{
-    className?: string;
-    children?: React_2.ReactNode;
-} & AutocompletePopoverProps_2>;
-export { AutocompletePopoverProps }
-export { AutocompletePopoverProps as AutocompletePopoverProps_alias_1 }
-
-export declare const ComboBox: ForwardRefExoticComponent<PropsWithoutRef<ComboBoxProps> & RefAttributes<ComboBox_2>>;
-
-export declare const ComboBoxInput: ForwardRefExoticComponent<PropsWithoutRef<ComboBoxInputProps> & RefAttributes<ComboBoxInput_2>>;
+declare const BlockDragHandle: ForwardRefExoticComponent<Partial<BlockDragHandleProps> & RefAttributes<BlockDragHandleElement> & HTMLAttributes<BlockDragHandleElement>>;
+export { BlockDragHandle }
+export { BlockDragHandle as BlockDragHandle_alias_1 }
 
-export declare type ComboBoxInputProps = SimplifyUnion<{
-    className?: string;
-    children?: React_2.ReactNode;
-} & ComboBoxInputProps_2>;
+declare const BlockPopover: ForwardRefExoticComponent<Partial<BlockPopoverProps> & RefAttributes<BlockPopoverElement> & HTMLAttributes<BlockPopoverElement>>;
+export { BlockPopover }
+export { BlockPopover as BlockPopover_alias_1 }
 
-export declare const ComboBoxItem: ForwardRefExoticComponent<PropsWithoutRef<ComboBoxItemProps> & RefAttributes<ComboBoxItem_2>>;
+export declare function createComponent<Props extends object, CustomElement extends HTMLElement>(tagName: string, displayName: string, defaultProps: Props): ForwardRefExoticComponent<Partial<Props> & RefAttributes<CustomElement> & HTMLAttributes<CustomElement>>;
 
-export declare type ComboBoxItemProps = SimplifyUnion<{
-    className?: string;
-    children?: React_2.ReactNode;
-} & ComboBoxItemProps_2>;
+export declare const createNodeViewContext: Context<NodeViewFactory | null>;
 
-export declare const ComboBoxList: ForwardRefExoticComponent<PropsWithoutRef<ComboBoxListProps> & RefAttributes<ComboBoxList_2>>;
-
-export declare type ComboBoxListProps = SimplifyUnion<{
-    className?: string;
-    children?: React_2.ReactNode;
-} & ComboBoxListProps_2>;
-
-export declare type ComboBoxProps = SimplifyUnion<{
-    className?: string;
-    children?: React_2.ReactNode;
-} & ComboBoxProps_2>;
+declare type CreateReactNodeView = ReturnType<typeof useReactNodeViewCreator>;
+export { CreateReactNodeView }
+export { CreateReactNodeView as CreateReactNodeView_alias_1 }
 
 export declare const default_alias: Options | Options[] | ((overrideOptions: Options) => Options | Options[] | Promise<Options | Options[]>);
 
-export declare const default_alias_1: UserProjectConfigExport;
-
+export declare const default_alias_1: {
+    test: {
+        environment: "jsdom";
+    };
+};
+
+/**
+ * Defines a node view using a React component.
+ *
+ * @public
+ */
 declare function defineReactNodeView(options: ReactNodeViewOptions): Extension;
 export { defineReactNodeView }
 export { defineReactNodeView as defineReactNodeView_alias_1 }
 
-export declare function defineReactNodeViewRenderer({ nodeViewFactory, }: {
-    nodeViewFactory: ReturnType<typeof useNodeViewFactory>;
-}): Extension<ExtensionTyping<string, string, CommandArgs>>;
-
-export declare interface EditorContext {
-    editor: Editor;
-}
-
-export declare const editorContext: Context<EditorContext | null>;
-
-export declare const InlinePopover: ForwardRefExoticComponent<PropsWithoutRef<InlinePopoverProps> & RefAttributes<InlinePopover_2>>;
-
-export declare type InlinePopoverProps = SimplifyUnion<{
-    className?: string;
-    children?: React_2.ReactNode;
-} & InlinePopoverProps_2>;
-
-export declare const Popover: ForwardRefExoticComponent<PropsWithoutRef<PopoverProps> & RefAttributes<Popover_2>>;
-
-export { PopoverOptions }
-
-export declare type PopoverProps = SimplifyUnion<{
-    className?: string;
-    children?: React_2.ReactNode;
-} & PopoverProps_2>;
-
+/**
+ * @internal
+ */
+export declare function defineReactNodeViewFactory(nodeViewFactory: NodeViewFactory): Extension<ExtensionTyping<string, string, CommandArgs>>;
+
+/**
+ * @internal
+ */
+export declare const EditorContextProvider: Provider<Editor<any> | null>;
+
+declare const InlinePopover: ForwardRefExoticComponent<Partial<InlinePopoverProps> & RefAttributes<InlinePopoverElement> & HTMLAttributes<InlinePopoverElement>>;
+export { InlinePopover }
+export { InlinePopover as InlinePopover_alias_1 }
+
+export declare type NodeViewFactory = (options: ReactNodeViewUserOptions) => NodeViewConstructor;
+
+declare const PopoverContent: ForwardRefExoticComponent<Partial<PopoverContentProps> & RefAttributes<PopoverContentElement> & HTMLAttributes<PopoverContentElement>>;
+export { PopoverContent }
+export { PopoverContent as PopoverContent_alias_1 }
+
+declare const PopoverRoot: ForwardRefExoticComponent<Partial<PopoverRootProps> & RefAttributes<PopoverRootElement> & HTMLAttributes<PopoverRootElement>>;
+export { PopoverRoot }
+export { PopoverRoot as PopoverRoot_alias_1 }
+
+declare const PopoverTrigger: ForwardRefExoticComponent<Partial<PopoverTriggerProps> & RefAttributes<PopoverTriggerElement> & HTMLAttributes<PopoverTriggerElement>>;
+export { PopoverTrigger }
+export { PopoverTrigger as PopoverTrigger_alias_1 }
+
+/**
+ * @internal
+ */
+declare type PropsWithClassName<P = unknown> = P & {
+    className?: string | undefined;
+};
+export { PropsWithClassName }
+export { PropsWithClassName as PropsWithClassName_alias_1 }
+
+/**
+ * The root component for a ProseKit editor.
+ *
+ * @public
+ */
 declare const ProseKit: ComponentType<ProseKitProps>;
 export { ProseKit }
 export { ProseKit as ProseKit_alias_1 }
 
 declare interface ProseKitProps {
     editor: Editor;
-    children?: React_2.ReactNode;
+    children?: ReactNode;
 }
 export { ProseKitProps }
 export { ProseKitProps as ProseKitProps_alias_1 }
 
-declare type ReactNodeViewComponentProps = NodeViewContext;
-export { ReactNodeViewComponentProps }
-export { ReactNodeViewComponentProps as ReactNodeViewComponentProps_alias_1 }
+export declare class ReactNodeView extends CoreNodeView<ReactNodeViewComponent> implements ReactRenderer<ReactNodeViewProps> {
+    key: string;
+    context: ReactNodeViewProps;
+    updateContext: () => void;
+    render: () => ReactPortal;
+}
 
-declare interface ReactNodeViewOptions {
+/**
+ * @public
+ */
+declare type ReactNodeViewComponent = ComponentType<ReactNodeViewProps>;
+export { ReactNodeViewComponent }
+export { ReactNodeViewComponent as ReactNodeViewComponent_alias_1 }
+
+/**
+ * Options for {@link defineReactNodeView}.
+ *
+ * @public
+ */
+declare interface ReactNodeViewOptions extends BaseNodeViewOptions {
+    /**
+     * The name of the node type.
+     */
     name: string;
-    component: React.ComponentType<ReactNodeViewComponentProps>;
-    dom?: string | (() => HTMLElement);
-    contentDOM?: string | (() => HTMLElement);
+    /**
+     * The React component to render the node.
+     */
+    component: ReactNodeViewComponent;
 }
 export { ReactNodeViewOptions }
 export { ReactNodeViewOptions as ReactNodeViewOptions_alias_1 }
 
-declare function useEditor<E extends Extension = any>(options?: UseEditorOptions): Editor<E>;
-export { useEditor }
-export { useEditor as useEditor_alias_1 }
+/**
+ * @public
+ */
+declare interface ReactNodeViewProps {
+    contentRef: (node: HTMLElement | null) => void;
+    view: EditorView;
+    getPos: () => number | undefined;
+    setAttrs: (attrs: Attrs) => void;
+    node: Node_2;
+    selected: boolean;
+    decorations: readonly Decoration[];
+    innerDecorations: DecorationSource;
+}
+export { ReactNodeViewProps }
+export { ReactNodeViewProps as ReactNodeViewProps_alias_1 }
 
-declare interface UseEditorOptions {
-    update?: boolean;
+export declare type ReactNodeViewSpec = CoreNodeViewSpec<ReactNodeViewComponent>;
+
+export declare type ReactNodeViewUserOptions = CoreNodeViewUserOptions<ReactNodeViewComponent>;
+
+export declare interface ReactRenderer<Context> {
+    key: string;
+    context: Context;
+    render: () => ReactPortal;
+    updateContext: () => void;
+}
+
+export declare interface ReactRendererResult {
+    readonly portals: Record<string, ReactPortal>;
+    readonly renderReactRenderer: (nodeView: ReactRenderer<unknown>, update?: boolean) => void;
+    readonly removeReactRenderer: (nodeView: ReactRenderer<unknown>) => void;
 }
-export { UseEditorOptions }
-export { UseEditorOptions as UseEditorOptions_alias_1 }
 
-declare function useExtension<T extends Extension = Extension>(extension: T): void;
+export declare const ReactViewsConsumer: FC;
+
+declare const ReactViewsProvider: FC<{
+    children: ReactNode;
+}>;
+export { ReactViewsProvider }
+export { ReactViewsProvider as ReactViewsProvider_alias_1 }
+
+declare const ResizableHandle: ForwardRefExoticComponent<Partial<ResizableHandleProps> & RefAttributes<ResizableHandleElement> & HTMLAttributes<ResizableHandleElement>>;
+export { ResizableHandle }
+export { ResizableHandle as ResizableHandle_alias_1 }
+
+declare const ResizableRoot: ForwardRefExoticComponent<Partial<ResizableRootProps> & RefAttributes<ResizableRootElement> & HTMLAttributes<ResizableRootElement>>;
+export { ResizableRoot }
+export { ResizableRoot as ResizableRoot_alias_1 }
+
+declare const TooltipContent: ForwardRefExoticComponent<Partial<TooltipContentProps> & RefAttributes<TooltipContentElement> & HTMLAttributes<TooltipContentElement>>;
+export { TooltipContent }
+export { TooltipContent as TooltipContent_alias_1 }
+
+declare const TooltipRoot: ForwardRefExoticComponent<Partial<TooltipRootProps> & RefAttributes<TooltipRootElement> & HTMLAttributes<TooltipRootElement>>;
+export { TooltipRoot }
+export { TooltipRoot as TooltipRoot_alias_1 }
+
+declare const TooltipTrigger: ForwardRefExoticComponent<Partial<TooltipTriggerProps> & RefAttributes<TooltipTriggerElement> & HTMLAttributes<TooltipTriggerElement>>;
+export { TooltipTrigger }
+export { TooltipTrigger as TooltipTrigger_alias_1 }
+
+/**
+ * Calls the given handler whenever the editor document changes.
+ *
+ * @public
+ */
+declare function useDocChange(handler: (doc: ProseMirrorNode) => void, options?: UseExtensionOptions): void;
+export { useDocChange }
+export { useDocChange as useDocChange_alias_1 }
+
+/**
+ * Retrieves the editor instance from the nearest ProseKit component.
+ *
+ * @public
+ */
+declare function useEditor<E extends Extension = any>(options?: {
+    /**
+     * Whether to update the component when the editor is mounted or editor state
+     * is updated.
+     *
+     * @default false
+     */
+    update?: boolean;
+}): Editor<E>;
+export { useEditor }
+export { useEditor as useEditor_alias_1 }
+
+/**
+ * @internal
+ */
+export declare function useEditorContext<E extends Extension>(): Editor<E> | null;
+
+/**
+ * @internal
+ */
+export declare function useEditorExtension(editor: Editor | null | undefined, extension: Extension | null): void;
+
+/**
+ * Add an extension to the editor.
+ */
+declare function useExtension(
+/**
+ * The extension to add to the editor. If it changes, the previous
+ * extension will be removed and the new one (if not null) will be added.
+ */
+extension: Extension | null, options?: UseExtensionOptions): void;
 export { useExtension }
 export { useExtension as useExtension_alias_1 }
 
-declare function useKeymap(keymap: Keymap): void;
+declare interface UseExtensionOptions {
+    /**
+     * The editor to add the extension to. If not provided, it will use the
+     * editor from the nearest `ProseKit` component.
+     */
+    editor?: Editor;
+    /**
+     * Optional priority to add the extension with.
+     */
+    priority?: Priority;
+}
+export { UseExtensionOptions }
+export { UseExtensionOptions as UseExtensionOptions_alias_1 }
+
+declare function useKeymap(keymap: Keymap, options?: UseExtensionOptions): void;
 export { useKeymap }
 export { useKeymap as useKeymap_alias_1 }
 
-export { useNodeViewContext }
+export declare function useNodeViewFactory(): NodeViewFactory;
+
+/**
+ * @internal
+ */
+export declare function usePriorityExtension<T extends Extension = Extension>(extension: T | null, priority?: Priority | null): T | null;
+
+export declare function useReactNodeViewCreator(renderReactRenderer: ReactRendererResult['renderReactRenderer'], removeReactRenderer: ReactRendererResult['removeReactRenderer']): (options: ReactNodeViewUserOptions) => NodeViewConstructor;
+
+export declare function useReactRenderer(): ReactRendererResult;
+
+/**
+ * Calls the given handler whenever the editor state changes.
+ *
+ * @public
+ */
+declare function useStateUpdate(handler: (state: EditorState) => void, options?: UseExtensionOptions): void;
+export { useStateUpdate }
+export { useStateUpdate as useStateUpdate_alias_1 }
 
 export { }

package/dist/chunk-BH56NR2Q.js

@@ -0,0 +1,12 @@
+// src/contexts/editor-context.ts
+import { createContext, useContext } from "react";
+var editorContext = createContext(null);
+function useEditorContext() {
+  return useContext(editorContext);
+}
+var EditorContextProvider = editorContext.Provider;
+
+export {
+  useEditorContext,
+  EditorContextProvider
+};

package/dist/chunk-UG3RPLME.js

@@ -0,0 +1,51 @@
+import {
+  useEditorContext
+} from "./chunk-BH56NR2Q.js";
+
+// src/components/create-component.ts
+import {
+  createElement,
+  forwardRef,
+  useLayoutEffect,
+  useState
+} from "react";
+import { mergeRefs } from "react-merge-refs";
+function createComponent(tagName, displayName, defaultProps) {
+  const propertyNames = Object.keys(defaultProps);
+  const hasEditor = Object.hasOwn(defaultProps, "editor");
+  const Component = forwardRef((props, ref) => {
+    const [el, setEl] = useState(null);
+    const properties = {};
+    const attributes = {};
+    for (const [name, value] of Object.entries(props)) {
+      if (propertyNames.includes(name)) {
+        properties[name] = value;
+      } else {
+        attributes[name === "className" ? "class" : name] = value;
+      }
+    }
+    const editor = useEditorContext();
+    if (hasEditor && editor && !properties["editor"]) {
+      properties["editor"] = editor;
+    }
+    useLayoutEffect(() => {
+      if (el) {
+        for (const [name, value] of Object.entries(properties)) {
+          if (value !== void 0) {
+            el[name] = value;
+          }
+        }
+      }
+    }, [el, ...propertyNames.map((name) => properties[name])]);
+    return createElement(tagName, {
+      ...attributes,
+      ref: mergeRefs([ref, setEl])
+    });
+  });
+  Component.displayName = displayName;
+  return Component;
+}
+
+export {
+  createComponent
+};

package/dist/prosekit-react-autocomplete.d.ts

@@ -0,0 +1,4 @@
+export { AutocompleteEmpty_alias_1 as AutocompleteEmpty } from './_tsup-dts-rollup';
+export { AutocompleteItem_alias_1 as AutocompleteItem } from './_tsup-dts-rollup';
+export { AutocompleteList_alias_1 as AutocompleteList } from './_tsup-dts-rollup';
+export { AutocompletePopover_alias_1 as AutocompletePopover } from './_tsup-dts-rollup';

package/dist/prosekit-react-autocomplete.js

@@ -0,0 +1,50 @@
+import {
+  createComponent
+} from "./chunk-UG3RPLME.js";
+import "./chunk-BH56NR2Q.js";
+
+// src/components/autocomplete/autocomplete-empty.gen.ts
+import {
+  defaultAutocompleteEmptyProps
+} from "@prosekit/web/autocomplete";
+var AutocompleteEmpty = createComponent(
+  "prosekit-autocomplete-empty",
+  "AutocompleteEmpty",
+  defaultAutocompleteEmptyProps
+);
+
+// src/components/autocomplete/autocomplete-item.gen.ts
+import {
+  defaultAutocompleteItemProps
+} from "@prosekit/web/autocomplete";
+var AutocompleteItem = createComponent(
+  "prosekit-autocomplete-item",
+  "AutocompleteItem",
+  defaultAutocompleteItemProps
+);
+
+// src/components/autocomplete/autocomplete-list.gen.ts
+import {
+  defaultAutocompleteListProps
+} from "@prosekit/web/autocomplete";
+var AutocompleteList = createComponent(
+  "prosekit-autocomplete-list",
+  "AutocompleteList",
+  defaultAutocompleteListProps
+);
+
+// src/components/autocomplete/autocomplete-popover.gen.ts
+import {
+  defaultAutocompletePopoverProps
+} from "@prosekit/web/autocomplete";
+var AutocompletePopover = createComponent(
+  "prosekit-autocomplete-popover",
+  "AutocompletePopover",
+  defaultAutocompletePopoverProps
+);
+export {
+  AutocompleteEmpty,
+  AutocompleteItem,
+  AutocompleteList,
+  AutocompletePopover
+};

package/dist/prosekit-react-block-handle.d.ts

@@ -0,0 +1,2 @@
+export { BlockDragHandle_alias_1 as BlockDragHandle } from './_tsup-dts-rollup';
+export { BlockPopover_alias_1 as BlockPopover } from './_tsup-dts-rollup';

package/dist/prosekit-react-block-handle.js

@@ -0,0 +1,28 @@
+import {
+  createComponent
+} from "./chunk-UG3RPLME.js";
+import "./chunk-BH56NR2Q.js";
+
+// src/components/block-handle/block-drag-handle.gen.ts
+import {
+  defaultBlockDragHandleProps
+} from "@prosekit/web/block-handle";
+var BlockDragHandle = createComponent(
+  "prosekit-block-drag-handle",
+  "BlockDragHandle",
+  defaultBlockDragHandleProps
+);
+
+// src/components/block-handle/block-popover.gen.ts
+import {
+  defaultBlockPopoverProps
+} from "@prosekit/web/block-handle";
+var BlockPopover = createComponent(
+  "prosekit-block-popover",
+  "BlockPopover",
+  defaultBlockPopoverProps
+);
+export {
+  BlockDragHandle,
+  BlockPopover
+};

package/dist/prosekit-react-inline-popover.d.ts

@@ -1,2 +1 @@
-export { InlinePopoverProps } from './_tsup-dts-rollup';
 export { InlinePopover } from './_tsup-dts-rollup';