@prosekit/react 0.3.30 → 0.4.0

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

@@ -1,23 +1,26 @@
 import type { Attrs } from '@prosekit/pm/model';
 import { AutocompleteEmptyElement } from '@prosekit/web/autocomplete';
-import { AutocompleteEmptyProps } from '@prosekit/web/autocomplete';
+import { AutocompleteEmptyEvents } from '@prosekit/web/autocomplete';
+import { AutocompleteEmptyProps as AutocompleteEmptyProps_2 } from '@prosekit/web/autocomplete';
 import { AutocompleteItemElement } from '@prosekit/web/autocomplete';
-import { AutocompleteItemProps } from '@prosekit/web/autocomplete';
+import { AutocompleteItemEvents } from '@prosekit/web/autocomplete';
+import { AutocompleteItemProps as AutocompleteItemProps_2 } from '@prosekit/web/autocomplete';
 import { AutocompleteListElement } from '@prosekit/web/autocomplete';
-import { AutocompleteListProps } from '@prosekit/web/autocomplete';
+import { AutocompleteListEvents } from '@prosekit/web/autocomplete';
+import { AutocompleteListProps as AutocompleteListProps_2 } from '@prosekit/web/autocomplete';
 import { AutocompletePopoverElement } from '@prosekit/web/autocomplete';
-import { AutocompletePopoverProps } from '@prosekit/web/autocomplete';
+import { AutocompletePopoverEvents } from '@prosekit/web/autocomplete';
+import { AutocompletePopoverProps as AutocompletePopoverProps_2 } from '@prosekit/web/autocomplete';
 import { BaseNodeViewOptions } from '@prosekit/core';
-import { BlockDragHandleElement } from '@prosekit/web/block-handle';
-import { BlockDragHandleProps } from '@prosekit/web/block-handle';
 import { BlockHandleAddElement } from '@prosekit/web/block-handle';
-import { BlockHandleAddProps } from '@prosekit/web/block-handle';
+import { BlockHandleAddEvents } from '@prosekit/web/block-handle';
+import { BlockHandleAddProps as BlockHandleAddProps_2 } from '@prosekit/web/block-handle';
 import { BlockHandleDraggableElement } from '@prosekit/web/block-handle';
-import { BlockHandleDraggableProps } from '@prosekit/web/block-handle';
+import { BlockHandleDraggableEvents } from '@prosekit/web/block-handle';
+import { BlockHandleDraggableProps as BlockHandleDraggableProps_2 } from '@prosekit/web/block-handle';
 import { BlockHandlePopoverElement } from '@prosekit/web/block-handle';
-import { BlockHandlePopoverProps } from '@prosekit/web/block-handle';
-import { BlockPopoverElement } from '@prosekit/web/block-handle';
-import { BlockPopoverProps } from '@prosekit/web/block-handle';
+import { BlockHandlePopoverEvents } from '@prosekit/web/block-handle';
+import { BlockHandlePopoverProps as BlockHandlePopoverProps_2 } from '@prosekit/web/block-handle';
 import { ComponentType } from 'react';
 import type { Decoration } from '@prosekit/pm/view';
 import type { DecorationSource } from '@prosekit/pm/view';
@@ -30,82 +33,158 @@ 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 { InlinePopoverEvents } from '@prosekit/web/inline-popover';
+import { InlinePopoverProps as InlinePopoverProps_2 } from '@prosekit/web/inline-popover';
 import { Keymap } from '@prosekit/core';
 import { Options } from 'tsup';
 import { PopoverContentElement } from '@prosekit/web/popover';
-import { PopoverContentProps } from '@prosekit/web/popover';
+import { PopoverContentEvents } from '@prosekit/web/popover';
+import { PopoverContentProps as PopoverContentProps_2 } from '@prosekit/web/popover';
 import { PopoverRootElement } from '@prosekit/web/popover';
-import { PopoverRootProps } from '@prosekit/web/popover';
+import { PopoverRootEvents } from '@prosekit/web/popover';
+import { PopoverRootProps as PopoverRootProps_2 } from '@prosekit/web/popover';
 import { PopoverTriggerElement } from '@prosekit/web/popover';
-import { PopoverTriggerProps } from '@prosekit/web/popover';
+import { PopoverTriggerEvents } from '@prosekit/web/popover';
+import { PopoverTriggerProps as PopoverTriggerProps_2 } 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 { RefAttributes } from 'react';
 import { ResizableHandleElement } from '@prosekit/web/resizable';
-import { ResizableHandleProps } from '@prosekit/web/resizable';
+import { ResizableHandleEvents } from '@prosekit/web/resizable';
+import { ResizableHandleProps as ResizableHandleProps_2 } from '@prosekit/web/resizable';
 import { ResizableRootElement } from '@prosekit/web/resizable';
-import { ResizableRootProps } from '@prosekit/web/resizable';
+import { ResizableRootEvents } from '@prosekit/web/resizable';
+import { ResizableRootProps as ResizableRootProps_2 } from '@prosekit/web/resizable';
 import { TableHandleColumnRootElement } from '@prosekit/web/table-handle';
-import { TableHandleColumnRootProps } from '@prosekit/web/table-handle';
+import { TableHandleColumnRootEvents } from '@prosekit/web/table-handle';
+import { TableHandleColumnRootProps as TableHandleColumnRootProps_2 } from '@prosekit/web/table-handle';
 import { TableHandleColumnTriggerElement } from '@prosekit/web/table-handle';
-import { TableHandleColumnTriggerProps } from '@prosekit/web/table-handle';
+import { TableHandleColumnTriggerEvents } from '@prosekit/web/table-handle';
+import { TableHandleColumnTriggerProps as TableHandleColumnTriggerProps_2 } from '@prosekit/web/table-handle';
 import { TableHandlePopoverContentElement } from '@prosekit/web/table-handle';
-import { TableHandlePopoverContentProps } from '@prosekit/web/table-handle';
+import { TableHandlePopoverContentEvents } from '@prosekit/web/table-handle';
+import { TableHandlePopoverContentProps as TableHandlePopoverContentProps_2 } from '@prosekit/web/table-handle';
 import { TableHandlePopoverItemElement } from '@prosekit/web/table-handle';
-import { TableHandlePopoverItemProps } from '@prosekit/web/table-handle';
+import { TableHandlePopoverItemEvents } from '@prosekit/web/table-handle';
+import { TableHandlePopoverItemProps as TableHandlePopoverItemProps_2 } from '@prosekit/web/table-handle';
 import { TableHandleRootElement } from '@prosekit/web/table-handle';
-import { TableHandleRootProps } from '@prosekit/web/table-handle';
+import { TableHandleRootEvents } from '@prosekit/web/table-handle';
+import { TableHandleRootProps as TableHandleRootProps_2 } from '@prosekit/web/table-handle';
 import { TableHandleRowRootElement } from '@prosekit/web/table-handle';
-import { TableHandleRowRootProps } from '@prosekit/web/table-handle';
+import { TableHandleRowRootEvents } from '@prosekit/web/table-handle';
+import { TableHandleRowRootProps as TableHandleRowRootProps_2 } from '@prosekit/web/table-handle';
 import { TableHandleRowTriggerElement } from '@prosekit/web/table-handle';
-import { TableHandleRowTriggerProps } from '@prosekit/web/table-handle';
+import { TableHandleRowTriggerEvents } from '@prosekit/web/table-handle';
+import { TableHandleRowTriggerProps as TableHandleRowTriggerProps_2 } from '@prosekit/web/table-handle';
 import { TooltipContentElement } from '@prosekit/web/tooltip';
-import { TooltipContentProps } from '@prosekit/web/tooltip';
+import { TooltipContentEvents } from '@prosekit/web/tooltip';
+import { TooltipContentProps as TooltipContentProps_2 } from '@prosekit/web/tooltip';
 import { TooltipRootElement } from '@prosekit/web/tooltip';
-import { TooltipRootProps } from '@prosekit/web/tooltip';
+import { TooltipRootEvents } from '@prosekit/web/tooltip';
+import { TooltipRootProps as TooltipRootProps_2 } from '@prosekit/web/tooltip';
 import { TooltipTriggerElement } from '@prosekit/web/tooltip';
-import { TooltipTriggerProps } from '@prosekit/web/tooltip';
+import { TooltipTriggerEvents } from '@prosekit/web/tooltip';
+import { TooltipTriggerProps as TooltipTriggerProps_2 } from '@prosekit/web/tooltip';
 
-declare const AutocompleteEmpty: ForwardRefExoticComponent<Partial<AutocompleteEmptyProps> & RefAttributes<AutocompleteEmptyElement> & HTMLAttributes<AutocompleteEmptyElement>>;
+declare const AutocompleteEmpty: ForwardRefExoticComponent<AutocompleteEmptyProps & RefAttributes<AutocompleteEmptyElement> & HTMLAttributes<AutocompleteEmptyElement>>;
 export { AutocompleteEmpty }
 export { AutocompleteEmpty as AutocompleteEmpty_alias_1 }
 
-declare const AutocompleteItem: ForwardRefExoticComponent<Partial<AutocompleteItemProps> & RefAttributes<AutocompleteItemElement> & HTMLAttributes<AutocompleteItemElement>>;
+/**
+ * Props for the {@link AutocompleteEmpty} component.
+ */
+declare interface AutocompleteEmptyProps extends Partial<CreateProps<AutocompleteEmptyProps_2, AutocompleteEmptyEvents>> {
+}
+export { AutocompleteEmptyProps }
+export { AutocompleteEmptyProps as AutocompleteEmptyProps_alias_1 }
+
+declare const AutocompleteItem: ForwardRefExoticComponent<AutocompleteItemProps & RefAttributes<AutocompleteItemElement> & HTMLAttributes<AutocompleteItemElement>>;
 export { AutocompleteItem }
 export { AutocompleteItem as AutocompleteItem_alias_1 }
 
-declare const AutocompleteList: ForwardRefExoticComponent<Partial<AutocompleteListProps> & RefAttributes<AutocompleteListElement> & HTMLAttributes<AutocompleteListElement>>;
+/**
+ * Props for the {@link AutocompleteItem} component.
+ */
+declare interface AutocompleteItemProps extends Partial<CreateProps<AutocompleteItemProps_2, AutocompleteItemEvents>> {
+}
+export { AutocompleteItemProps }
+export { AutocompleteItemProps as AutocompleteItemProps_alias_1 }
+
+declare const AutocompleteList: ForwardRefExoticComponent<AutocompleteListProps & RefAttributes<AutocompleteListElement> & HTMLAttributes<AutocompleteListElement>>;
 export { AutocompleteList }
 export { AutocompleteList as AutocompleteList_alias_1 }
 
-declare const AutocompletePopover: ForwardRefExoticComponent<Partial<AutocompletePopoverProps> & RefAttributes<AutocompletePopoverElement> & HTMLAttributes<AutocompletePopoverElement>>;
+/**
+ * Props for the {@link AutocompleteList} component.
+ */
+declare interface AutocompleteListProps extends Partial<CreateProps<AutocompleteListProps_2, AutocompleteListEvents>> {
+}
+export { AutocompleteListProps }
+export { AutocompleteListProps as AutocompleteListProps_alias_1 }
+
+declare const AutocompletePopover: ForwardRefExoticComponent<AutocompletePopoverProps & RefAttributes<AutocompletePopoverElement> & HTMLAttributes<AutocompletePopoverElement>>;
 export { AutocompletePopover }
 export { AutocompletePopover as AutocompletePopover_alias_1 }
 
-declare const BlockDragHandle: ForwardRefExoticComponent<Partial<BlockDragHandleProps> & RefAttributes<BlockDragHandleElement> & HTMLAttributes<BlockDragHandleElement>>;
-export { BlockDragHandle }
-export { BlockDragHandle as BlockDragHandle_alias_1 }
+/**
+ * Props for the {@link AutocompletePopover} component.
+ */
+declare interface AutocompletePopoverProps extends Partial<CreateProps<AutocompletePopoverProps_2, AutocompletePopoverEvents>> {
+}
+export { AutocompletePopoverProps }
+export { AutocompletePopoverProps as AutocompletePopoverProps_alias_1 }
 
-declare const BlockHandleAdd: ForwardRefExoticComponent<Partial<BlockHandleAddProps> & RefAttributes<BlockHandleAddElement> & HTMLAttributes<BlockHandleAddElement>>;
+declare const BlockHandleAdd: ForwardRefExoticComponent<BlockHandleAddProps & RefAttributes<BlockHandleAddElement> & HTMLAttributes<BlockHandleAddElement>>;
 export { BlockHandleAdd }
 export { BlockHandleAdd as BlockHandleAdd_alias_1 }
 
-declare const BlockHandleDraggable: ForwardRefExoticComponent<Partial<BlockHandleDraggableProps> & RefAttributes<BlockHandleDraggableElement> & HTMLAttributes<BlockHandleDraggableElement>>;
+/**
+ * Props for the {@link BlockHandleAdd} component.
+ */
+declare interface BlockHandleAddProps extends Partial<CreateProps<BlockHandleAddProps_2, BlockHandleAddEvents>> {
+}
+export { BlockHandleAddProps }
+export { BlockHandleAddProps as BlockHandleAddProps_alias_1 }
+
+declare const BlockHandleDraggable: ForwardRefExoticComponent<BlockHandleDraggableProps & RefAttributes<BlockHandleDraggableElement> & HTMLAttributes<BlockHandleDraggableElement>>;
 export { BlockHandleDraggable }
 export { BlockHandleDraggable as BlockHandleDraggable_alias_1 }
 
-declare const BlockHandlePopover: ForwardRefExoticComponent<Partial<BlockHandlePopoverProps> & RefAttributes<BlockHandlePopoverElement> & HTMLAttributes<BlockHandlePopoverElement>>;
+/**
+ * Props for the {@link BlockHandleDraggable} component.
+ */
+declare interface BlockHandleDraggableProps extends Partial<CreateProps<BlockHandleDraggableProps_2, BlockHandleDraggableEvents>> {
+}
+export { BlockHandleDraggableProps }
+export { BlockHandleDraggableProps as BlockHandleDraggableProps_alias_1 }
+
+declare const BlockHandlePopover: ForwardRefExoticComponent<BlockHandlePopoverProps & RefAttributes<BlockHandlePopoverElement> & HTMLAttributes<BlockHandlePopoverElement>>;
 export { BlockHandlePopover }
 export { BlockHandlePopover as BlockHandlePopover_alias_1 }
 
-declare const BlockPopover: ForwardRefExoticComponent<Partial<BlockPopoverProps> & RefAttributes<BlockPopoverElement> & HTMLAttributes<BlockPopoverElement>>;
-export { BlockPopover }
-export { BlockPopover as BlockPopover_alias_1 }
+/**
+ * Props for the {@link BlockHandlePopover} component.
+ */
+declare interface BlockHandlePopoverProps extends Partial<CreateProps<BlockHandlePopoverProps_2, BlockHandlePopoverEvents>> {
+}
+export { BlockHandlePopoverProps }
+export { BlockHandlePopoverProps as BlockHandlePopoverProps_alias_1 }
+
+export declare function createComponent<Props extends object, CustomElement extends HTMLElement>(tagName: string, displayName: string, propNames: string[], eventNames: string[]): ForwardRefExoticComponent<Partial<Props> & RefAttributes<CustomElement> & HTMLAttributes<CustomElement>>;
 
-export declare function createComponent<Props extends object, CustomElement extends HTMLElement>(tagName: string, displayName: string, defaultProps: Props): ForwardRefExoticComponent<Partial<Props> & RefAttributes<CustomElement> & HTMLAttributes<CustomElement>>;
+declare type CreateEventProps<Events extends {
+    [EventName in keyof Events]: CustomEvent;
+}> = {
+    [EventName in keyof Events as `on${Capitalize<string & EventName>}`]: (event: EventName extends `${string}Change` ? Events[EventName]['detail'] : Events[EventName]) => void;
+};
+
+export declare type CreateProps<Props extends {
+    [PropName in keyof Props]: unknown;
+}, Events extends {
+    [EventName in keyof Events]: CustomEvent;
+}> = Props & CreateEventProps<Events>;
 
 export declare const default_alias: Options | Options[] | ((overrideOptions: Options) => Options | Options[] | Promise<Options | Options[]>);
 
@@ -125,22 +204,54 @@ export { defineReactNodeView as defineReactNodeView_alias_1 }
  */
 export declare const EditorContextProvider: Provider<Editor<any> | null>;
 
-declare const InlinePopover: ForwardRefExoticComponent<Partial<InlinePopoverProps> & RefAttributes<InlinePopoverElement> & HTMLAttributes<InlinePopoverElement>>;
+declare const InlinePopover: ForwardRefExoticComponent<InlinePopoverProps & RefAttributes<InlinePopoverElement> & HTMLAttributes<InlinePopoverElement>>;
 export { InlinePopover }
 export { InlinePopover as InlinePopover_alias_1 }
 
-declare const PopoverContent: ForwardRefExoticComponent<Partial<PopoverContentProps> & RefAttributes<PopoverContentElement> & HTMLAttributes<PopoverContentElement>>;
+/**
+ * Props for the {@link InlinePopover} component.
+ */
+declare interface InlinePopoverProps extends Partial<CreateProps<InlinePopoverProps_2, InlinePopoverEvents>> {
+}
+export { InlinePopoverProps }
+export { InlinePopoverProps as InlinePopoverProps_alias_1 }
+
+declare const PopoverContent: ForwardRefExoticComponent<PopoverContentProps & RefAttributes<PopoverContentElement> & HTMLAttributes<PopoverContentElement>>;
 export { PopoverContent }
 export { PopoverContent as PopoverContent_alias_1 }
 
-declare const PopoverRoot: ForwardRefExoticComponent<Partial<PopoverRootProps> & RefAttributes<PopoverRootElement> & HTMLAttributes<PopoverRootElement>>;
+/**
+ * Props for the {@link PopoverContent} component.
+ */
+declare interface PopoverContentProps extends Partial<CreateProps<PopoverContentProps_2, PopoverContentEvents>> {
+}
+export { PopoverContentProps }
+export { PopoverContentProps as PopoverContentProps_alias_1 }
+
+declare const PopoverRoot: ForwardRefExoticComponent<PopoverRootProps & RefAttributes<PopoverRootElement> & HTMLAttributes<PopoverRootElement>>;
 export { PopoverRoot }
 export { PopoverRoot as PopoverRoot_alias_1 }
 
-declare const PopoverTrigger: ForwardRefExoticComponent<Partial<PopoverTriggerProps> & RefAttributes<PopoverTriggerElement> & HTMLAttributes<PopoverTriggerElement>>;
+/**
+ * Props for the {@link PopoverRoot} component.
+ */
+declare interface PopoverRootProps extends Partial<CreateProps<PopoverRootProps_2, PopoverRootEvents>> {
+}
+export { PopoverRootProps }
+export { PopoverRootProps as PopoverRootProps_alias_1 }
+
+declare const PopoverTrigger: ForwardRefExoticComponent<PopoverTriggerProps & RefAttributes<PopoverTriggerElement> & HTMLAttributes<PopoverTriggerElement>>;
 export { PopoverTrigger }
 export { PopoverTrigger as PopoverTrigger_alias_1 }
 
+/**
+ * Props for the {@link PopoverTrigger} component.
+ */
+declare interface PopoverTriggerProps extends Partial<CreateProps<PopoverTriggerProps_2, PopoverTriggerEvents>> {
+}
+export { PopoverTriggerProps }
+export { PopoverTriggerProps as PopoverTriggerProps_alias_1 }
+
 /**
  * @internal
  */
@@ -212,54 +323,150 @@ export { ReactNodeViewProps as ReactNodeViewProps_alias_1 }
  */
 export declare const ReactViewsConsumer: FC;
 
-declare const ResizableHandle: ForwardRefExoticComponent<Partial<ResizableHandleProps> & RefAttributes<ResizableHandleElement> & HTMLAttributes<ResizableHandleElement>>;
+declare const ResizableHandle: ForwardRefExoticComponent<ResizableHandleProps & RefAttributes<ResizableHandleElement> & HTMLAttributes<ResizableHandleElement>>;
 export { ResizableHandle }
 export { ResizableHandle as ResizableHandle_alias_1 }
 
-declare const ResizableRoot: ForwardRefExoticComponent<Partial<ResizableRootProps> & RefAttributes<ResizableRootElement> & HTMLAttributes<ResizableRootElement>>;
+/**
+ * Props for the {@link ResizableHandle} component.
+ */
+declare interface ResizableHandleProps extends Partial<CreateProps<ResizableHandleProps_2, ResizableHandleEvents>> {
+}
+export { ResizableHandleProps }
+export { ResizableHandleProps as ResizableHandleProps_alias_1 }
+
+declare const ResizableRoot: ForwardRefExoticComponent<ResizableRootProps & RefAttributes<ResizableRootElement> & HTMLAttributes<ResizableRootElement>>;
 export { ResizableRoot }
 export { ResizableRoot as ResizableRoot_alias_1 }
 
-declare const TableHandleColumnRoot: ForwardRefExoticComponent<Partial<TableHandleColumnRootProps> & RefAttributes<TableHandleColumnRootElement> & HTMLAttributes<TableHandleColumnRootElement>>;
+/**
+ * Props for the {@link ResizableRoot} component.
+ */
+declare interface ResizableRootProps extends Partial<CreateProps<ResizableRootProps_2, ResizableRootEvents>> {
+}
+export { ResizableRootProps }
+export { ResizableRootProps as ResizableRootProps_alias_1 }
+
+declare const TableHandleColumnRoot: ForwardRefExoticComponent<TableHandleColumnRootProps & RefAttributes<TableHandleColumnRootElement> & HTMLAttributes<TableHandleColumnRootElement>>;
 export { TableHandleColumnRoot }
 export { TableHandleColumnRoot as TableHandleColumnRoot_alias_1 }
 
-declare const TableHandleColumnTrigger: ForwardRefExoticComponent<Partial<TableHandleColumnTriggerProps> & RefAttributes<TableHandleColumnTriggerElement> & HTMLAttributes<TableHandleColumnTriggerElement>>;
+/**
+ * Props for the {@link TableHandleColumnRoot} component.
+ */
+declare interface TableHandleColumnRootProps extends Partial<CreateProps<TableHandleColumnRootProps_2, TableHandleColumnRootEvents>> {
+}
+export { TableHandleColumnRootProps }
+export { TableHandleColumnRootProps as TableHandleColumnRootProps_alias_1 }
+
+declare const TableHandleColumnTrigger: ForwardRefExoticComponent<TableHandleColumnTriggerProps & RefAttributes<TableHandleColumnTriggerElement> & HTMLAttributes<TableHandleColumnTriggerElement>>;
 export { TableHandleColumnTrigger }
 export { TableHandleColumnTrigger as TableHandleColumnTrigger_alias_1 }
 
-declare const TableHandlePopoverContent: ForwardRefExoticComponent<Partial<TableHandlePopoverContentProps> & RefAttributes<TableHandlePopoverContentElement> & HTMLAttributes<TableHandlePopoverContentElement>>;
+/**
+ * Props for the {@link TableHandleColumnTrigger} component.
+ */
+declare interface TableHandleColumnTriggerProps extends Partial<CreateProps<TableHandleColumnTriggerProps_2, TableHandleColumnTriggerEvents>> {
+}
+export { TableHandleColumnTriggerProps }
+export { TableHandleColumnTriggerProps as TableHandleColumnTriggerProps_alias_1 }
+
+declare const TableHandlePopoverContent: ForwardRefExoticComponent<TableHandlePopoverContentProps & RefAttributes<TableHandlePopoverContentElement> & HTMLAttributes<TableHandlePopoverContentElement>>;
 export { TableHandlePopoverContent }
 export { TableHandlePopoverContent as TableHandlePopoverContent_alias_1 }
 
-declare const TableHandlePopoverItem: ForwardRefExoticComponent<Partial<TableHandlePopoverItemProps> & RefAttributes<TableHandlePopoverItemElement> & HTMLAttributes<TableHandlePopoverItemElement>>;
+/**
+ * Props for the {@link TableHandlePopoverContent} component.
+ */
+declare interface TableHandlePopoverContentProps extends Partial<CreateProps<TableHandlePopoverContentProps_2, TableHandlePopoverContentEvents>> {
+}
+export { TableHandlePopoverContentProps }
+export { TableHandlePopoverContentProps as TableHandlePopoverContentProps_alias_1 }
+
+declare const TableHandlePopoverItem: ForwardRefExoticComponent<TableHandlePopoverItemProps & RefAttributes<TableHandlePopoverItemElement> & HTMLAttributes<TableHandlePopoverItemElement>>;
 export { TableHandlePopoverItem }
 export { TableHandlePopoverItem as TableHandlePopoverItem_alias_1 }
 
-declare const TableHandleRoot: ForwardRefExoticComponent<Partial<TableHandleRootProps> & RefAttributes<TableHandleRootElement> & HTMLAttributes<TableHandleRootElement>>;
+/**
+ * Props for the {@link TableHandlePopoverItem} component.
+ */
+declare interface TableHandlePopoverItemProps extends Partial<CreateProps<TableHandlePopoverItemProps_2, TableHandlePopoverItemEvents>> {
+}
+export { TableHandlePopoverItemProps }
+export { TableHandlePopoverItemProps as TableHandlePopoverItemProps_alias_1 }
+
+declare const TableHandleRoot: ForwardRefExoticComponent<TableHandleRootProps & RefAttributes<TableHandleRootElement> & HTMLAttributes<TableHandleRootElement>>;
 export { TableHandleRoot }
 export { TableHandleRoot as TableHandleRoot_alias_1 }
 
-declare const TableHandleRowRoot: ForwardRefExoticComponent<Partial<TableHandleRowRootProps> & RefAttributes<TableHandleRowRootElement> & HTMLAttributes<TableHandleRowRootElement>>;
+/**
+ * Props for the {@link TableHandleRoot} component.
+ */
+declare interface TableHandleRootProps extends Partial<CreateProps<TableHandleRootProps_2, TableHandleRootEvents>> {
+}
+export { TableHandleRootProps }
+export { TableHandleRootProps as TableHandleRootProps_alias_1 }
+
+declare const TableHandleRowRoot: ForwardRefExoticComponent<TableHandleRowRootProps & RefAttributes<TableHandleRowRootElement> & HTMLAttributes<TableHandleRowRootElement>>;
 export { TableHandleRowRoot }
 export { TableHandleRowRoot as TableHandleRowRoot_alias_1 }
 
-declare const TableHandleRowTrigger: ForwardRefExoticComponent<Partial<TableHandleRowTriggerProps> & RefAttributes<TableHandleRowTriggerElement> & HTMLAttributes<TableHandleRowTriggerElement>>;
+/**
+ * Props for the {@link TableHandleRowRoot} component.
+ */
+declare interface TableHandleRowRootProps extends Partial<CreateProps<TableHandleRowRootProps_2, TableHandleRowRootEvents>> {
+}
+export { TableHandleRowRootProps }
+export { TableHandleRowRootProps as TableHandleRowRootProps_alias_1 }
+
+declare const TableHandleRowTrigger: ForwardRefExoticComponent<TableHandleRowTriggerProps & RefAttributes<TableHandleRowTriggerElement> & HTMLAttributes<TableHandleRowTriggerElement>>;
 export { TableHandleRowTrigger }
 export { TableHandleRowTrigger as TableHandleRowTrigger_alias_1 }
 
-declare const TooltipContent: ForwardRefExoticComponent<Partial<TooltipContentProps> & RefAttributes<TooltipContentElement> & HTMLAttributes<TooltipContentElement>>;
+/**
+ * Props for the {@link TableHandleRowTrigger} component.
+ */
+declare interface TableHandleRowTriggerProps extends Partial<CreateProps<TableHandleRowTriggerProps_2, TableHandleRowTriggerEvents>> {
+}
+export { TableHandleRowTriggerProps }
+export { TableHandleRowTriggerProps as TableHandleRowTriggerProps_alias_1 }
+
+declare const TooltipContent: ForwardRefExoticComponent<TooltipContentProps & RefAttributes<TooltipContentElement> & HTMLAttributes<TooltipContentElement>>;
 export { TooltipContent }
 export { TooltipContent as TooltipContent_alias_1 }
 
-declare const TooltipRoot: ForwardRefExoticComponent<Partial<TooltipRootProps> & RefAttributes<TooltipRootElement> & HTMLAttributes<TooltipRootElement>>;
+/**
+ * Props for the {@link TooltipContent} component.
+ */
+declare interface TooltipContentProps extends Partial<CreateProps<TooltipContentProps_2, TooltipContentEvents>> {
+}
+export { TooltipContentProps }
+export { TooltipContentProps as TooltipContentProps_alias_1 }
+
+declare const TooltipRoot: ForwardRefExoticComponent<TooltipRootProps & RefAttributes<TooltipRootElement> & HTMLAttributes<TooltipRootElement>>;
 export { TooltipRoot }
 export { TooltipRoot as TooltipRoot_alias_1 }
 
-declare const TooltipTrigger: ForwardRefExoticComponent<Partial<TooltipTriggerProps> & RefAttributes<TooltipTriggerElement> & HTMLAttributes<TooltipTriggerElement>>;
+/**
+ * Props for the {@link TooltipRoot} component.
+ */
+declare interface TooltipRootProps extends Partial<CreateProps<TooltipRootProps_2, TooltipRootEvents>> {
+}
+export { TooltipRootProps }
+export { TooltipRootProps as TooltipRootProps_alias_1 }
+
+declare const TooltipTrigger: ForwardRefExoticComponent<TooltipTriggerProps & RefAttributes<TooltipTriggerElement> & HTMLAttributes<TooltipTriggerElement>>;
 export { TooltipTrigger }
 export { TooltipTrigger as TooltipTrigger_alias_1 }
 
+/**
+ * Props for the {@link TooltipTrigger} component.
+ */
+declare interface TooltipTriggerProps extends Partial<CreateProps<TooltipTriggerProps_2, TooltipTriggerEvents>> {
+}
+export { TooltipTriggerProps }
+export { TooltipTriggerProps as TooltipTriggerProps_alias_1 }
+
 /**
  * Calls the given handler whenever the editor document changes.
  *

package/dist/chunk-OFZQYJNI.js

@@ -0,0 +1,110 @@
+import {
+  useEditorContext
+} from "./chunk-BH56NR2Q.js";
+
+// src/components/create-component.ts
+import {
+  createElement,
+  forwardRef,
+  useEffect,
+  useLayoutEffect,
+  useRef,
+  useState
+} from "react";
+import { mergeRefs } from "react-merge-refs";
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
+function createComponent(tagName, displayName, propNames, eventNames) {
+  const hasEditor = propNames.includes("editor");
+  const lowerCaseEventNameMap = Object.fromEntries(
+    eventNames.map((name) => [name.toLowerCase(), name])
+  );
+  const Component = forwardRef((props, ref) => {
+    const [el, setEl] = useState(null);
+    const properties = {};
+    const attributes = {};
+    const eventHandlersRef = useRef(
+      Object.fromEntries(eventNames.map((eventName) => [eventName, []]))
+    );
+    const eventHandlers = {};
+    for (const [name, value] of Object.entries(props)) {
+      if (value === void 0) {
+        continue;
+      }
+      if (propNames.includes(name)) {
+        properties[name] = value;
+        continue;
+      }
+      if (name.startsWith("on")) {
+        const lowerCaseEventName = name.slice(2).toLowerCase();
+        const eventName = lowerCaseEventNameMap[lowerCaseEventName];
+        const handler = value;
+        if (eventName && handler) {
+          const extractDetail = eventName.endsWith("Change");
+          const normalizedHandler = extractDetail ? (event) => {
+            handler(event.detail);
+          } : handler;
+          eventHandlers[eventName] = normalizedHandler;
+        }
+      }
+      if (name === "className") {
+        attributes["class"] = value;
+      } else {
+        attributes[name] = value;
+      }
+    }
+    const editor = useEditorContext();
+    if (hasEditor && editor && !properties["editor"]) {
+      properties["editor"] = editor;
+    }
+    useIsomorphicLayoutEffect(() => {
+      if (!el) return;
+      for (const [name, value] of Object.entries(properties)) {
+        if (value !== void 0) {
+          el[name] = value;
+        }
+      }
+    }, [el, ...propNames.map((name) => properties[name])]);
+    useIsomorphicLayoutEffect(() => {
+      for (const [eventName, handerArray] of Object.entries(
+        eventHandlersRef.current
+      )) {
+        const handler = eventHandlers[eventName];
+        handerArray.length = 0;
+        if (handler) {
+          handerArray.push(handler);
+        }
+      }
+    });
+    useIsomorphicLayoutEffect(() => {
+      if (!el) {
+        return;
+      }
+      const handlers = {};
+      for (const eventName of eventNames) {
+        handlers[eventName] = (event) => {
+          for (const handler of eventHandlersRef.current[eventName]) {
+            handler(event);
+          }
+        };
+      }
+      for (const [name, handler] of Object.entries(handlers)) {
+        el.addEventListener(name, handler);
+      }
+      return () => {
+        for (const [name, handler] of Object.entries(handlers)) {
+          el.removeEventListener(name, handler);
+        }
+      };
+    }, [el]);
+    return createElement(tagName, {
+      ...attributes,
+      ref: mergeRefs([ref, setEl])
+    });
+  });
+  Component.displayName = displayName;
+  return Component;
+}
+
+export {
+  createComponent
+};

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

@@ -1,4 +1,8 @@
 export { AutocompleteEmpty_alias_1 as AutocompleteEmpty } from './_tsup-dts-rollup';
+export { AutocompleteEmptyProps_alias_1 as AutocompleteEmptyProps } from './_tsup-dts-rollup';
 export { AutocompleteItem_alias_1 as AutocompleteItem } from './_tsup-dts-rollup';
+export { AutocompleteItemProps_alias_1 as AutocompleteItemProps } from './_tsup-dts-rollup';
 export { AutocompleteList_alias_1 as AutocompleteList } from './_tsup-dts-rollup';
+export { AutocompleteListProps_alias_1 as AutocompleteListProps } 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.js

@@ -1,46 +1,54 @@
 import {
   createComponent
-} from "./chunk-UG3RPLME.js";
+} from "./chunk-OFZQYJNI.js";
 import "./chunk-BH56NR2Q.js";
 
 // src/components/autocomplete/autocomplete-empty.gen.ts
 import {
-  defaultAutocompleteEmptyProps
+  autocompleteEmptyProps,
+  autocompleteEmptyEvents
 } from "@prosekit/web/autocomplete";
 var AutocompleteEmpty = createComponent(
   "prosekit-autocomplete-empty",
   "AutocompleteEmpty",
-  defaultAutocompleteEmptyProps
+  Object.keys(autocompleteEmptyProps),
+  Object.keys(autocompleteEmptyEvents)
 );
 
 // src/components/autocomplete/autocomplete-item.gen.ts
 import {
-  defaultAutocompleteItemProps
+  autocompleteItemProps,
+  autocompleteItemEvents
 } from "@prosekit/web/autocomplete";
 var AutocompleteItem = createComponent(
   "prosekit-autocomplete-item",
   "AutocompleteItem",
-  defaultAutocompleteItemProps
+  Object.keys(autocompleteItemProps),
+  Object.keys(autocompleteItemEvents)
 );
 
 // src/components/autocomplete/autocomplete-list.gen.ts
 import {
-  defaultAutocompleteListProps
+  autocompleteListProps,
+  autocompleteListEvents
 } from "@prosekit/web/autocomplete";
 var AutocompleteList = createComponent(
   "prosekit-autocomplete-list",
   "AutocompleteList",
-  defaultAutocompleteListProps
+  Object.keys(autocompleteListProps),
+  Object.keys(autocompleteListEvents)
 );
 
 // src/components/autocomplete/autocomplete-popover.gen.ts
 import {
-  defaultAutocompletePopoverProps
+  autocompletePopoverProps,
+  autocompletePopoverEvents
 } from "@prosekit/web/autocomplete";
 var AutocompletePopover = createComponent(
   "prosekit-autocomplete-popover",
   "AutocompletePopover",
-  defaultAutocompletePopoverProps
+  Object.keys(autocompletePopoverProps),
+  Object.keys(autocompletePopoverEvents)
 );
 export {
   AutocompleteEmpty,

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

@@ -1,5 +1,6 @@
-export { BlockDragHandle_alias_1 as BlockDragHandle } from './_tsup-dts-rollup';
 export { BlockHandleAdd_alias_1 as BlockHandleAdd } from './_tsup-dts-rollup';
+export { BlockHandleAddProps_alias_1 as BlockHandleAddProps } from './_tsup-dts-rollup';
 export { BlockHandleDraggable_alias_1 as BlockHandleDraggable } from './_tsup-dts-rollup';
+export { BlockHandleDraggableProps_alias_1 as BlockHandleDraggableProps } from './_tsup-dts-rollup';
 export { BlockHandlePopover_alias_1 as BlockHandlePopover } from './_tsup-dts-rollup';
-export { BlockPopover_alias_1 as BlockPopover } from './_tsup-dts-rollup';
+export { BlockHandlePopoverProps_alias_1 as BlockHandlePopoverProps } from './_tsup-dts-rollup';

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

@@ -1,61 +1,45 @@
 import {
   createComponent
-} from "./chunk-UG3RPLME.js";
+} from "./chunk-OFZQYJNI.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-handle-add.gen.ts
 import {
-  defaultBlockHandleAddProps
+  blockHandleAddProps,
+  blockHandleAddEvents
 } from "@prosekit/web/block-handle";
 var BlockHandleAdd = createComponent(
   "prosekit-block-handle-add",
   "BlockHandleAdd",
-  defaultBlockHandleAddProps
+  Object.keys(blockHandleAddProps),
+  Object.keys(blockHandleAddEvents)
 );
 
 // src/components/block-handle/block-handle-draggable.gen.ts
 import {
-  defaultBlockHandleDraggableProps
+  blockHandleDraggableProps,
+  blockHandleDraggableEvents
 } from "@prosekit/web/block-handle";
 var BlockHandleDraggable = createComponent(
   "prosekit-block-handle-draggable",
   "BlockHandleDraggable",
-  defaultBlockHandleDraggableProps
+  Object.keys(blockHandleDraggableProps),
+  Object.keys(blockHandleDraggableEvents)
 );
 
 // src/components/block-handle/block-handle-popover.gen.ts
 import {
-  defaultBlockHandlePopoverProps
+  blockHandlePopoverProps,
+  blockHandlePopoverEvents
 } from "@prosekit/web/block-handle";
 var BlockHandlePopover = createComponent(
   "prosekit-block-handle-popover",
   "BlockHandlePopover",
-  defaultBlockHandlePopoverProps
-);
-
-// src/components/block-handle/block-popover.gen.ts
-import {
-  defaultBlockPopoverProps
-} from "@prosekit/web/block-handle";
-var BlockPopover = createComponent(
-  "prosekit-block-popover",
-  "BlockPopover",
-  defaultBlockPopoverProps
+  Object.keys(blockHandlePopoverProps),
+  Object.keys(blockHandlePopoverEvents)
 );
 export {
-  BlockDragHandle,
   BlockHandleAdd,
   BlockHandleDraggable,
-  BlockHandlePopover,
-  BlockPopover
+  BlockHandlePopover
 };

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

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

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

@@ -1,16 +1,18 @@
 import {
   createComponent
-} from "./chunk-UG3RPLME.js";
+} from "./chunk-OFZQYJNI.js";
 import "./chunk-BH56NR2Q.js";
 
 // src/components/inline-popover/inline-popover.gen.ts
 import {
-  defaultInlinePopoverProps
+  inlinePopoverProps,
+  inlinePopoverEvents
 } from "@prosekit/web/inline-popover";
 var InlinePopover = createComponent(
   "prosekit-inline-popover",
   "InlinePopover",
-  defaultInlinePopoverProps
+  Object.keys(inlinePopoverProps),
+  Object.keys(inlinePopoverEvents)
 );
 export {
   InlinePopover

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

@@ -1,3 +1,6 @@
 export { PopoverContent } from './_tsup-dts-rollup';
+export { PopoverContentProps } from './_tsup-dts-rollup';
 export { PopoverRoot } from './_tsup-dts-rollup';
+export { PopoverRootProps } from './_tsup-dts-rollup';
 export { PopoverTrigger } from './_tsup-dts-rollup';
+export { PopoverTriggerProps } from './_tsup-dts-rollup';

package/dist/prosekit-react-popover.js

@@ -1,36 +1,42 @@
 import {
   createComponent
-} from "./chunk-UG3RPLME.js";
+} from "./chunk-OFZQYJNI.js";
 import "./chunk-BH56NR2Q.js";
 
 // src/components/popover/popover-content.gen.ts
 import {
-  defaultPopoverContentProps
+  popoverContentProps,
+  popoverContentEvents
 } from "@prosekit/web/popover";
 var PopoverContent = createComponent(
   "prosekit-popover-content",
   "PopoverContent",
-  defaultPopoverContentProps
+  Object.keys(popoverContentProps),
+  Object.keys(popoverContentEvents)
 );
 
 // src/components/popover/popover-root.gen.ts
 import {
-  defaultPopoverRootProps
+  popoverRootProps,
+  popoverRootEvents
 } from "@prosekit/web/popover";
 var PopoverRoot = createComponent(
   "prosekit-popover-root",
   "PopoverRoot",
-  defaultPopoverRootProps
+  Object.keys(popoverRootProps),
+  Object.keys(popoverRootEvents)
 );
 
 // src/components/popover/popover-trigger.gen.ts
 import {
-  defaultPopoverTriggerProps
+  popoverTriggerProps,
+  popoverTriggerEvents
 } from "@prosekit/web/popover";
 var PopoverTrigger = createComponent(
   "prosekit-popover-trigger",
   "PopoverTrigger",
-  defaultPopoverTriggerProps
+  Object.keys(popoverTriggerProps),
+  Object.keys(popoverTriggerEvents)
 );
 export {
   PopoverContent,

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

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

package/dist/prosekit-react-resizable.js

@@ -1,26 +1,30 @@
 import {
   createComponent
-} from "./chunk-UG3RPLME.js";
+} from "./chunk-OFZQYJNI.js";
 import "./chunk-BH56NR2Q.js";
 
 // src/components/resizable/resizable-handle.gen.ts
 import {
-  defaultResizableHandleProps
+  resizableHandleProps,
+  resizableHandleEvents
 } from "@prosekit/web/resizable";
 var ResizableHandle = createComponent(
   "prosekit-resizable-handle",
   "ResizableHandle",
-  defaultResizableHandleProps
+  Object.keys(resizableHandleProps),
+  Object.keys(resizableHandleEvents)
 );
 
 // src/components/resizable/resizable-root.gen.ts
 import {
-  defaultResizableRootProps
+  resizableRootProps,
+  resizableRootEvents
 } from "@prosekit/web/resizable";
 var ResizableRoot = createComponent(
   "prosekit-resizable-root",
   "ResizableRoot",
-  defaultResizableRootProps
+  Object.keys(resizableRootProps),
+  Object.keys(resizableRootEvents)
 );
 export {
   ResizableHandle,

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

@@ -1,7 +1,14 @@
 export { TableHandleColumnRoot } from './_tsup-dts-rollup';
+export { TableHandleColumnRootProps } from './_tsup-dts-rollup';
 export { TableHandleColumnTrigger } from './_tsup-dts-rollup';
+export { TableHandleColumnTriggerProps } from './_tsup-dts-rollup';
 export { TableHandlePopoverContent } from './_tsup-dts-rollup';
+export { TableHandlePopoverContentProps } from './_tsup-dts-rollup';
 export { TableHandlePopoverItem } from './_tsup-dts-rollup';
+export { TableHandlePopoverItemProps } from './_tsup-dts-rollup';
 export { TableHandleRoot } from './_tsup-dts-rollup';
+export { TableHandleRootProps } from './_tsup-dts-rollup';
 export { TableHandleRowRoot } from './_tsup-dts-rollup';
+export { TableHandleRowRootProps } from './_tsup-dts-rollup';
 export { TableHandleRowTrigger } from './_tsup-dts-rollup';
+export { TableHandleRowTriggerProps } from './_tsup-dts-rollup';

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

@@ -1,76 +1,90 @@
 import {
   createComponent
-} from "./chunk-UG3RPLME.js";
+} from "./chunk-OFZQYJNI.js";
 import "./chunk-BH56NR2Q.js";
 
 // src/components/table-handle/table-handle-column-root.gen.ts
 import {
-  defaultTableHandleColumnRootProps
+  tableHandleColumnRootProps,
+  tableHandleColumnRootEvents
 } from "@prosekit/web/table-handle";
 var TableHandleColumnRoot = createComponent(
   "prosekit-table-handle-column-root",
   "TableHandleColumnRoot",
-  defaultTableHandleColumnRootProps
+  Object.keys(tableHandleColumnRootProps),
+  Object.keys(tableHandleColumnRootEvents)
 );
 
 // src/components/table-handle/table-handle-column-trigger.gen.ts
 import {
-  defaultTableHandleColumnTriggerProps
+  tableHandleColumnTriggerProps,
+  tableHandleColumnTriggerEvents
 } from "@prosekit/web/table-handle";
 var TableHandleColumnTrigger = createComponent(
   "prosekit-table-handle-column-trigger",
   "TableHandleColumnTrigger",
-  defaultTableHandleColumnTriggerProps
+  Object.keys(tableHandleColumnTriggerProps),
+  Object.keys(tableHandleColumnTriggerEvents)
 );
 
 // src/components/table-handle/table-handle-popover-content.gen.ts
 import {
-  defaultTableHandlePopoverContentProps
+  tableHandlePopoverContentProps,
+  tableHandlePopoverContentEvents
 } from "@prosekit/web/table-handle";
 var TableHandlePopoverContent = createComponent(
   "prosekit-table-handle-popover-content",
   "TableHandlePopoverContent",
-  defaultTableHandlePopoverContentProps
+  Object.keys(tableHandlePopoverContentProps),
+  Object.keys(tableHandlePopoverContentEvents)
 );
 
 // src/components/table-handle/table-handle-popover-item.gen.ts
 import {
-  defaultTableHandlePopoverItemProps
+  tableHandlePopoverItemProps,
+  tableHandlePopoverItemEvents
 } from "@prosekit/web/table-handle";
 var TableHandlePopoverItem = createComponent(
   "prosekit-table-handle-popover-item",
   "TableHandlePopoverItem",
-  defaultTableHandlePopoverItemProps
+  Object.keys(tableHandlePopoverItemProps),
+  Object.keys(tableHandlePopoverItemEvents)
 );
 
 // src/components/table-handle/table-handle-root.gen.ts
 import {
-  defaultTableHandleRootProps
+  tableHandleRootProps,
+  tableHandleRootEvents
 } from "@prosekit/web/table-handle";
 var TableHandleRoot = createComponent(
   "prosekit-table-handle-root",
   "TableHandleRoot",
-  defaultTableHandleRootProps
+  Object.keys(tableHandleRootProps),
+  Object.keys(tableHandleRootEvents)
 );
 
 // src/components/table-handle/table-handle-row-root.gen.ts
 import {
-  defaultTableHandleRowRootProps
+  tableHandleRowRootProps,
+  tableHandleRowRootEvents
 } from "@prosekit/web/table-handle";
 var TableHandleRowRoot = createComponent(
   "prosekit-table-handle-row-root",
   "TableHandleRowRoot",
-  defaultTableHandleRowRootProps
+  Object.keys(tableHandleRowRootProps),
+  Object.keys(tableHandleRowRootEvents)
 );
 
 // src/components/table-handle/table-handle-row-trigger.gen.ts
 import {
-  defaultTableHandleRowTriggerProps
+  tableHandleRowTriggerProps,
+  tableHandleRowTriggerEvents
 } from "@prosekit/web/table-handle";
 var TableHandleRowTrigger = createComponent(
   "prosekit-table-handle-row-trigger",
   "TableHandleRowTrigger",
-  defaultTableHandleRowTriggerProps
+  Object.keys(tableHandleRowTriggerProps),
+  Object.keys(tableHandleRowTriggerEvents)
 );
 export {
   TableHandleColumnRoot,

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

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

package/dist/prosekit-react-tooltip.js

@@ -1,36 +1,42 @@
 import {
   createComponent
-} from "./chunk-UG3RPLME.js";
+} from "./chunk-OFZQYJNI.js";
 import "./chunk-BH56NR2Q.js";
 
 // src/components/tooltip/tooltip-content.gen.ts
 import {
-  defaultTooltipContentProps
+  tooltipContentProps,
+  tooltipContentEvents
 } from "@prosekit/web/tooltip";
 var TooltipContent = createComponent(
   "prosekit-tooltip-content",
   "TooltipContent",
-  defaultTooltipContentProps
+  Object.keys(tooltipContentProps),
+  Object.keys(tooltipContentEvents)
 );
 
 // src/components/tooltip/tooltip-root.gen.ts
 import {
-  defaultTooltipRootProps
+  tooltipRootProps,
+  tooltipRootEvents
 } from "@prosekit/web/tooltip";
 var TooltipRoot = createComponent(
   "prosekit-tooltip-root",
   "TooltipRoot",
-  defaultTooltipRootProps
+  Object.keys(tooltipRootProps),
+  Object.keys(tooltipRootEvents)
 );
 
 // src/components/tooltip/tooltip-trigger.gen.ts
 import {
-  defaultTooltipTriggerProps
+  tooltipTriggerProps,
+  tooltipTriggerEvents
 } from "@prosekit/web/tooltip";
 var TooltipTrigger = createComponent(
   "prosekit-tooltip-trigger",
   "TooltipTrigger",
-  defaultTooltipTriggerProps
+  Object.keys(tooltipTriggerProps),
+  Object.keys(tooltipTriggerEvents)
 );
 export {
   TooltipContent,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/react",
   "type": "module",
-  "version": "0.3.30",
+  "version": "0.4.0",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -74,7 +74,7 @@
     "react-merge-refs": "^2.1.1",
     "@prosekit/core": "^0.7.11",
     "@prosekit/pm": "^0.1.8",
-    "@prosekit/web": "^0.3.18"
+    "@prosekit/web": "^0.4.0"
   },
   "peerDependencies": {
     "react": ">= 18.2.0",
@@ -95,7 +95,7 @@
     "react-dom": "^18.3.1",
     "tsup": "^8.3.0",
     "typescript": "^5.6.2",
-    "vitest": "^2.1.1",
+    "vitest": "^2.1.2",
     "@prosekit/dev": "0.0.0"
   },
   "scripts": {

package/dist/chunk-UG3RPLME.js

@@ -1,51 +0,0 @@
-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
-};