@prosekit/preact 0.3.30 → 0.4.1

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

@@ -1,21 +1,24 @@
 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 { BlockDragHandleElement } from '@prosekit/web/block-handle';
-import { BlockDragHandleProps } from '@prosekit/web/block-handle';
+import { AutocompletePopoverEvents } from '@prosekit/web/autocomplete';
+import { AutocompletePopoverProps as AutocompletePopoverProps_2 } from '@prosekit/web/autocomplete';
 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 { ComponentChildren } from 'preact';
 import { ComponentType } from 'preact';
 import { config as default_alias_1 } from '@prosekit/dev/config-vitest';
@@ -25,81 +28,150 @@ import { Extension } from '@prosekit/core';
 import { ForwardRefExoticComponent } from 'preact/compat';
 import { HTMLAttributes } from 'preact/compat';
 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 'preact';
 import { RefAttributes } from 'preact/compat';
 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>>;
 export { AutocompleteEmpty }
 export { AutocompleteEmpty as AutocompleteEmpty_alias_1 }
 
+/**
+ * Props for the {@link AutocompleteEmpty} component.
+ */
+declare type AutocompleteEmptyProps = Partial<CreateProps<AutocompleteEmptyProps_2, AutocompleteEmptyEvents>>;
+export { AutocompleteEmptyProps }
+export { AutocompleteEmptyProps as AutocompleteEmptyProps_alias_1 }
+
 declare const AutocompleteItem: ForwardRefExoticComponent<Partial<AutocompleteItemProps> & RefAttributes<AutocompleteItemElement> & HTMLAttributes<AutocompleteItemElement>>;
 export { AutocompleteItem }
 export { AutocompleteItem as AutocompleteItem_alias_1 }
 
+/**
+ * Props for the {@link AutocompleteItem} component.
+ */
+declare type AutocompleteItemProps = Partial<CreateProps<AutocompleteItemProps_2, AutocompleteItemEvents>>;
+export { AutocompleteItemProps }
+export { AutocompleteItemProps as AutocompleteItemProps_alias_1 }
+
 declare const AutocompleteList: ForwardRefExoticComponent<Partial<AutocompleteListProps> & RefAttributes<AutocompleteListElement> & HTMLAttributes<AutocompleteListElement>>;
 export { AutocompleteList }
 export { AutocompleteList as AutocompleteList_alias_1 }
 
+/**
+ * Props for the {@link AutocompleteList} component.
+ */
+declare type AutocompleteListProps = Partial<CreateProps<AutocompleteListProps_2, AutocompleteListEvents>>;
+export { AutocompleteListProps }
+export { AutocompleteListProps as AutocompleteListProps_alias_1 }
+
 declare const AutocompletePopover: ForwardRefExoticComponent<Partial<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 type AutocompletePopoverProps = Partial<CreateProps<AutocompletePopoverProps_2, AutocompletePopoverEvents>>;
+export { AutocompletePopoverProps }
+export { AutocompletePopoverProps as AutocompletePopoverProps_alias_1 }
 
 declare const BlockHandleAdd: ForwardRefExoticComponent<Partial<BlockHandleAddProps> & RefAttributes<BlockHandleAddElement> & HTMLAttributes<BlockHandleAddElement>>;
 export { BlockHandleAdd }
 export { BlockHandleAdd as BlockHandleAdd_alias_1 }
 
+/**
+ * Props for the {@link BlockHandleAdd} component.
+ */
+declare type BlockHandleAddProps = Partial<CreateProps<BlockHandleAddProps_2, BlockHandleAddEvents>>;
+export { BlockHandleAddProps }
+export { BlockHandleAddProps as BlockHandleAddProps_alias_1 }
+
 declare const BlockHandleDraggable: ForwardRefExoticComponent<Partial<BlockHandleDraggableProps> & RefAttributes<BlockHandleDraggableElement> & HTMLAttributes<BlockHandleDraggableElement>>;
 export { BlockHandleDraggable }
 export { BlockHandleDraggable as BlockHandleDraggable_alias_1 }
 
+/**
+ * Props for the {@link BlockHandleDraggable} component.
+ */
+declare type BlockHandleDraggableProps = Partial<CreateProps<BlockHandleDraggableProps_2, BlockHandleDraggableEvents>>;
+export { BlockHandleDraggableProps }
+export { BlockHandleDraggableProps as BlockHandleDraggableProps_alias_1 }
+
 declare const BlockHandlePopover: ForwardRefExoticComponent<Partial<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 type BlockHandlePopoverProps = 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[]>);
 
@@ -114,18 +186,46 @@ declare const InlinePopover: ForwardRefExoticComponent<Partial<InlinePopoverProp
 export { InlinePopover }
 export { InlinePopover as InlinePopover_alias_1 }
 
+/**
+ * Props for the {@link InlinePopover} component.
+ */
+declare type InlinePopoverProps = Partial<CreateProps<InlinePopoverProps_2, InlinePopoverEvents>>;
+export { InlinePopoverProps }
+export { InlinePopoverProps as InlinePopoverProps_alias_1 }
+
 declare const PopoverContent: ForwardRefExoticComponent<Partial<PopoverContentProps> & RefAttributes<PopoverContentElement> & HTMLAttributes<PopoverContentElement>>;
 export { PopoverContent }
 export { PopoverContent as PopoverContent_alias_1 }
 
+/**
+ * Props for the {@link PopoverContent} component.
+ */
+declare type PopoverContentProps = Partial<CreateProps<PopoverContentProps_2, PopoverContentEvents>>;
+export { PopoverContentProps }
+export { PopoverContentProps as PopoverContentProps_alias_1 }
+
 declare const PopoverRoot: ForwardRefExoticComponent<Partial<PopoverRootProps> & RefAttributes<PopoverRootElement> & HTMLAttributes<PopoverRootElement>>;
 export { PopoverRoot }
 export { PopoverRoot as PopoverRoot_alias_1 }
 
+/**
+ * Props for the {@link PopoverRoot} component.
+ */
+declare type PopoverRootProps = Partial<CreateProps<PopoverRootProps_2, PopoverRootEvents>>;
+export { PopoverRootProps }
+export { PopoverRootProps as PopoverRootProps_alias_1 }
+
 declare const PopoverTrigger: ForwardRefExoticComponent<Partial<PopoverTriggerProps> & RefAttributes<PopoverTriggerElement> & HTMLAttributes<PopoverTriggerElement>>;
 export { PopoverTrigger }
 export { PopoverTrigger as PopoverTrigger_alias_1 }
 
+/**
+ * Props for the {@link PopoverTrigger} component.
+ */
+declare type PopoverTriggerProps = Partial<CreateProps<PopoverTriggerProps_2, PopoverTriggerEvents>>;
+export { PopoverTriggerProps }
+export { PopoverTriggerProps as PopoverTriggerProps_alias_1 }
+
 /**
  * @internal
  */
@@ -165,50 +265,134 @@ declare const ResizableHandle: ForwardRefExoticComponent<Partial<ResizableHandle
 export { ResizableHandle }
 export { ResizableHandle as ResizableHandle_alias_1 }
 
+/**
+ * Props for the {@link ResizableHandle} component.
+ */
+declare type ResizableHandleProps = Partial<CreateProps<ResizableHandleProps_2, ResizableHandleEvents>>;
+export { ResizableHandleProps }
+export { ResizableHandleProps as ResizableHandleProps_alias_1 }
+
 declare const ResizableRoot: ForwardRefExoticComponent<Partial<ResizableRootProps> & RefAttributes<ResizableRootElement> & HTMLAttributes<ResizableRootElement>>;
 export { ResizableRoot }
 export { ResizableRoot as ResizableRoot_alias_1 }
 
+/**
+ * Props for the {@link ResizableRoot} component.
+ */
+declare type ResizableRootProps = Partial<CreateProps<ResizableRootProps_2, ResizableRootEvents>>;
+export { ResizableRootProps }
+export { ResizableRootProps as ResizableRootProps_alias_1 }
+
 declare const TableHandleColumnRoot: ForwardRefExoticComponent<Partial<TableHandleColumnRootProps> & RefAttributes<TableHandleColumnRootElement> & HTMLAttributes<TableHandleColumnRootElement>>;
 export { TableHandleColumnRoot }
 export { TableHandleColumnRoot as TableHandleColumnRoot_alias_1 }
 
+/**
+ * Props for the {@link TableHandleColumnRoot} component.
+ */
+declare type TableHandleColumnRootProps = Partial<CreateProps<TableHandleColumnRootProps_2, TableHandleColumnRootEvents>>;
+export { TableHandleColumnRootProps }
+export { TableHandleColumnRootProps as TableHandleColumnRootProps_alias_1 }
+
 declare const TableHandleColumnTrigger: ForwardRefExoticComponent<Partial<TableHandleColumnTriggerProps> & RefAttributes<TableHandleColumnTriggerElement> & HTMLAttributes<TableHandleColumnTriggerElement>>;
 export { TableHandleColumnTrigger }
 export { TableHandleColumnTrigger as TableHandleColumnTrigger_alias_1 }
 
+/**
+ * Props for the {@link TableHandleColumnTrigger} component.
+ */
+declare type TableHandleColumnTriggerProps = Partial<CreateProps<TableHandleColumnTriggerProps_2, TableHandleColumnTriggerEvents>>;
+export { TableHandleColumnTriggerProps }
+export { TableHandleColumnTriggerProps as TableHandleColumnTriggerProps_alias_1 }
+
 declare const TableHandlePopoverContent: ForwardRefExoticComponent<Partial<TableHandlePopoverContentProps> & RefAttributes<TableHandlePopoverContentElement> & HTMLAttributes<TableHandlePopoverContentElement>>;
 export { TableHandlePopoverContent }
 export { TableHandlePopoverContent as TableHandlePopoverContent_alias_1 }
 
+/**
+ * Props for the {@link TableHandlePopoverContent} component.
+ */
+declare type TableHandlePopoverContentProps = Partial<CreateProps<TableHandlePopoverContentProps_2, TableHandlePopoverContentEvents>>;
+export { TableHandlePopoverContentProps }
+export { TableHandlePopoverContentProps as TableHandlePopoverContentProps_alias_1 }
+
 declare const TableHandlePopoverItem: ForwardRefExoticComponent<Partial<TableHandlePopoverItemProps> & RefAttributes<TableHandlePopoverItemElement> & HTMLAttributes<TableHandlePopoverItemElement>>;
 export { TableHandlePopoverItem }
 export { TableHandlePopoverItem as TableHandlePopoverItem_alias_1 }
 
+/**
+ * Props for the {@link TableHandlePopoverItem} component.
+ */
+declare type TableHandlePopoverItemProps = Partial<CreateProps<TableHandlePopoverItemProps_2, TableHandlePopoverItemEvents>>;
+export { TableHandlePopoverItemProps }
+export { TableHandlePopoverItemProps as TableHandlePopoverItemProps_alias_1 }
+
 declare const TableHandleRoot: ForwardRefExoticComponent<Partial<TableHandleRootProps> & RefAttributes<TableHandleRootElement> & HTMLAttributes<TableHandleRootElement>>;
 export { TableHandleRoot }
 export { TableHandleRoot as TableHandleRoot_alias_1 }
 
+/**
+ * Props for the {@link TableHandleRoot} component.
+ */
+declare type TableHandleRootProps = Partial<CreateProps<TableHandleRootProps_2, TableHandleRootEvents>>;
+export { TableHandleRootProps }
+export { TableHandleRootProps as TableHandleRootProps_alias_1 }
+
 declare const TableHandleRowRoot: ForwardRefExoticComponent<Partial<TableHandleRowRootProps> & RefAttributes<TableHandleRowRootElement> & HTMLAttributes<TableHandleRowRootElement>>;
 export { TableHandleRowRoot }
 export { TableHandleRowRoot as TableHandleRowRoot_alias_1 }
 
+/**
+ * Props for the {@link TableHandleRowRoot} component.
+ */
+declare type TableHandleRowRootProps = Partial<CreateProps<TableHandleRowRootProps_2, TableHandleRowRootEvents>>;
+export { TableHandleRowRootProps }
+export { TableHandleRowRootProps as TableHandleRowRootProps_alias_1 }
+
 declare const TableHandleRowTrigger: ForwardRefExoticComponent<Partial<TableHandleRowTriggerProps> & RefAttributes<TableHandleRowTriggerElement> & HTMLAttributes<TableHandleRowTriggerElement>>;
 export { TableHandleRowTrigger }
 export { TableHandleRowTrigger as TableHandleRowTrigger_alias_1 }
 
+/**
+ * Props for the {@link TableHandleRowTrigger} component.
+ */
+declare type TableHandleRowTriggerProps = Partial<CreateProps<TableHandleRowTriggerProps_2, TableHandleRowTriggerEvents>>;
+export { TableHandleRowTriggerProps }
+export { TableHandleRowTriggerProps as TableHandleRowTriggerProps_alias_1 }
+
 declare const TooltipContent: ForwardRefExoticComponent<Partial<TooltipContentProps> & RefAttributes<TooltipContentElement> & HTMLAttributes<TooltipContentElement>>;
 export { TooltipContent }
 export { TooltipContent as TooltipContent_alias_1 }
 
+/**
+ * Props for the {@link TooltipContent} component.
+ */
+declare type TooltipContentProps = Partial<CreateProps<TooltipContentProps_2, TooltipContentEvents>>;
+export { TooltipContentProps }
+export { TooltipContentProps as TooltipContentProps_alias_1 }
+
 declare const TooltipRoot: ForwardRefExoticComponent<Partial<TooltipRootProps> & RefAttributes<TooltipRootElement> & HTMLAttributes<TooltipRootElement>>;
 export { TooltipRoot }
 export { TooltipRoot as TooltipRoot_alias_1 }
 
+/**
+ * Props for the {@link TooltipRoot} component.
+ */
+declare type TooltipRootProps = Partial<CreateProps<TooltipRootProps_2, TooltipRootEvents>>;
+export { TooltipRootProps }
+export { TooltipRootProps as TooltipRootProps_alias_1 }
+
 declare const TooltipTrigger: ForwardRefExoticComponent<Partial<TooltipTriggerProps> & RefAttributes<TooltipTriggerElement> & HTMLAttributes<TooltipTriggerElement>>;
 export { TooltipTrigger }
 export { TooltipTrigger as TooltipTrigger_alias_1 }
 
+/**
+ * Props for the {@link TooltipTrigger} component.
+ */
+declare type TooltipTriggerProps = 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-YDJM74CW.js

@@ -0,0 +1,112 @@
+import {
+  useEditorContext
+} from "./chunk-V253IGNY.js";
+
+// src/components/create-component.ts
+import { createElement } from "preact";
+import {
+  forwardRef
+} from "preact/compat";
+import {
+  useEffect,
+  useLayoutEffect,
+  useRef,
+  useState
+} from "preact/hooks";
+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-preact-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-preact-autocomplete.js

@@ -1,46 +1,54 @@
 import {
   createComponent
-} from "./chunk-5LWA54E4.js";
+} from "./chunk-YDJM74CW.js";
 import "./chunk-V253IGNY.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-preact-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-preact-block-handle.js

@@ -1,61 +1,45 @@
 import {
   createComponent
-} from "./chunk-5LWA54E4.js";
+} from "./chunk-YDJM74CW.js";
 import "./chunk-V253IGNY.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-preact-inline-popover.d.ts

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

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

@@ -1,16 +1,18 @@
 import {
   createComponent
-} from "./chunk-5LWA54E4.js";
+} from "./chunk-YDJM74CW.js";
 import "./chunk-V253IGNY.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-preact-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-preact-popover.js

@@ -1,36 +1,42 @@
 import {
   createComponent
-} from "./chunk-5LWA54E4.js";
+} from "./chunk-YDJM74CW.js";
 import "./chunk-V253IGNY.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-preact-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-preact-resizable.js

@@ -1,26 +1,30 @@
 import {
   createComponent
-} from "./chunk-5LWA54E4.js";
+} from "./chunk-YDJM74CW.js";
 import "./chunk-V253IGNY.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-preact-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-preact-table-handle.js

@@ -1,76 +1,90 @@
 import {
   createComponent
-} from "./chunk-5LWA54E4.js";
+} from "./chunk-YDJM74CW.js";
 import "./chunk-V253IGNY.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-preact-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-preact-tooltip.js

@@ -1,36 +1,42 @@
 import {
   createComponent
-} from "./chunk-5LWA54E4.js";
+} from "./chunk-YDJM74CW.js";
 import "./chunk-V253IGNY.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/preact",
   "type": "module",
-  "version": "0.3.30",
+  "version": "0.4.1",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -71,9 +71,9 @@
   ],
   "dependencies": {
     "react-merge-refs": "^2.1.1",
-    "@prosekit/core": "^0.7.11",
-    "@prosekit/web": "^0.3.19",
-    "@prosekit/pm": "^0.1.8"
+    "@prosekit/core": "^0.7.12",
+    "@prosekit/pm": "^0.1.8",
+    "@prosekit/web": "^0.4.1"
   },
   "peerDependencies": {
     "preact": ">= 10.11.0"
@@ -84,10 +84,10 @@
     }
   },
   "devDependencies": {
-    "preact": "^10.24.0",
+    "preact": "^10.24.3",
     "tsup": "^8.3.0",
-    "typescript": "^5.6.2",
-    "vitest": "^2.1.2",
+    "typescript": "^5.6.3",
+    "vitest": "^2.1.3",
     "@prosekit/dev": "0.0.0"
   },
   "scripts": {

package/dist/chunk-5LWA54E4.js

@@ -1,50 +0,0 @@
-import {
-  useEditorContext
-} from "./chunk-V253IGNY.js";
-
-// src/components/create-component.ts
-import { createElement } from "preact";
-import {
-  forwardRef
-} from "preact/compat";
-import { useLayoutEffect, useState } from "preact/hooks";
-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
-};