@prosekit/react 0.2.6 → 0.3.0

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

@@ -1,25 +1,19 @@
 /// <reference types="react" />
 
 import type { Attrs } from '@prosekit/pm/model';
-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 { 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 { BlockPopover as BlockPopover_2 } from '@prosekit/lit/block-popover';
-import { BlockPopoverProps as BlockPopoverProps_2 } from '@prosekit/lit/block-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 { 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';
@@ -28,85 +22,68 @@ 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 { DragHandle as DragHandle_2 } from '@prosekit/lit/drag-handle';
-import { DragHandleProps as DragHandleProps_2 } from '@prosekit/lit/drag-handle';
 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 { FC } from 'react';
-import { InlinePopover as InlinePopover_2 } from '@prosekit/lit/inline-popover';
-import { InlinePopoverProps as InlinePopoverProps_2 } from '@prosekit/lit/inline-popover';
+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 { 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 { PopoverProps as PopoverProps_2 } from '@prosekit/lit/popover';
-import { PositioningOptions } from '@prosekit/lit/autocomplete-popover';
+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 { default as React_2 } from 'react';
 import { ReactNode } from 'react';
 import { ReactPortal } from 'react';
-import { Resizable as Resizable_2 } from '@prosekit/lit/resizable';
-import { ResizableHandle as ResizableHandle_2 } from '@prosekit/lit/resizable-handle';
-import { ResizableHandleProps as ResizableHandleProps_2 } from '@prosekit/lit/resizable-handle';
-import { ResizableProps as ResizableProps_2 } from '@prosekit/lit/resizable';
-
-declare const AutocompleteEmpty: React_2.ComponentType<AutocompleteEmptyProps & React_2.RefAttributes<AutocompleteEmpty_2>>;
+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 = React_2.PropsWithChildren<PropsWithClassName<AutocompleteEmptyProps_2>>;
-export { AutocompleteEmptyProps }
-export { AutocompleteEmptyProps as AutocompleteEmptyProps_alias_1 }
-
-declare const AutocompleteItem: React_2.ComponentType<AutocompleteItemProps & React_2.RefAttributes<AutocompleteItem_2>>;
+declare const AutocompleteItem: ForwardRefExoticComponent<Partial<AutocompleteItemProps> & RefAttributes<AutocompleteItemElement> & HTMLAttributes<AutocompleteItemElement>>;
 export { AutocompleteItem }
 export { AutocompleteItem as AutocompleteItem_alias_1 }
 
-declare type AutocompleteItemProps = React_2.PropsWithChildren<PropsWithClassName<AutocompleteItemProps_2>>;
-export { AutocompleteItemProps }
-export { AutocompleteItemProps as AutocompleteItemProps_alias_1 }
-
-declare const AutocompleteList: React_2.ComponentType<AutocompleteListProps & React_2.RefAttributes<AutocompleteList_2>>;
+declare const AutocompleteList: ForwardRefExoticComponent<Partial<AutocompleteListProps> & RefAttributes<AutocompleteListElement> & HTMLAttributes<AutocompleteListElement>>;
 export { AutocompleteList }
 export { AutocompleteList as AutocompleteList_alias_1 }
 
-declare type AutocompleteListProps = React_2.PropsWithChildren<PropsWithClassName<AutocompleteListProps_2>>;
-export { AutocompleteListProps }
-export { AutocompleteListProps as AutocompleteListProps_alias_1 }
-
-declare const AutocompletePopover: React_2.ComponentType<AutocompletePopoverProps & React_2.RefAttributes<AutocompletePopover_2>>;
+declare const AutocompletePopover: ForwardRefExoticComponent<Partial<AutocompletePopoverProps> & RefAttributes<AutocompletePopoverElement> & HTMLAttributes<AutocompletePopoverElement>>;
 export { AutocompletePopover }
 export { AutocompletePopover as AutocompletePopover_alias_1 }
 
-declare type AutocompletePopoverProps = React_2.PropsWithChildren<PropsWithClassName<AutocompletePopoverProps_2>>;
-export { AutocompletePopoverProps }
-export { AutocompletePopoverProps as AutocompletePopoverProps_alias_1 }
-
-export declare const BlockPopover: React_2.ComponentType<BlockPopoverProps & React_2.RefAttributes<BlockPopover_2>>;
-
-export declare type BlockPopoverProps = React_2.PropsWithChildren<PropsWithClassName<BlockPopoverProps_2>>;
-
-export declare const ComboBox: React_2.ComponentType<ComboBoxProps & React_2.RefAttributes<ComboBox_2>>;
-
-export declare const ComboBoxInput: React_2.ComponentType<ComboBoxInputProps & React_2.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 = React_2.PropsWithChildren<PropsWithClassName<ComboBoxInputProps_2>>;
+declare const BlockPopover: ForwardRefExoticComponent<Partial<BlockPopoverProps> & RefAttributes<BlockPopoverElement> & HTMLAttributes<BlockPopoverElement>>;
+export { BlockPopover }
+export { BlockPopover as BlockPopover_alias_1 }
 
-export declare const ComboBoxItem: React_2.ComponentType<ComboBoxItemProps & React_2.RefAttributes<ComboBoxItem_2>>;
-
-export declare type ComboBoxItemProps = React_2.PropsWithChildren<PropsWithClassName<ComboBoxItemProps_2>>;
-
-export declare const ComboBoxList: React_2.ComponentType<ComboBoxListProps & React_2.RefAttributes<ComboBoxList_2>>;
-
-export declare type ComboBoxListProps = React_2.PropsWithChildren<PropsWithClassName<ComboBoxListProps_2>>;
-
-export declare type ComboBoxProps = React_2.PropsWithChildren<PropsWithClassName<ComboBoxProps_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 const createNodeViewContext: Context<NodeViewFactory | null>;
 
@@ -136,26 +113,28 @@ export { defineReactNodeView as defineReactNodeView_alias_1 }
  */
 export declare function defineReactNodeViewFactory(nodeViewFactory: NodeViewFactory): Extension<ExtensionTyping<string, string, CommandArgs>>;
 
-export declare const DragHandle: React_2.ComponentType<DragHandleProps & React_2.RefAttributes<DragHandle_2>>;
-
-export declare type DragHandleProps = React_2.PropsWithChildren<PropsWithClassName<DragHandleProps_2>>;
-
 /**
  * @internal
  */
 export declare const EditorContextProvider: Provider<Editor<any> | null>;
 
-export declare const InlinePopover: React_2.ComponentType<InlinePopoverProps & React_2.RefAttributes<InlinePopover_2>>;
-
-export declare type InlinePopoverProps = React_2.PropsWithChildren<PropsWithClassName<InlinePopoverProps_2>>;
+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;
 
-export declare const Popover: React_2.ComponentType<PopoverProps & React_2.RefAttributes<Popover_2>>;
+declare const PopoverContent: ForwardRefExoticComponent<Partial<PopoverContentProps> & RefAttributes<PopoverContentElement> & HTMLAttributes<PopoverContentElement>>;
+export { PopoverContent }
+export { PopoverContent as PopoverContent_alias_1 }
 
-export declare type PopoverProps = React_2.PropsWithChildren<PropsWithClassName<PopoverProps_2>>;
+declare const PopoverRoot: ForwardRefExoticComponent<Partial<PopoverRootProps> & RefAttributes<PopoverRootElement> & HTMLAttributes<PopoverRootElement>>;
+export { PopoverRoot }
+export { PopoverRoot as PopoverRoot_alias_1 }
 
-export { PositioningOptions }
+declare const PopoverTrigger: ForwardRefExoticComponent<Partial<PopoverTriggerProps> & RefAttributes<PopoverTriggerElement> & HTMLAttributes<PopoverTriggerElement>>;
+export { PopoverTrigger }
+export { PopoverTrigger as PopoverTrigger_alias_1 }
 
 /**
  * @internal
@@ -255,13 +234,25 @@ declare const ReactViewsProvider: FC<{
 export { ReactViewsProvider }
 export { ReactViewsProvider as ReactViewsProvider_alias_1 }
 
-export declare const Resizable: React_2.ComponentType<ResizableProps & React_2.RefAttributes<Resizable_2>>;
+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 }
 
-export declare const ResizableHandle: React_2.ComponentType<ResizableHandleProps & React_2.RefAttributes<ResizableHandle_2>>;
+declare const TooltipContent: ForwardRefExoticComponent<Partial<TooltipContentProps> & RefAttributes<TooltipContentElement> & HTMLAttributes<TooltipContentElement>>;
+export { TooltipContent }
+export { TooltipContent as TooltipContent_alias_1 }
 
-export declare type ResizableHandleProps = React_2.PropsWithChildren<PropsWithClassName<ResizableHandleProps_2>>;
+declare const TooltipRoot: ForwardRefExoticComponent<Partial<TooltipRootProps> & RefAttributes<TooltipRootElement> & HTMLAttributes<TooltipRootElement>>;
+export { TooltipRoot }
+export { TooltipRoot as TooltipRoot_alias_1 }
 
-export declare type ResizableProps = React_2.PropsWithChildren<PropsWithClassName<ResizableProps_2>>;
+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.

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';

package/dist/prosekit-react-inline-popover.js

@@ -1,17 +1,17 @@
-// src/components/inline-popover.gen.ts
-import { createComponent } from "@lit/react";
-import { InlinePopover as InlinePopoverElement } from "@prosekit/lit/inline-popover";
-import React from "react";
-var InlinePopoverInner = createComponent({
-  tagName: "prosekit-inline-popover",
-  elementClass: InlinePopoverElement,
-  react: React,
-  displayName: "InlinePopoverInner"
-});
-var InlinePopover = React.forwardRef((props, ref) => {
-  return React.createElement(InlinePopoverInner, { ...props, ref });
-});
-InlinePopover.displayName = "InlinePopover";
+import {
+  createComponent
+} from "./chunk-UG3RPLME.js";
+import "./chunk-BH56NR2Q.js";
+
+// src/components/inline-popover/inline-popover.gen.ts
+import {
+  defaultInlinePopoverProps
+} from "@prosekit/web/inline-popover";
+var InlinePopover = createComponent(
+  "prosekit-inline-popover",
+  "InlinePopover",
+  defaultInlinePopoverProps
+);
 export {
   InlinePopover
 };

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

@@ -1,2 +1,3 @@
-export { PopoverProps } from './_tsup-dts-rollup';
-export { Popover } from './_tsup-dts-rollup';
+export { PopoverContent } from './_tsup-dts-rollup';
+export { PopoverRoot } from './_tsup-dts-rollup';
+export { PopoverTrigger } from './_tsup-dts-rollup';

package/dist/prosekit-react-popover.js

@@ -1,17 +1,39 @@
-// src/components/popover.gen.ts
-import { createComponent } from "@lit/react";
-import { Popover as PopoverElement } from "@prosekit/lit/popover";
-import React from "react";
-var PopoverInner = createComponent({
-  tagName: "prosekit-popover",
-  elementClass: PopoverElement,
-  react: React,
-  displayName: "PopoverInner"
-});
-var Popover = React.forwardRef((props, ref) => {
-  return React.createElement(PopoverInner, { ...props, ref });
-});
-Popover.displayName = "Popover";
+import {
+  createComponent
+} from "./chunk-UG3RPLME.js";
+import "./chunk-BH56NR2Q.js";
+
+// src/components/popover/popover-content.gen.ts
+import {
+  defaultPopoverContentProps
+} from "@prosekit/web/popover";
+var PopoverContent = createComponent(
+  "prosekit-popover-content",
+  "PopoverContent",
+  defaultPopoverContentProps
+);
+
+// src/components/popover/popover-root.gen.ts
+import {
+  defaultPopoverRootProps
+} from "@prosekit/web/popover";
+var PopoverRoot = createComponent(
+  "prosekit-popover-root",
+  "PopoverRoot",
+  defaultPopoverRootProps
+);
+
+// src/components/popover/popover-trigger.gen.ts
+import {
+  defaultPopoverTriggerProps
+} from "@prosekit/web/popover";
+var PopoverTrigger = createComponent(
+  "prosekit-popover-trigger",
+  "PopoverTrigger",
+  defaultPopoverTriggerProps
+);
 export {
-  Popover
+  PopoverContent,
+  PopoverRoot,
+  PopoverTrigger
 };

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

@@ -1,2 +1,2 @@
-export { ResizableProps } from './_tsup-dts-rollup';
-export { Resizable } from './_tsup-dts-rollup';
+export { ResizableHandle } from './_tsup-dts-rollup';
+export { ResizableRoot } from './_tsup-dts-rollup';

package/dist/prosekit-react-resizable.js

@@ -1,17 +1,28 @@
-// src/components/resizable.gen.ts
-import { createComponent } from "@lit/react";
-import { Resizable as ResizableElement } from "@prosekit/lit/resizable";
-import React from "react";
-var ResizableInner = createComponent({
-  tagName: "prosekit-resizable",
-  elementClass: ResizableElement,
-  react: React,
-  displayName: "ResizableInner"
-});
-var Resizable = React.forwardRef((props, ref) => {
-  return React.createElement(ResizableInner, { ...props, ref });
-});
-Resizable.displayName = "Resizable";
+import {
+  createComponent
+} from "./chunk-UG3RPLME.js";
+import "./chunk-BH56NR2Q.js";
+
+// src/components/resizable/resizable-handle.gen.ts
+import {
+  defaultResizableHandleProps
+} from "@prosekit/web/resizable";
+var ResizableHandle = createComponent(
+  "prosekit-resizable-handle",
+  "ResizableHandle",
+  defaultResizableHandleProps
+);
+
+// src/components/resizable/resizable-root.gen.ts
+import {
+  defaultResizableRootProps
+} from "@prosekit/web/resizable";
+var ResizableRoot = createComponent(
+  "prosekit-resizable-root",
+  "ResizableRoot",
+  defaultResizableRootProps
+);
 export {
-  Resizable
+  ResizableHandle,
+  ResizableRoot
 };

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

@@ -0,0 +1,3 @@
+export { TooltipContent } from './_tsup-dts-rollup';
+export { TooltipRoot } from './_tsup-dts-rollup';
+export { TooltipTrigger } from './_tsup-dts-rollup';

package/dist/prosekit-react-tooltip.js

@@ -0,0 +1,39 @@
+import {
+  createComponent
+} from "./chunk-UG3RPLME.js";
+import "./chunk-BH56NR2Q.js";
+
+// src/components/tooltip/tooltip-content.gen.ts
+import {
+  defaultTooltipContentProps
+} from "@prosekit/web/tooltip";
+var TooltipContent = createComponent(
+  "prosekit-tooltip-content",
+  "TooltipContent",
+  defaultTooltipContentProps
+);
+
+// src/components/tooltip/tooltip-root.gen.ts
+import {
+  defaultTooltipRootProps
+} from "@prosekit/web/tooltip";
+var TooltipRoot = createComponent(
+  "prosekit-tooltip-root",
+  "TooltipRoot",
+  defaultTooltipRootProps
+);
+
+// src/components/tooltip/tooltip-trigger.gen.ts
+import {
+  defaultTooltipTriggerProps
+} from "@prosekit/web/tooltip";
+var TooltipTrigger = createComponent(
+  "prosekit-tooltip-trigger",
+  "TooltipTrigger",
+  defaultTooltipTriggerProps
+);
+export {
+  TooltipContent,
+  TooltipRoot,
+  TooltipTrigger
+};

package/dist/prosekit-react.js

@@ -1,15 +1,12 @@
+import {
+  EditorContextProvider,
+  useEditorContext
+} from "./chunk-BH56NR2Q.js";
+
 // src/components/prosekit.ts
 import "@prosekit/core";
 import { createElement as createElement3 } from "react";
 
-// src/contexts/editor-context.ts
-import { createContext, useContext } from "react";
-var editorContext = createContext(null);
-function useEditorContext() {
-  return useContext(editorContext);
-}
-var EditorContextProvider = editorContext.Provider;
-
 // src/views/react-views-consumer.ts
 import { useMemo as useMemo2 } from "react";
 
@@ -60,19 +57,19 @@ function usePriorityExtension(extension, priority) {
 
 // src/hooks/use-extension.ts
 function useExtension(extension, options) {
-  const editorContext2 = useEditorContext();
+  const editorContext = useEditorContext();
   useEditorExtension(
-    (options == null ? void 0 : options.editor) || editorContext2,
+    (options == null ? void 0 : options.editor) || editorContext,
     usePriorityExtension(extension, options == null ? void 0 : options.priority)
   );
 }
 
 // src/views/node-view/node-view-context.ts
 import { ProseKitError } from "@prosekit/core";
-import { createContext as createContext2, useContext as useContext2 } from "react";
-var createNodeViewContext = createContext2(null);
+import { createContext, useContext } from "react";
+var createNodeViewContext = createContext(null);
 function useNodeViewFactory() {
-  const nodeViewFactory = useContext2(createNodeViewContext);
+  const nodeViewFactory = useContext(createNodeViewContext);
   if (!nodeViewFactory) {
     throw new ProseKitError("Cannot find node view factory context.");
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/react",
   "type": "module",
-  "version": "0.2.6",
+  "version": "0.3.0",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -30,55 +30,15 @@
       "import": "./dist/prosekit-react.js",
       "default": "./dist/prosekit-react.js"
     },
-    "./autocomplete-empty": {
-      "types": "./dist/prosekit-react-autocomplete-empty.d.ts",
-      "import": "./dist/prosekit-react-autocomplete-empty.js",
-      "default": "./dist/prosekit-react-autocomplete-empty.js"
+    "./autocomplete": {
+      "types": "./dist/prosekit-react-autocomplete.d.ts",
+      "import": "./dist/prosekit-react-autocomplete.js",
+      "default": "./dist/prosekit-react-autocomplete.js"
     },
-    "./autocomplete-item": {
-      "types": "./dist/prosekit-react-autocomplete-item.d.ts",
-      "import": "./dist/prosekit-react-autocomplete-item.js",
-      "default": "./dist/prosekit-react-autocomplete-item.js"
-    },
-    "./autocomplete-list": {
-      "types": "./dist/prosekit-react-autocomplete-list.d.ts",
-      "import": "./dist/prosekit-react-autocomplete-list.js",
-      "default": "./dist/prosekit-react-autocomplete-list.js"
-    },
-    "./autocomplete-popover": {
-      "types": "./dist/prosekit-react-autocomplete-popover.d.ts",
-      "import": "./dist/prosekit-react-autocomplete-popover.js",
-      "default": "./dist/prosekit-react-autocomplete-popover.js"
-    },
-    "./block-popover": {
-      "types": "./dist/prosekit-react-block-popover.d.ts",
-      "import": "./dist/prosekit-react-block-popover.js",
-      "default": "./dist/prosekit-react-block-popover.js"
-    },
-    "./combo-box": {
-      "types": "./dist/prosekit-react-combo-box.d.ts",
-      "import": "./dist/prosekit-react-combo-box.js",
-      "default": "./dist/prosekit-react-combo-box.js"
-    },
-    "./combo-box-input": {
-      "types": "./dist/prosekit-react-combo-box-input.d.ts",
-      "import": "./dist/prosekit-react-combo-box-input.js",
-      "default": "./dist/prosekit-react-combo-box-input.js"
-    },
-    "./combo-box-item": {
-      "types": "./dist/prosekit-react-combo-box-item.d.ts",
-      "import": "./dist/prosekit-react-combo-box-item.js",
-      "default": "./dist/prosekit-react-combo-box-item.js"
-    },
-    "./combo-box-list": {
-      "types": "./dist/prosekit-react-combo-box-list.d.ts",
-      "import": "./dist/prosekit-react-combo-box-list.js",
-      "default": "./dist/prosekit-react-combo-box-list.js"
-    },
-    "./drag-handle": {
-      "types": "./dist/prosekit-react-drag-handle.d.ts",
-      "import": "./dist/prosekit-react-drag-handle.js",
-      "default": "./dist/prosekit-react-drag-handle.js"
+    "./block-handle": {
+      "types": "./dist/prosekit-react-block-handle.d.ts",
+      "import": "./dist/prosekit-react-block-handle.js",
+      "default": "./dist/prosekit-react-block-handle.js"
     },
     "./inline-popover": {
       "types": "./dist/prosekit-react-inline-popover.d.ts",
@@ -95,21 +55,23 @@
       "import": "./dist/prosekit-react-resizable.js",
       "default": "./dist/prosekit-react-resizable.js"
     },
-    "./resizable-handle": {
-      "types": "./dist/prosekit-react-resizable-handle.d.ts",
-      "import": "./dist/prosekit-react-resizable-handle.js",
-      "default": "./dist/prosekit-react-resizable-handle.js"
+    "./tooltip": {
+      "types": "./dist/prosekit-react-tooltip.d.ts",
+      "import": "./dist/prosekit-react-tooltip.js",
+      "default": "./dist/prosekit-react-tooltip.js"
     }
   },
   "files": [
     "dist"
   ],
   "dependencies": {
-    "@lit/react": "^1.0.3",
+    "@lit/react": "^1.0.4",
     "@prosekit/core": "^0.4.0",
-    "@prosekit/lit": "^0.2.6",
-    "@prosekit/pm": "^0.1.1",
-    "@prosemirror-adapter/core": "^0.2.6"
+    "@prosekit/lit": "^0.3.0",
+    "@prosekit/pm": "^0.1.2",
+    "@prosekit/web": "^0.1.0",
+    "@prosemirror-adapter/core": "^0.2.6",
+    "react-merge-refs": "^2.1.1"
   },
   "peerDependencies": {
     "react": ">= 17.0.0",
@@ -125,13 +87,13 @@
   },
   "devDependencies": {
     "@prosekit/dev": "*",
-    "@types/react": "^18.2.55",
-    "@types/react-dom": "^18.2.19",
+    "@types/react": "^18.2.79",
+    "@types/react-dom": "^18.2.25",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "tsup": "^8.0.2",
-    "typescript": "^5.3.3",
-    "vitest": "^1.2.2"
+    "typescript": "^5.4.5",
+    "vitest": "^1.5.0"
   },
   "scripts": {
     "build:tsup": "tsup",
@@ -143,35 +105,11 @@
       ".": [
         "./dist/prosekit-react.d.ts"
       ],
-      "autocomplete-empty": [
-        "./dist/prosekit-react-autocomplete-empty.d.ts"
-      ],
-      "autocomplete-item": [
-        "./dist/prosekit-react-autocomplete-item.d.ts"
-      ],
-      "autocomplete-list": [
-        "./dist/prosekit-react-autocomplete-list.d.ts"
-      ],
-      "autocomplete-popover": [
-        "./dist/prosekit-react-autocomplete-popover.d.ts"
-      ],
-      "block-popover": [
-        "./dist/prosekit-react-block-popover.d.ts"
-      ],
-      "combo-box": [
-        "./dist/prosekit-react-combo-box.d.ts"
-      ],
-      "combo-box-input": [
-        "./dist/prosekit-react-combo-box-input.d.ts"
-      ],
-      "combo-box-item": [
-        "./dist/prosekit-react-combo-box-item.d.ts"
-      ],
-      "combo-box-list": [
-        "./dist/prosekit-react-combo-box-list.d.ts"
+      "autocomplete": [
+        "./dist/prosekit-react-autocomplete.d.ts"
       ],
-      "drag-handle": [
-        "./dist/prosekit-react-drag-handle.d.ts"
+      "block-handle": [
+        "./dist/prosekit-react-block-handle.d.ts"
       ],
       "inline-popover": [
         "./dist/prosekit-react-inline-popover.d.ts"
@@ -182,8 +120,8 @@
       "resizable": [
         "./dist/prosekit-react-resizable.d.ts"
       ],
-      "resizable-handle": [
-        "./dist/prosekit-react-resizable-handle.d.ts"
+      "tooltip": [
+        "./dist/prosekit-react-tooltip.d.ts"
       ]
     }
   }

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

@@ -1,2 +0,0 @@
-export { AutocompleteEmpty_alias_1 as AutocompleteEmpty } from './_tsup-dts-rollup';
-export { AutocompleteEmptyProps_alias_1 as AutocompleteEmptyProps } from './_tsup-dts-rollup';

package/dist/prosekit-react-autocomplete-empty.js

@@ -1,17 +0,0 @@
-// src/components/autocomplete-empty.gen.ts
-import { createComponent } from "@lit/react";
-import { AutocompleteEmpty as AutocompleteEmptyElement } from "@prosekit/lit/autocomplete-empty";
-import React from "react";
-var AutocompleteEmptyInner = createComponent({
-  tagName: "prosekit-autocomplete-empty",
-  elementClass: AutocompleteEmptyElement,
-  react: React,
-  displayName: "AutocompleteEmptyInner"
-});
-var AutocompleteEmpty = React.forwardRef((props, ref) => {
-  return React.createElement(AutocompleteEmptyInner, { ...props, ref });
-});
-AutocompleteEmpty.displayName = "AutocompleteEmpty";
-export {
-  AutocompleteEmpty
-};

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

@@ -1,2 +0,0 @@
-export { AutocompleteItem_alias_1 as AutocompleteItem } from './_tsup-dts-rollup';
-export { AutocompleteItemProps_alias_1 as AutocompleteItemProps } from './_tsup-dts-rollup';

package/dist/prosekit-react-autocomplete-item.js

@@ -1,17 +0,0 @@
-// src/components/autocomplete-item.gen.ts
-import { createComponent } from "@lit/react";
-import { AutocompleteItem as AutocompleteItemElement } from "@prosekit/lit/autocomplete-item";
-import React from "react";
-var AutocompleteItemInner = createComponent({
-  tagName: "prosekit-autocomplete-item",
-  elementClass: AutocompleteItemElement,
-  react: React,
-  displayName: "AutocompleteItemInner"
-});
-var AutocompleteItem = React.forwardRef((props, ref) => {
-  return React.createElement(AutocompleteItemInner, { ...props, ref });
-});
-AutocompleteItem.displayName = "AutocompleteItem";
-export {
-  AutocompleteItem
-};

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

@@ -1,2 +0,0 @@
-export { AutocompleteList_alias_1 as AutocompleteList } from './_tsup-dts-rollup';
-export { AutocompleteListProps_alias_1 as AutocompleteListProps } from './_tsup-dts-rollup';

package/dist/prosekit-react-autocomplete-list.js

@@ -1,17 +0,0 @@
-// src/components/autocomplete-list.gen.ts
-import { createComponent } from "@lit/react";
-import { AutocompleteList as AutocompleteListElement } from "@prosekit/lit/autocomplete-list";
-import React from "react";
-var AutocompleteListInner = createComponent({
-  tagName: "prosekit-autocomplete-list",
-  elementClass: AutocompleteListElement,
-  react: React,
-  displayName: "AutocompleteListInner"
-});
-var AutocompleteList = React.forwardRef((props, ref) => {
-  return React.createElement(AutocompleteListInner, { ...props, ref });
-});
-AutocompleteList.displayName = "AutocompleteList";
-export {
-  AutocompleteList
-};

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

@@ -1,3 +0,0 @@
-export { PositioningOptions } from './_tsup-dts-rollup';
-export { AutocompletePopover_alias_1 as AutocompletePopover } from './_tsup-dts-rollup';
-export { AutocompletePopoverProps_alias_1 as AutocompletePopoverProps } from './_tsup-dts-rollup';

package/dist/prosekit-react-autocomplete-popover.js

@@ -1,17 +0,0 @@
-// src/components/autocomplete-popover.gen.ts
-import { createComponent } from "@lit/react";
-import { AutocompletePopover as AutocompletePopoverElement } from "@prosekit/lit/autocomplete-popover";
-import React from "react";
-var AutocompletePopoverInner = createComponent({
-  tagName: "prosekit-autocomplete-popover",
-  elementClass: AutocompletePopoverElement,
-  react: React,
-  displayName: "AutocompletePopoverInner"
-});
-var AutocompletePopover = React.forwardRef((props, ref) => {
-  return React.createElement(AutocompletePopoverInner, { ...props, ref });
-});
-AutocompletePopover.displayName = "AutocompletePopover";
-export {
-  AutocompletePopover
-};

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

@@ -1,2 +0,0 @@
-export { BlockPopoverProps } from './_tsup-dts-rollup';
-export { BlockPopover } from './_tsup-dts-rollup';

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

@@ -1,17 +0,0 @@
-// src/components/block-popover.gen.ts
-import { createComponent } from "@lit/react";
-import { BlockPopover as BlockPopoverElement } from "@prosekit/lit/block-popover";
-import React from "react";
-var BlockPopoverInner = createComponent({
-  tagName: "prosekit-block-popover",
-  elementClass: BlockPopoverElement,
-  react: React,
-  displayName: "BlockPopoverInner"
-});
-var BlockPopover = React.forwardRef((props, ref) => {
-  return React.createElement(BlockPopoverInner, { ...props, ref });
-});
-BlockPopover.displayName = "BlockPopover";
-export {
-  BlockPopover
-};

package/dist/prosekit-react-combo-box-input.d.ts

@@ -1,2 +0,0 @@
-export { ComboBoxInputProps } from './_tsup-dts-rollup';
-export { ComboBoxInput } from './_tsup-dts-rollup';

package/dist/prosekit-react-combo-box-input.js

@@ -1,17 +0,0 @@
-// src/components/combo-box-input.gen.ts
-import { createComponent } from "@lit/react";
-import { ComboBoxInput as ComboBoxInputElement } from "@prosekit/lit/combo-box-input";
-import React from "react";
-var ComboBoxInputInner = createComponent({
-  tagName: "prosekit-combo-box-input",
-  elementClass: ComboBoxInputElement,
-  react: React,
-  displayName: "ComboBoxInputInner"
-});
-var ComboBoxInput = React.forwardRef((props, ref) => {
-  return React.createElement(ComboBoxInputInner, { ...props, ref });
-});
-ComboBoxInput.displayName = "ComboBoxInput";
-export {
-  ComboBoxInput
-};

package/dist/prosekit-react-combo-box-item.d.ts

@@ -1,2 +0,0 @@
-export { ComboBoxItemProps } from './_tsup-dts-rollup';
-export { ComboBoxItem } from './_tsup-dts-rollup';

package/dist/prosekit-react-combo-box-item.js

@@ -1,17 +0,0 @@
-// src/components/combo-box-item.gen.ts
-import { createComponent } from "@lit/react";
-import { ComboBoxItem as ComboBoxItemElement } from "@prosekit/lit/combo-box-item";
-import React from "react";
-var ComboBoxItemInner = createComponent({
-  tagName: "prosekit-combo-box-item",
-  elementClass: ComboBoxItemElement,
-  react: React,
-  displayName: "ComboBoxItemInner"
-});
-var ComboBoxItem = React.forwardRef((props, ref) => {
-  return React.createElement(ComboBoxItemInner, { ...props, ref });
-});
-ComboBoxItem.displayName = "ComboBoxItem";
-export {
-  ComboBoxItem
-};

package/dist/prosekit-react-combo-box-list.d.ts

@@ -1,2 +0,0 @@
-export { ComboBoxListProps } from './_tsup-dts-rollup';
-export { ComboBoxList } from './_tsup-dts-rollup';

package/dist/prosekit-react-combo-box-list.js

@@ -1,17 +0,0 @@
-// src/components/combo-box-list.gen.ts
-import { createComponent } from "@lit/react";
-import { ComboBoxList as ComboBoxListElement } from "@prosekit/lit/combo-box-list";
-import React from "react";
-var ComboBoxListInner = createComponent({
-  tagName: "prosekit-combo-box-list",
-  elementClass: ComboBoxListElement,
-  react: React,
-  displayName: "ComboBoxListInner"
-});
-var ComboBoxList = React.forwardRef((props, ref) => {
-  return React.createElement(ComboBoxListInner, { ...props, ref });
-});
-ComboBoxList.displayName = "ComboBoxList";
-export {
-  ComboBoxList
-};

package/dist/prosekit-react-combo-box.d.ts

@@ -1,2 +0,0 @@
-export { ComboBoxProps } from './_tsup-dts-rollup';
-export { ComboBox } from './_tsup-dts-rollup';

package/dist/prosekit-react-combo-box.js

@@ -1,17 +0,0 @@
-// src/components/combo-box.gen.ts
-import { createComponent } from "@lit/react";
-import { ComboBox as ComboBoxElement } from "@prosekit/lit/combo-box";
-import React from "react";
-var ComboBoxInner = createComponent({
-  tagName: "prosekit-combo-box",
-  elementClass: ComboBoxElement,
-  react: React,
-  displayName: "ComboBoxInner"
-});
-var ComboBox = React.forwardRef((props, ref) => {
-  return React.createElement(ComboBoxInner, { ...props, ref });
-});
-ComboBox.displayName = "ComboBox";
-export {
-  ComboBox
-};

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

@@ -1,2 +0,0 @@
-export { DragHandleProps } from './_tsup-dts-rollup';
-export { DragHandle } from './_tsup-dts-rollup';

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

@@ -1,17 +0,0 @@
-// src/components/drag-handle.gen.ts
-import { createComponent } from "@lit/react";
-import { DragHandle as DragHandleElement } from "@prosekit/lit/drag-handle";
-import React from "react";
-var DragHandleInner = createComponent({
-  tagName: "prosekit-drag-handle",
-  elementClass: DragHandleElement,
-  react: React,
-  displayName: "DragHandleInner"
-});
-var DragHandle = React.forwardRef((props, ref) => {
-  return React.createElement(DragHandleInner, { ...props, ref });
-});
-DragHandle.displayName = "DragHandle";
-export {
-  DragHandle
-};

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

@@ -1,2 +0,0 @@
-export { ResizableHandleProps } from './_tsup-dts-rollup';
-export { ResizableHandle } from './_tsup-dts-rollup';

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

@@ -1,17 +0,0 @@
-// src/components/resizable-handle.gen.ts
-import { createComponent } from "@lit/react";
-import { ResizableHandle as ResizableHandleElement } from "@prosekit/lit/resizable-handle";
-import React from "react";
-var ResizableHandleInner = createComponent({
-  tagName: "prosekit-resizable-handle",
-  elementClass: ResizableHandleElement,
-  react: React,
-  displayName: "ResizableHandleInner"
-});
-var ResizableHandle = React.forwardRef((props, ref) => {
-  return React.createElement(ResizableHandleInner, { ...props, ref });
-});
-ResizableHandle.displayName = "ResizableHandle";
-export {
-  ResizableHandle
-};