@prosekit/preact 0.2.7 → 0.3.0

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

@@ -1,83 +1,72 @@
-import type { AutocompleteEmptyProps as AutocompleteEmptyProps_2 } from '@prosekit/lit/autocomplete-empty';
-import type { AutocompleteItemProps as AutocompleteItemProps_2 } from '@prosekit/lit/autocomplete-item';
-import type { AutocompleteListProps as AutocompleteListProps_2 } from '@prosekit/lit/autocomplete-list';
-import type { AutocompletePopoverProps as AutocompletePopoverProps_2 } from '@prosekit/lit/autocomplete-popover';
-import type { BlockPopoverProps as BlockPopoverProps_2 } from '@prosekit/lit/block-popover';
-import type { ComboBoxInputProps as ComboBoxInputProps_2 } from '@prosekit/lit/combo-box-input';
-import type { ComboBoxItemProps as ComboBoxItemProps_2 } from '@prosekit/lit/combo-box-item';
-import type { ComboBoxListProps as ComboBoxListProps_2 } from '@prosekit/lit/combo-box-list';
-import type { ComboBoxProps as ComboBoxProps_2 } from '@prosekit/lit/combo-box';
+import { AutocompleteEmptyElement } from '@prosekit/web/autocomplete';
+import { AutocompleteEmptyProps } from '@prosekit/web/autocomplete';
+import { AutocompleteItemElement } from '@prosekit/web/autocomplete';
+import { AutocompleteItemProps } from '@prosekit/web/autocomplete';
+import { AutocompleteListElement } from '@prosekit/web/autocomplete';
+import { AutocompleteListProps } from '@prosekit/web/autocomplete';
+import { AutocompletePopoverElement } from '@prosekit/web/autocomplete';
+import { AutocompletePopoverProps } from '@prosekit/web/autocomplete';
+import { BlockDragHandleElement } from '@prosekit/web/block-handle';
+import { BlockDragHandleProps } from '@prosekit/web/block-handle';
+import { BlockPopoverElement } from '@prosekit/web/block-handle';
+import { BlockPopoverProps } from '@prosekit/web/block-handle';
 import { ComponentChildren } from 'preact';
 import { ComponentType } from 'preact';
-import type { DragHandleProps as DragHandleProps_2 } from '@prosekit/lit/drag-handle';
 import { Editor } from '@prosekit/core';
 import type { EditorState } from '@prosekit/pm/state';
 import { Extension } from '@prosekit/core';
-import type { InlinePopoverProps as InlinePopoverProps_2 } from '@prosekit/lit/inline-popover';
+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 { Keymap } from '@prosekit/core';
 import { Options } from 'tsup';
-import type { PopoverContentProps as PopoverContentProps_2 } from '@prosekit/lit/popover-content';
-import type { PopoverProps as PopoverProps_2 } from '@prosekit/lit/popover';
-import type { PopoverRootProps as PopoverRootProps_2 } from '@prosekit/lit/popover-root';
-import type { PopoverTriggerProps as PopoverTriggerProps_2 } from '@prosekit/lit/popover-trigger';
-import { PositioningOptions } from '@prosekit/lit/autocomplete-popover';
+import { PopoverContentElement } from '@prosekit/web/popover';
+import { PopoverContentProps } from '@prosekit/web/popover';
+import { PopoverRootElement } from '@prosekit/web/popover';
+import { PopoverRootProps } from '@prosekit/web/popover';
+import { PopoverTriggerElement } from '@prosekit/web/popover';
+import { PopoverTriggerProps } from '@prosekit/web/popover';
 import { Priority } from '@prosekit/core';
 import type { ProseMirrorNode } from '@prosekit/pm/model';
 import { Provider } from 'preact';
-import type { ResizableHandleProps as ResizableHandleProps_2 } from '@prosekit/lit/resizable-handle';
-import type { ResizableProps as ResizableProps_2 } from '@prosekit/lit/resizable';
-
-declare const AutocompleteEmpty: ComponentType<AutocompleteEmptyProps>;
+import { RefAttributes } from 'preact/compat';
+import { ResizableHandleElement } from '@prosekit/web/resizable';
+import { ResizableHandleProps } from '@prosekit/web/resizable';
+import { ResizableRootElement } from '@prosekit/web/resizable';
+import { ResizableRootProps } from '@prosekit/web/resizable';
+import { TooltipContentElement } from '@prosekit/web/tooltip';
+import { TooltipContentProps } from '@prosekit/web/tooltip';
+import { TooltipRootElement } from '@prosekit/web/tooltip';
+import { TooltipRootProps } from '@prosekit/web/tooltip';
+import { TooltipTriggerElement } from '@prosekit/web/tooltip';
+import { TooltipTriggerProps } from '@prosekit/web/tooltip';
+
+declare const AutocompleteEmpty: ForwardRefExoticComponent<Partial<AutocompleteEmptyProps> & RefAttributes<AutocompleteEmptyElement> & HTMLAttributes<AutocompleteEmptyElement>>;
 export { AutocompleteEmpty }
 export { AutocompleteEmpty as AutocompleteEmpty_alias_1 }
 
-declare type AutocompleteEmptyProps = PropsWithChildren<PropsWithClass<AutocompleteEmptyProps_2>>;
-export { AutocompleteEmptyProps }
-export { AutocompleteEmptyProps as AutocompleteEmptyProps_alias_1 }
-
-declare const AutocompleteItem: ComponentType<AutocompleteItemProps>;
+declare const AutocompleteItem: ForwardRefExoticComponent<Partial<AutocompleteItemProps> & RefAttributes<AutocompleteItemElement> & HTMLAttributes<AutocompleteItemElement>>;
 export { AutocompleteItem }
 export { AutocompleteItem as AutocompleteItem_alias_1 }
 
-declare type AutocompleteItemProps = PropsWithChildren<PropsWithClass<AutocompleteItemProps_2>>;
-export { AutocompleteItemProps }
-export { AutocompleteItemProps as AutocompleteItemProps_alias_1 }
-
-declare const AutocompleteList: ComponentType<AutocompleteListProps>;
+declare const AutocompleteList: ForwardRefExoticComponent<Partial<AutocompleteListProps> & RefAttributes<AutocompleteListElement> & HTMLAttributes<AutocompleteListElement>>;
 export { AutocompleteList }
 export { AutocompleteList as AutocompleteList_alias_1 }
 
-declare type AutocompleteListProps = PropsWithChildren<PropsWithClass<AutocompleteListProps_2>>;
-export { AutocompleteListProps }
-export { AutocompleteListProps as AutocompleteListProps_alias_1 }
-
-declare const AutocompletePopover: ComponentType<AutocompletePopoverProps>;
+declare const AutocompletePopover: ForwardRefExoticComponent<Partial<AutocompletePopoverProps> & RefAttributes<AutocompletePopoverElement> & HTMLAttributes<AutocompletePopoverElement>>;
 export { AutocompletePopover }
 export { AutocompletePopover as AutocompletePopover_alias_1 }
 
-declare type AutocompletePopoverProps = PropsWithChildren<PropsWithClass<AutocompletePopoverProps_2>>;
-export { AutocompletePopoverProps }
-export { AutocompletePopoverProps as AutocompletePopoverProps_alias_1 }
-
-export declare const BlockPopover: ComponentType<BlockPopoverProps>;
-
-export declare type BlockPopoverProps = PropsWithChildren<PropsWithClass<BlockPopoverProps_2>>;
-
-export declare const ComboBox: ComponentType<ComboBoxProps>;
-
-export declare const ComboBoxInput: ComponentType<ComboBoxInputProps>;
-
-export declare type ComboBoxInputProps = PropsWithChildren<PropsWithClass<ComboBoxInputProps_2>>;
-
-export declare const ComboBoxItem: ComponentType<ComboBoxItemProps>;
-
-export declare type ComboBoxItemProps = PropsWithChildren<PropsWithClass<ComboBoxItemProps_2>>;
+declare const BlockDragHandle: ForwardRefExoticComponent<Partial<BlockDragHandleProps> & RefAttributes<BlockDragHandleElement> & HTMLAttributes<BlockDragHandleElement>>;
+export { BlockDragHandle }
+export { BlockDragHandle as BlockDragHandle_alias_1 }
 
-export declare const ComboBoxList: ComponentType<ComboBoxListProps>;
+declare const BlockPopover: ForwardRefExoticComponent<Partial<BlockPopoverProps> & RefAttributes<BlockPopoverElement> & HTMLAttributes<BlockPopoverElement>>;
+export { BlockPopover }
+export { BlockPopover as BlockPopover_alias_1 }
 
-export declare type ComboBoxListProps = PropsWithChildren<PropsWithClass<ComboBoxListProps_2>>;
-
-export declare type ComboBoxProps = PropsWithChildren<PropsWithClass<ComboBoxProps_2>>;
+export declare function createComponent<Props extends object, CustomElement extends HTMLElement>(tagName: string, displayName: string, defaultProps: Props): ForwardRefExoticComponent<Partial<Props> & RefAttributes<CustomElement> & HTMLAttributes<CustomElement>>;
 
 export declare const default_alias: Options | Options[] | ((overrideOptions: Options) => Options | Options[] | Promise<Options | Options[]>);
 
@@ -87,36 +76,26 @@ export declare const default_alias_1: {
     };
 };
 
-export declare const DragHandle: ComponentType<DragHandleProps>;
-
-export declare type DragHandleProps = PropsWithChildren<PropsWithClass<DragHandleProps_2>>;
-
 /**
  * @internal
  */
 export declare const EditorContextProvider: Provider<Editor<any> | null>;
 
-export declare const InlinePopover: ComponentType<InlinePopoverProps>;
-
-export declare type InlinePopoverProps = PropsWithChildren<PropsWithClass<InlinePopoverProps_2>>;
-
-export declare const Popover: ComponentType<PopoverProps>;
-
-export declare const PopoverContent: ComponentType<PopoverContentProps>;
+declare const InlinePopover: ForwardRefExoticComponent<Partial<InlinePopoverProps> & RefAttributes<InlinePopoverElement> & HTMLAttributes<InlinePopoverElement>>;
+export { InlinePopover }
+export { InlinePopover as InlinePopover_alias_1 }
 
-export declare type PopoverContentProps = PropsWithChildren<PropsWithClass<PopoverContentProps_2>>;
+declare const PopoverContent: ForwardRefExoticComponent<Partial<PopoverContentProps> & RefAttributes<PopoverContentElement> & HTMLAttributes<PopoverContentElement>>;
+export { PopoverContent }
+export { PopoverContent as PopoverContent_alias_1 }
 
-export declare type PopoverProps = PropsWithChildren<PropsWithClass<PopoverProps_2>>;
+declare const PopoverRoot: ForwardRefExoticComponent<Partial<PopoverRootProps> & RefAttributes<PopoverRootElement> & HTMLAttributes<PopoverRootElement>>;
+export { PopoverRoot }
+export { PopoverRoot as PopoverRoot_alias_1 }
 
-export declare const PopoverRoot: ComponentType<PopoverRootProps>;
-
-export declare type PopoverRootProps = PropsWithChildren<PropsWithClass<PopoverRootProps_2>>;
-
-export declare const PopoverTrigger: ComponentType<PopoverTriggerProps>;
-
-export declare type PopoverTriggerProps = PropsWithChildren<PropsWithClass<PopoverTriggerProps_2>>;
-
-export { PositioningOptions }
+declare const PopoverTrigger: ForwardRefExoticComponent<Partial<PopoverTriggerProps> & RefAttributes<PopoverTriggerElement> & HTMLAttributes<PopoverTriggerElement>>;
+export { PopoverTrigger }
+export { PopoverTrigger as PopoverTrigger_alias_1 }
 
 /**
  * @internal
@@ -153,13 +132,25 @@ declare interface ProseKitProps {
 export { ProseKitProps }
 export { ProseKitProps as ProseKitProps_alias_1 }
 
-export declare const Resizable: ComponentType<ResizableProps>;
+declare const ResizableHandle: ForwardRefExoticComponent<Partial<ResizableHandleProps> & RefAttributes<ResizableHandleElement> & HTMLAttributes<ResizableHandleElement>>;
+export { ResizableHandle }
+export { ResizableHandle as ResizableHandle_alias_1 }
+
+declare const ResizableRoot: ForwardRefExoticComponent<Partial<ResizableRootProps> & RefAttributes<ResizableRootElement> & HTMLAttributes<ResizableRootElement>>;
+export { ResizableRoot }
+export { ResizableRoot as ResizableRoot_alias_1 }
 
-export declare const ResizableHandle: ComponentType<ResizableHandleProps>;
+declare const TooltipContent: ForwardRefExoticComponent<Partial<TooltipContentProps> & RefAttributes<TooltipContentElement> & HTMLAttributes<TooltipContentElement>>;
+export { TooltipContent }
+export { TooltipContent as TooltipContent_alias_1 }
 
-export declare type ResizableHandleProps = PropsWithChildren<PropsWithClass<ResizableHandleProps_2>>;
+declare const TooltipRoot: ForwardRefExoticComponent<Partial<TooltipRootProps> & RefAttributes<TooltipRootElement> & HTMLAttributes<TooltipRootElement>>;
+export { TooltipRoot }
+export { TooltipRoot as TooltipRoot_alias_1 }
 
-export declare type ResizableProps = PropsWithChildren<PropsWithClass<ResizableProps_2>>;
+declare const TooltipTrigger: ForwardRefExoticComponent<Partial<TooltipTriggerProps> & RefAttributes<TooltipTriggerElement> & HTMLAttributes<TooltipTriggerElement>>;
+export { TooltipTrigger }
+export { TooltipTrigger as TooltipTrigger_alias_1 }
 
 /**
  * Calls the given handler whenever the editor document changes.

package/dist/chunk-5LWA54E4.js

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

package/dist/chunk-V253IGNY.js

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

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

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

package/dist/prosekit-preact-autocomplete.js

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

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

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

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

@@ -0,0 +1,28 @@
+import {
+  createComponent
+} from "./chunk-5LWA54E4.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-popover.gen.ts
+import {
+  defaultBlockPopoverProps
+} from "@prosekit/web/block-handle";
+var BlockPopover = createComponent(
+  "prosekit-block-popover",
+  "BlockPopover",
+  defaultBlockPopoverProps
+);
+export {
+  BlockDragHandle,
+  BlockPopover
+};

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

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

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

@@ -1,9 +1,17 @@
-// src/components/inline-popover.gen.ts
-import "@prosekit/lit/inline-popover";
-import { h } from "preact";
-var InlinePopover = (props) => {
-  return h("prosekit-inline-popover", props);
-};
+import {
+  createComponent
+} from "./chunk-5LWA54E4.js";
+import "./chunk-V253IGNY.js";
+
+// src/components/inline-popover/inline-popover.gen.ts
+import {
+  defaultInlinePopoverProps
+} from "@prosekit/web/inline-popover";
+var InlinePopover = createComponent(
+  "prosekit-inline-popover",
+  "InlinePopover",
+  defaultInlinePopoverProps
+);
 export {
   InlinePopover
 };

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

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

package/dist/prosekit-preact-popover.js

@@ -1,9 +1,39 @@
-// src/components/popover.gen.ts
-import "@prosekit/lit/popover";
-import { h } from "preact";
-var Popover = (props) => {
-  return h("prosekit-popover", props);
-};
+import {
+  createComponent
+} from "./chunk-5LWA54E4.js";
+import "./chunk-V253IGNY.js";
+
+// src/components/popover/popover-content.gen.ts
+import {
+  defaultPopoverContentProps
+} from "@prosekit/web/popover";
+var PopoverContent = createComponent(
+  "prosekit-popover-content",
+  "PopoverContent",
+  defaultPopoverContentProps
+);
+
+// src/components/popover/popover-root.gen.ts
+import {
+  defaultPopoverRootProps
+} from "@prosekit/web/popover";
+var PopoverRoot = createComponent(
+  "prosekit-popover-root",
+  "PopoverRoot",
+  defaultPopoverRootProps
+);
+
+// src/components/popover/popover-trigger.gen.ts
+import {
+  defaultPopoverTriggerProps
+} from "@prosekit/web/popover";
+var PopoverTrigger = createComponent(
+  "prosekit-popover-trigger",
+  "PopoverTrigger",
+  defaultPopoverTriggerProps
+);
 export {
-  Popover
+  PopoverContent,
+  PopoverRoot,
+  PopoverTrigger
 };

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

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

package/dist/prosekit-preact-resizable.js

@@ -1,9 +1,28 @@
-// src/components/resizable.gen.ts
-import "@prosekit/lit/resizable";
-import { h } from "preact";
-var Resizable = (props) => {
-  return h("prosekit-resizable", props);
-};
+import {
+  createComponent
+} from "./chunk-5LWA54E4.js";
+import "./chunk-V253IGNY.js";
+
+// src/components/resizable/resizable-handle.gen.ts
+import {
+  defaultResizableHandleProps
+} from "@prosekit/web/resizable";
+var ResizableHandle = createComponent(
+  "prosekit-resizable-handle",
+  "ResizableHandle",
+  defaultResizableHandleProps
+);
+
+// src/components/resizable/resizable-root.gen.ts
+import {
+  defaultResizableRootProps
+} from "@prosekit/web/resizable";
+var ResizableRoot = createComponent(
+  "prosekit-resizable-root",
+  "ResizableRoot",
+  defaultResizableRootProps
+);
 export {
-  Resizable
+  ResizableHandle,
+  ResizableRoot
 };

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

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

package/dist/prosekit-preact-tooltip.js

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

package/dist/prosekit-preact.js

@@ -1,16 +1,10 @@
-// src/components/prosekit.ts
-import { h } from "preact";
-
-// src/contexts/editor-context.ts
-import { createContext } from "preact";
-import { useContext } from "preact/hooks";
-var editorContext = createContext(null);
-function useEditorContext() {
-  return useContext(editorContext);
-}
-var EditorContextProvider = editorContext.Provider;
+import {
+  EditorContextProvider,
+  useEditorContext
+} from "./chunk-V253IGNY.js";
 
 // src/components/prosekit.ts
+import { h } from "preact";
 var ProseKit = (props) => {
   const { editor, children } = props;
   return h(EditorContextProvider, { value: editor, children });
@@ -78,9 +72,9 @@ function usePriorityExtension(extension, priority) {
 
 // src/hooks/use-extension.ts
 function useExtension(extension, options) {
-  const editorContext2 = useEditorContext();
+  const editorContext = useEditorContext();
   useEditorExtension(
-    (options == null ? void 0 : options.editor) || editorContext2,
+    (options == null ? void 0 : options.editor) || editorContext,
     usePriorityExtension(extension, options == null ? void 0 : options.priority)
   );
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/preact",
   "type": "module",
-  "version": "0.2.7",
+  "version": "0.3.0",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -30,55 +30,15 @@
       "import": "./dist/prosekit-preact.js",
       "default": "./dist/prosekit-preact.js"
     },
-    "./autocomplete-empty": {
-      "types": "./dist/prosekit-preact-autocomplete-empty.d.ts",
-      "import": "./dist/prosekit-preact-autocomplete-empty.js",
-      "default": "./dist/prosekit-preact-autocomplete-empty.js"
+    "./autocomplete": {
+      "types": "./dist/prosekit-preact-autocomplete.d.ts",
+      "import": "./dist/prosekit-preact-autocomplete.js",
+      "default": "./dist/prosekit-preact-autocomplete.js"
     },
-    "./autocomplete-item": {
-      "types": "./dist/prosekit-preact-autocomplete-item.d.ts",
-      "import": "./dist/prosekit-preact-autocomplete-item.js",
-      "default": "./dist/prosekit-preact-autocomplete-item.js"
-    },
-    "./autocomplete-list": {
-      "types": "./dist/prosekit-preact-autocomplete-list.d.ts",
-      "import": "./dist/prosekit-preact-autocomplete-list.js",
-      "default": "./dist/prosekit-preact-autocomplete-list.js"
-    },
-    "./autocomplete-popover": {
-      "types": "./dist/prosekit-preact-autocomplete-popover.d.ts",
-      "import": "./dist/prosekit-preact-autocomplete-popover.js",
-      "default": "./dist/prosekit-preact-autocomplete-popover.js"
-    },
-    "./block-popover": {
-      "types": "./dist/prosekit-preact-block-popover.d.ts",
-      "import": "./dist/prosekit-preact-block-popover.js",
-      "default": "./dist/prosekit-preact-block-popover.js"
-    },
-    "./combo-box": {
-      "types": "./dist/prosekit-preact-combo-box.d.ts",
-      "import": "./dist/prosekit-preact-combo-box.js",
-      "default": "./dist/prosekit-preact-combo-box.js"
-    },
-    "./combo-box-input": {
-      "types": "./dist/prosekit-preact-combo-box-input.d.ts",
-      "import": "./dist/prosekit-preact-combo-box-input.js",
-      "default": "./dist/prosekit-preact-combo-box-input.js"
-    },
-    "./combo-box-item": {
-      "types": "./dist/prosekit-preact-combo-box-item.d.ts",
-      "import": "./dist/prosekit-preact-combo-box-item.js",
-      "default": "./dist/prosekit-preact-combo-box-item.js"
-    },
-    "./combo-box-list": {
-      "types": "./dist/prosekit-preact-combo-box-list.d.ts",
-      "import": "./dist/prosekit-preact-combo-box-list.js",
-      "default": "./dist/prosekit-preact-combo-box-list.js"
-    },
-    "./drag-handle": {
-      "types": "./dist/prosekit-preact-drag-handle.d.ts",
-      "import": "./dist/prosekit-preact-drag-handle.js",
-      "default": "./dist/prosekit-preact-drag-handle.js"
+    "./block-handle": {
+      "types": "./dist/prosekit-preact-block-handle.d.ts",
+      "import": "./dist/prosekit-preact-block-handle.js",
+      "default": "./dist/prosekit-preact-block-handle.js"
     },
     "./inline-popover": {
       "types": "./dist/prosekit-preact-inline-popover.d.ts",
@@ -90,30 +50,15 @@
       "import": "./dist/prosekit-preact-popover.js",
       "default": "./dist/prosekit-preact-popover.js"
     },
-    "./popover-content": {
-      "types": "./dist/prosekit-preact-popover-content.d.ts",
-      "import": "./dist/prosekit-preact-popover-content.js",
-      "default": "./dist/prosekit-preact-popover-content.js"
-    },
-    "./popover-root": {
-      "types": "./dist/prosekit-preact-popover-root.d.ts",
-      "import": "./dist/prosekit-preact-popover-root.js",
-      "default": "./dist/prosekit-preact-popover-root.js"
-    },
-    "./popover-trigger": {
-      "types": "./dist/prosekit-preact-popover-trigger.d.ts",
-      "import": "./dist/prosekit-preact-popover-trigger.js",
-      "default": "./dist/prosekit-preact-popover-trigger.js"
-    },
     "./resizable": {
       "types": "./dist/prosekit-preact-resizable.d.ts",
       "import": "./dist/prosekit-preact-resizable.js",
       "default": "./dist/prosekit-preact-resizable.js"
     },
-    "./resizable-handle": {
-      "types": "./dist/prosekit-preact-resizable-handle.d.ts",
-      "import": "./dist/prosekit-preact-resizable-handle.js",
-      "default": "./dist/prosekit-preact-resizable-handle.js"
+    "./tooltip": {
+      "types": "./dist/prosekit-preact-tooltip.d.ts",
+      "import": "./dist/prosekit-preact-tooltip.js",
+      "default": "./dist/prosekit-preact-tooltip.js"
     }
   },
   "files": [
@@ -121,8 +66,10 @@
   ],
   "dependencies": {
     "@prosekit/core": "^0.4.0",
-    "@prosekit/lit": "^0.2.8",
-    "@prosekit/pm": "^0.1.2"
+    "@prosekit/lit": "^0.3.0",
+    "@prosekit/pm": "^0.1.2",
+    "@prosekit/web": "^0.1.0",
+    "react-merge-refs": "^2.1.1"
   },
   "peerDependencies": {
     "preact": ">= 9.0.0"
@@ -134,10 +81,10 @@
   },
   "devDependencies": {
     "@prosekit/dev": "*",
-    "preact": "^10.20.1",
+    "preact": "^10.20.2",
     "tsup": "^8.0.2",
-    "typescript": "^5.4.3",
-    "vitest": "^1.4.0"
+    "typescript": "^5.4.5",
+    "vitest": "^1.5.0"
   },
   "scripts": {
     "build:tsup": "tsup",
@@ -149,35 +96,11 @@
       ".": [
         "./dist/prosekit-preact.d.ts"
       ],
-      "autocomplete-empty": [
-        "./dist/prosekit-preact-autocomplete-empty.d.ts"
+      "autocomplete": [
+        "./dist/prosekit-preact-autocomplete.d.ts"
       ],
-      "autocomplete-item": [
-        "./dist/prosekit-preact-autocomplete-item.d.ts"
-      ],
-      "autocomplete-list": [
-        "./dist/prosekit-preact-autocomplete-list.d.ts"
-      ],
-      "autocomplete-popover": [
-        "./dist/prosekit-preact-autocomplete-popover.d.ts"
-      ],
-      "block-popover": [
-        "./dist/prosekit-preact-block-popover.d.ts"
-      ],
-      "combo-box": [
-        "./dist/prosekit-preact-combo-box.d.ts"
-      ],
-      "combo-box-input": [
-        "./dist/prosekit-preact-combo-box-input.d.ts"
-      ],
-      "combo-box-item": [
-        "./dist/prosekit-preact-combo-box-item.d.ts"
-      ],
-      "combo-box-list": [
-        "./dist/prosekit-preact-combo-box-list.d.ts"
-      ],
-      "drag-handle": [
-        "./dist/prosekit-preact-drag-handle.d.ts"
+      "block-handle": [
+        "./dist/prosekit-preact-block-handle.d.ts"
       ],
       "inline-popover": [
         "./dist/prosekit-preact-inline-popover.d.ts"
@@ -185,20 +108,11 @@
       "popover": [
         "./dist/prosekit-preact-popover.d.ts"
       ],
-      "popover-content": [
-        "./dist/prosekit-preact-popover-content.d.ts"
-      ],
-      "popover-root": [
-        "./dist/prosekit-preact-popover-root.d.ts"
-      ],
-      "popover-trigger": [
-        "./dist/prosekit-preact-popover-trigger.d.ts"
-      ],
       "resizable": [
         "./dist/prosekit-preact-resizable.d.ts"
       ],
-      "resizable-handle": [
-        "./dist/prosekit-preact-resizable-handle.d.ts"
+      "tooltip": [
+        "./dist/prosekit-preact-tooltip.d.ts"
       ]
     }
   }

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

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

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

@@ -1,9 +0,0 @@
-// src/components/autocomplete-empty.gen.ts
-import "@prosekit/lit/autocomplete-empty";
-import { h } from "preact";
-var AutocompleteEmpty = (props) => {
-  return h("prosekit-autocomplete-empty", props);
-};
-export {
-  AutocompleteEmpty
-};

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

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

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

@@ -1,9 +0,0 @@
-// src/components/autocomplete-item.gen.ts
-import "@prosekit/lit/autocomplete-item";
-import { h } from "preact";
-var AutocompleteItem = (props) => {
-  return h("prosekit-autocomplete-item", props);
-};
-export {
-  AutocompleteItem
-};

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

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

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

@@ -1,9 +0,0 @@
-// src/components/autocomplete-list.gen.ts
-import "@prosekit/lit/autocomplete-list";
-import { h } from "preact";
-var AutocompleteList = (props) => {
-  return h("prosekit-autocomplete-list", props);
-};
-export {
-  AutocompleteList
-};

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

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

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

@@ -1,9 +0,0 @@
-// src/components/autocomplete-popover.gen.ts
-import "@prosekit/lit/autocomplete-popover";
-import { h } from "preact";
-var AutocompletePopover = (props) => {
-  return h("prosekit-autocomplete-popover", props);
-};
-export {
-  AutocompletePopover
-};

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

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

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

@@ -1,9 +0,0 @@
-// src/components/block-popover.gen.ts
-import "@prosekit/lit/block-popover";
-import { h } from "preact";
-var BlockPopover = (props) => {
-  return h("prosekit-block-popover", props);
-};
-export {
-  BlockPopover
-};

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

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

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

@@ -1,9 +0,0 @@
-// src/components/combo-box-input.gen.ts
-import "@prosekit/lit/combo-box-input";
-import { h } from "preact";
-var ComboBoxInput = (props) => {
-  return h("prosekit-combo-box-input", props);
-};
-export {
-  ComboBoxInput
-};

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

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

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

@@ -1,9 +0,0 @@
-// src/components/combo-box-item.gen.ts
-import "@prosekit/lit/combo-box-item";
-import { h } from "preact";
-var ComboBoxItem = (props) => {
-  return h("prosekit-combo-box-item", props);
-};
-export {
-  ComboBoxItem
-};

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

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

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

@@ -1,9 +0,0 @@
-// src/components/combo-box-list.gen.ts
-import "@prosekit/lit/combo-box-list";
-import { h } from "preact";
-var ComboBoxList = (props) => {
-  return h("prosekit-combo-box-list", props);
-};
-export {
-  ComboBoxList
-};

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

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

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

@@ -1,9 +0,0 @@
-// src/components/combo-box.gen.ts
-import "@prosekit/lit/combo-box";
-import { h } from "preact";
-var ComboBox = (props) => {
-  return h("prosekit-combo-box", props);
-};
-export {
-  ComboBox
-};

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

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

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

@@ -1,9 +0,0 @@
-// src/components/drag-handle.gen.ts
-import "@prosekit/lit/drag-handle";
-import { h } from "preact";
-var DragHandle = (props) => {
-  return h("prosekit-drag-handle", props);
-};
-export {
-  DragHandle
-};

package/dist/prosekit-preact-popover-content.d.ts

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

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

@@ -1,9 +0,0 @@
-// src/components/popover-content.gen.ts
-import "@prosekit/lit/popover-content";
-import { h } from "preact";
-var PopoverContent = (props) => {
-  return h("prosekit-popover-content", props);
-};
-export {
-  PopoverContent
-};

package/dist/prosekit-preact-popover-root.d.ts

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

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

@@ -1,9 +0,0 @@
-// src/components/popover-root.gen.ts
-import "@prosekit/lit/popover-root";
-import { h } from "preact";
-var PopoverRoot = (props) => {
-  return h("prosekit-popover-root", props);
-};
-export {
-  PopoverRoot
-};

package/dist/prosekit-preact-popover-trigger.d.ts

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

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

@@ -1,9 +0,0 @@
-// src/components/popover-trigger.gen.ts
-import "@prosekit/lit/popover-trigger";
-import { h } from "preact";
-var PopoverTrigger = (props) => {
-  return h("prosekit-popover-trigger", props);
-};
-export {
-  PopoverTrigger
-};

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

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

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

@@ -1,9 +0,0 @@
-// src/components/resizable-handle.gen.ts
-import "@prosekit/lit/resizable-handle";
-import { h } from "preact";
-var ResizableHandle = (props) => {
-  return h("prosekit-resizable-handle", props);
-};
-export {
-  ResizableHandle
-};