@prosekit/solid 0.3.29 → 0.4.0

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

@@ -1,24 +1,27 @@
 import { Accessor } from 'solid-js';
 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 { Component } from 'solid-js';
 import { ContextProviderComponent } from 'solid-js';
 import type { Decoration } from '@prosekit/pm/view';
@@ -29,87 +32,163 @@ import type { EditorState } from '@prosekit/pm/state';
 import type { EditorView } from '@prosekit/pm/view';
 import { Extension } from '@prosekit/core';
 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 { JSX } from 'solid-js';
 import type { JSXElement } from 'solid-js';
 import { Keymap } from '@prosekit/core';
 import { Options } from 'tsup';
 import { ParentProps } from 'solid-js';
 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 { 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: Component<Partial<AutocompleteEmptyProps> & JSX<AutocompleteEmptyElement>>;
 export { AutocompleteEmpty }
 export { AutocompleteEmpty as AutocompleteEmpty_alias_1 }
 
+/**
+ * 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: Component<Partial<AutocompleteItemProps> & JSX<AutocompleteItemElement>>;
 export { AutocompleteItem }
 export { AutocompleteItem as AutocompleteItem_alias_1 }
 
+/**
+ * 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: Component<Partial<AutocompleteListProps> & JSX<AutocompleteListElement>>;
 export { AutocompleteList }
 export { AutocompleteList as AutocompleteList_alias_1 }
 
+/**
+ * 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: Component<Partial<AutocompletePopoverProps> & JSX<AutocompletePopoverElement>>;
 export { AutocompletePopover }
 export { AutocompletePopover as AutocompletePopover_alias_1 }
 
-declare const BlockDragHandle: Component<Partial<BlockDragHandleProps> & JSX<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: Component<Partial<BlockHandleAddProps> & JSX<BlockHandleAddElement>>;
 export { BlockHandleAdd }
 export { BlockHandleAdd as BlockHandleAdd_alias_1 }
 
+/**
+ * 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: Component<Partial<BlockHandleDraggableProps> & JSX<BlockHandleDraggableElement>>;
 export { BlockHandleDraggable }
 export { BlockHandleDraggable as BlockHandleDraggable_alias_1 }
 
+/**
+ * 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: Component<Partial<BlockHandlePopoverProps> & JSX<BlockHandlePopoverElement>>;
 export { BlockHandlePopover }
 export { BlockHandlePopover as BlockHandlePopover_alias_1 }
 
-declare const BlockPopover: Component<Partial<BlockPopoverProps> & JSX<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 }
 
 /**
  * @internal
  */
 export declare function consumeSolidViews(): void;
 
-export declare function createComponent<Props extends object, CustomElement extends HTMLElement>(tagName: string, defaultProps: Props): Component<Partial<Props> & JSX.HTMLAttributes<CustomElement>>;
+export declare function createComponent<Props extends object, CustomElement extends HTMLElement>(tagName: string, propNames: string[], eventNames: string[]): Component<Partial<Props> & JSX.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[]>);
 
@@ -133,6 +212,14 @@ declare const InlinePopover: Component<Partial<InlinePopoverProps> & JSX<InlineP
 export { InlinePopover }
 export { InlinePopover as InlinePopover_alias_1 }
 
+/**
+ * Props for the {@link InlinePopover} component.
+ */
+declare interface InlinePopoverProps extends Partial<CreateProps<InlinePopoverProps_2, InlinePopoverEvents>> {
+}
+export { InlinePopoverProps }
+export { InlinePopoverProps as InlinePopoverProps_alias_1 }
+
 /**
  * T or a reactive/non-reactive function returning T
  */
@@ -160,14 +247,38 @@ declare const PopoverContent: Component<Partial<PopoverContentProps> & JSX<Popov
 export { PopoverContent }
 export { PopoverContent as PopoverContent_alias_1 }
 
+/**
+ * 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: Component<Partial<PopoverRootProps> & JSX<PopoverRootElement>>;
 export { PopoverRoot }
 export { PopoverRoot as PopoverRoot_alias_1 }
 
+/**
+ * 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: Component<Partial<PopoverTriggerProps> & JSX<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
  */
@@ -205,10 +316,26 @@ declare const ResizableHandle: Component<Partial<ResizableHandleProps> & JSX<Res
 export { ResizableHandle }
 export { ResizableHandle as ResizableHandle_alias_1 }
 
+/**
+ * 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: Component<Partial<ResizableRootProps> & JSX<ResizableRootElement>>;
 export { ResizableRoot }
 export { ResizableRoot as ResizableRoot_alias_1 }
 
+/**
+ * Props for the {@link ResizableRoot} component.
+ */
+declare interface ResizableRootProps extends Partial<CreateProps<ResizableRootProps_2, ResizableRootEvents>> {
+}
+export { ResizableRootProps }
+export { ResizableRootProps as ResizableRootProps_alias_1 }
+
 /**
  * @public
  */
@@ -254,42 +381,122 @@ declare const TableHandleColumnRoot: Component<Partial<TableHandleColumnRootProp
 export { TableHandleColumnRoot }
 export { TableHandleColumnRoot as TableHandleColumnRoot_alias_1 }
 
+/**
+ * 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: Component<Partial<TableHandleColumnTriggerProps> & JSX<TableHandleColumnTriggerElement>>;
 export { TableHandleColumnTrigger }
 export { TableHandleColumnTrigger as TableHandleColumnTrigger_alias_1 }
 
+/**
+ * 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: Component<Partial<TableHandlePopoverContentProps> & JSX<TableHandlePopoverContentElement>>;
 export { TableHandlePopoverContent }
 export { TableHandlePopoverContent as TableHandlePopoverContent_alias_1 }
 
+/**
+ * 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: Component<Partial<TableHandlePopoverItemProps> & JSX<TableHandlePopoverItemElement>>;
 export { TableHandlePopoverItem }
 export { TableHandlePopoverItem as TableHandlePopoverItem_alias_1 }
 
+/**
+ * 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: Component<Partial<TableHandleRootProps> & JSX<TableHandleRootElement>>;
 export { TableHandleRoot }
 export { TableHandleRoot as TableHandleRoot_alias_1 }
 
+/**
+ * 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: Component<Partial<TableHandleRowRootProps> & JSX<TableHandleRowRootElement>>;
 export { TableHandleRowRoot }
 export { TableHandleRowRoot as TableHandleRowRoot_alias_1 }
 
+/**
+ * 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: Component<Partial<TableHandleRowTriggerProps> & JSX<TableHandleRowTriggerElement>>;
 export { TableHandleRowTrigger }
 export { TableHandleRowTrigger as TableHandleRowTrigger_alias_1 }
 
+/**
+ * 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: Component<Partial<TooltipContentProps> & JSX<TooltipContentElement>>;
 export { TooltipContent }
 export { TooltipContent as TooltipContent_alias_1 }
 
+/**
+ * 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: Component<Partial<TooltipRootProps> & JSX<TooltipRootElement>>;
 export { TooltipRoot }
 export { TooltipRoot as TooltipRoot_alias_1 }
 
+/**
+ * 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: Component<Partial<TooltipTriggerProps> & JSX<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 }
+
 /**
  * Accesses the value of a MaybeAccessor
  *

package/dist/chunk-SGL36LNK.js

@@ -0,0 +1,45 @@
+import {
+  useEditorContext
+} from "./chunk-XXXIBXNC.js";
+
+// src/components/create-component.ts
+import h from "solid-js/h";
+function createComponent(tagName, propNames, eventNames) {
+  const hasEditor = propNames.includes("editor");
+  const lowerCaseEventNameMap = Object.fromEntries(
+    eventNames.map((name) => [name.toLowerCase(), name])
+  );
+  const Component = (props) => {
+    const properties = {};
+    const eventHandlers = {};
+    for (const name of Object.keys(props)) {
+      if (propNames.includes(name)) {
+        properties["prop:" + name] = () => props[name];
+        continue;
+      }
+      if (name.startsWith("on")) {
+        const lowerCaseEventName = name.slice(2).toLowerCase();
+        const eventName = lowerCaseEventNameMap[lowerCaseEventName];
+        if (eventName) {
+          const extractDetail = eventName.endsWith("Change");
+          eventHandlers["on:" + eventName] = (event) => {
+            const handler = props[name];
+            handler(extractDetail ? event.detail : event);
+          };
+          continue;
+        }
+      }
+      properties[name] = () => props[name];
+    }
+    const editor = useEditorContext();
+    if (hasEditor && editor) {
+      properties["prop:editor"] = () => props["editor"] || editor;
+    }
+    return h(tagName, { ...properties, ...eventHandlers });
+  };
+  return Component;
+}
+
+export {
+  createComponent
+};

package/dist/prosekit-solid-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-solid-autocomplete.js

@@ -1,42 +1,50 @@
 import {
   createComponent
-} from "./chunk-4QNJABUA.js";
+} from "./chunk-SGL36LNK.js";
 import "./chunk-XXXIBXNC.js";
 
 // src/components/autocomplete/autocomplete-empty.gen.ts
 import {
-  defaultAutocompleteEmptyProps
+  autocompleteEmptyProps,
+  autocompleteEmptyEvents
 } from "@prosekit/web/autocomplete";
 var AutocompleteEmpty = createComponent(
   "prosekit-autocomplete-empty",
-  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",
-  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",
-  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",
-  defaultAutocompletePopoverProps
+  Object.keys(autocompletePopoverProps),
+  Object.keys(autocompletePopoverEvents)
 );
 export {
   AutocompleteEmpty,

package/dist/prosekit-solid-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-solid-block-handle.js

@@ -1,56 +1,42 @@
 import {
   createComponent
-} from "./chunk-4QNJABUA.js";
+} from "./chunk-SGL36LNK.js";
 import "./chunk-XXXIBXNC.js";
 
-// src/components/block-handle/block-drag-handle.gen.ts
-import {
-  defaultBlockDragHandleProps
-} from "@prosekit/web/block-handle";
-var BlockDragHandle = createComponent(
-  "prosekit-block-drag-handle",
-  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",
-  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",
-  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",
-  defaultBlockHandlePopoverProps
-);
-
-// src/components/block-handle/block-popover.gen.ts
-import {
-  defaultBlockPopoverProps
-} from "@prosekit/web/block-handle";
-var BlockPopover = createComponent(
-  "prosekit-block-popover",
-  defaultBlockPopoverProps
+  Object.keys(blockHandlePopoverProps),
+  Object.keys(blockHandlePopoverEvents)
 );
 export {
-  BlockDragHandle,
   BlockHandleAdd,
   BlockHandleDraggable,
-  BlockHandlePopover,
-  BlockPopover
+  BlockHandlePopover
 };

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

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

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

@@ -1,15 +1,17 @@
 import {
   createComponent
-} from "./chunk-4QNJABUA.js";
+} from "./chunk-SGL36LNK.js";
 import "./chunk-XXXIBXNC.js";
 
 // src/components/inline-popover/inline-popover.gen.ts
 import {
-  defaultInlinePopoverProps
+  inlinePopoverProps,
+  inlinePopoverEvents
 } from "@prosekit/web/inline-popover";
 var InlinePopover = createComponent(
   "prosekit-inline-popover",
-  defaultInlinePopoverProps
+  Object.keys(inlinePopoverProps),
+  Object.keys(inlinePopoverEvents)
 );
 export {
   InlinePopover

package/dist/prosekit-solid-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-solid-popover.js

@@ -1,33 +1,39 @@
 import {
   createComponent
-} from "./chunk-4QNJABUA.js";
+} from "./chunk-SGL36LNK.js";
 import "./chunk-XXXIBXNC.js";
 
 // src/components/popover/popover-content.gen.ts
 import {
-  defaultPopoverContentProps
+  popoverContentProps,
+  popoverContentEvents
 } from "@prosekit/web/popover";
 var PopoverContent = createComponent(
   "prosekit-popover-content",
-  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",
-  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",
-  defaultPopoverTriggerProps
+  Object.keys(popoverTriggerProps),
+  Object.keys(popoverTriggerEvents)
 );
 export {
   PopoverContent,

package/dist/prosekit-solid-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-solid-resizable.js

@@ -1,24 +1,28 @@
 import {
   createComponent
-} from "./chunk-4QNJABUA.js";
+} from "./chunk-SGL36LNK.js";
 import "./chunk-XXXIBXNC.js";
 
 // src/components/resizable/resizable-handle.gen.ts
 import {
-  defaultResizableHandleProps
+  resizableHandleProps,
+  resizableHandleEvents
 } from "@prosekit/web/resizable";
 var ResizableHandle = createComponent(
   "prosekit-resizable-handle",
-  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",
-  defaultResizableRootProps
+  Object.keys(resizableRootProps),
+  Object.keys(resizableRootEvents)
 );
 export {
   ResizableHandle,

package/dist/prosekit-solid-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-solid-table-handle.js

@@ -1,69 +1,83 @@
 import {
   createComponent
-} from "./chunk-4QNJABUA.js";
+} from "./chunk-SGL36LNK.js";
 import "./chunk-XXXIBXNC.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",
-  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",
-  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",
-  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",
-  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",
-  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",
-  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",
-  defaultTableHandleRowTriggerProps
+  Object.keys(tableHandleRowTriggerProps),
+  Object.keys(tableHandleRowTriggerEvents)
 );
 export {
   TableHandleColumnRoot,

package/dist/prosekit-solid-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-solid-tooltip.js

@@ -1,33 +1,39 @@
 import {
   createComponent
-} from "./chunk-4QNJABUA.js";
+} from "./chunk-SGL36LNK.js";
 import "./chunk-XXXIBXNC.js";
 
 // src/components/tooltip/tooltip-content.gen.ts
 import {
-  defaultTooltipContentProps
+  tooltipContentProps,
+  tooltipContentEvents
 } from "@prosekit/web/tooltip";
 var TooltipContent = createComponent(
   "prosekit-tooltip-content",
-  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",
-  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",
-  defaultTooltipTriggerProps
+  Object.keys(tooltipTriggerProps),
+  Object.keys(tooltipTriggerEvents)
 );
 export {
   TooltipContent,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/solid",
   "type": "module",
-  "version": "0.3.29",
+  "version": "0.4.0",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -71,9 +71,9 @@
   ],
   "dependencies": {
     "@prosemirror-adapter/solid": "^0.2.6",
+    "@prosekit/pm": "^0.1.8",
     "@prosekit/core": "^0.7.11",
-    "@prosekit/web": "^0.3.19",
-    "@prosekit/pm": "^0.1.8"
+    "@prosekit/web": "^0.4.0"
   },
   "peerDependencies": {
     "solid-js": ">= 1.7.0"

package/dist/chunk-4QNJABUA.js

@@ -1,26 +0,0 @@
-import {
-  useEditorContext
-} from "./chunk-XXXIBXNC.js";
-
-// src/components/create-component.ts
-import h from "solid-js/h";
-function createComponent(tagName, defaultProps) {
-  const propertyNames = Object.keys(defaultProps);
-  const hasEditor = Object.hasOwn(defaultProps, "editor");
-  const Component = (props) => {
-    const properties = {};
-    for (const key of Object.keys(props)) {
-      properties[propertyNames.includes(key) ? "prop:" + key : key] = () => props[key];
-    }
-    const editor = useEditorContext();
-    if (hasEditor && editor) {
-      properties["prop:editor"] = () => props["editor"] || editor;
-    }
-    return h(tagName, properties);
-  };
-  return Component;
-}
-
-export {
-  createComponent
-};