@prosekit/vue 0.2.7 → 0.3.0

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

@@ -1,14 +1,11 @@
 import type { Attrs } from '@prosekit/pm/model';
-import { AutocompleteEmptyProps as AutocompleteEmptyProps_2 } from '@prosekit/lit/autocomplete-empty';
-import { AutocompleteItemProps as AutocompleteItemProps_2 } from '@prosekit/lit/autocomplete-item';
-import { AutocompleteListProps as AutocompleteListProps_2 } from '@prosekit/lit/autocomplete-list';
-import { AutocompletePopoverProps as AutocompletePopoverProps_2 } from '@prosekit/lit/autocomplete-popover';
+import { AutocompleteEmptyProps } from '@prosekit/web/autocomplete';
+import { AutocompleteItemProps } from '@prosekit/web/autocomplete';
+import { AutocompleteListProps } from '@prosekit/web/autocomplete';
+import { AutocompletePopoverProps } from '@prosekit/web/autocomplete';
 import { BaseNodeViewOptions } from '@prosekit/core';
-import { BlockPopoverProps as BlockPopoverProps_2 } from '@prosekit/lit/block-popover';
-import { ComboBoxInputProps as ComboBoxInputProps_2 } from '@prosekit/lit/combo-box-input';
-import { ComboBoxItemProps as ComboBoxItemProps_2 } from '@prosekit/lit/combo-box-item';
-import { ComboBoxListProps as ComboBoxListProps_2 } from '@prosekit/lit/combo-box-list';
-import { ComboBoxProps as ComboBoxProps_2 } from '@prosekit/lit/combo-box';
+import { BlockDragHandleProps } from '@prosekit/web/block-handle';
+import { BlockPopoverProps } from '@prosekit/web/block-handle';
 import { CommandArgs } from '@prosekit/core';
 import { ComponentOptionsMixin } from 'vue';
 import { ComputedRef } from 'vue';
@@ -19,7 +16,6 @@ import type { Decoration } from '@prosekit/pm/view';
 import type { DecorationSource } from '@prosekit/pm/view';
 import { DefineComponent } from 'vue';
 import { DefineSetupFnComponent } from 'vue';
-import { DragHandleProps as DragHandleProps_2 } from '@prosekit/lit/drag-handle';
 import { Editor } from '@prosekit/core';
 import type { EditorState } from '@prosekit/pm/state';
 import type { EditorView } from '@prosekit/pm/view';
@@ -27,81 +23,69 @@ import { Extension } from '@prosekit/core';
 import { ExtensionTyping } from '@prosekit/core';
 import { ExtractPropTypes } from 'vue';
 import type { InjectionKey } from 'vue';
-import { InlinePopoverProps as InlinePopoverProps_2 } from '@prosekit/lit/inline-popover';
+import { InlinePopoverProps } from '@prosekit/web/inline-popover';
 import { Keymap } from '@prosekit/core';
 import { MaybeRefOrGetter } from 'vue';
 import type { Node as Node_2 } from '@prosekit/pm/model';
 import type { NodeViewConstructor } from '@prosekit/pm/view';
 import { Options } from 'tsup';
-import { PopoverContentProps as PopoverContentProps_2 } from '@prosekit/lit/popover-content';
-import { PopoverProps as PopoverProps_2 } from '@prosekit/lit/popover';
-import { PopoverRootProps as PopoverRootProps_2 } from '@prosekit/lit/popover-root';
-import { PopoverTriggerProps as PopoverTriggerProps_2 } from '@prosekit/lit/popover-trigger';
-import { PositioningOptions } from '@prosekit/lit/autocomplete-popover';
-import { PositioningOptions as PositioningOptions_alias_1 } from '@prosekit/lit/inline-popover';
+import { PopoverContentProps } from '@prosekit/web/popover';
+import { PopoverRootProps } from '@prosekit/web/popover';
+import { PopoverTriggerProps } from '@prosekit/web/popover';
 import { Priority } from '@prosekit/core';
 import type { ProseMirrorNode } from '@prosekit/pm/model';
 import { PublicProps } from 'vue';
 import type { Ref } from 'vue';
 import { RendererElement } from 'vue';
 import { RendererNode } from 'vue';
-import { ResizableHandleProps as ResizableHandleProps_2 } from '@prosekit/lit/resizable-handle';
-import { ResizableProps as ResizableProps_2 } from '@prosekit/lit/resizable';
+import { ResizableHandleProps } from '@prosekit/web/resizable';
+import { ResizableRootProps } from '@prosekit/web/resizable';
 import { ShallowRef } from 'vue';
+import { TooltipContentProps } from '@prosekit/web/tooltip';
+import { TooltipRootProps } from '@prosekit/web/tooltip';
+import { TooltipTriggerProps } from '@prosekit/web/tooltip';
 import { VNode } from 'vue';
 import type { VNodeRef } from 'vue';
 
-declare const AutocompleteEmpty: DefineSetupFnComponent<AutocompleteEmptyProps>;
+declare const AutocompleteEmpty: DefineSetupFnComponent<Partial<AutocompleteEmptyProps> & {
+class?: string | undefined;
+}>;
 export { AutocompleteEmpty }
 export { AutocompleteEmpty as AutocompleteEmpty_alias_1 }
 
-declare type AutocompleteEmptyProps = PropsWithClass<AutocompleteEmptyProps_2>;
-export { AutocompleteEmptyProps }
-export { AutocompleteEmptyProps as AutocompleteEmptyProps_alias_1 }
-
-declare const AutocompleteItem: DefineSetupFnComponent<AutocompleteItemProps>;
+declare const AutocompleteItem: DefineSetupFnComponent<Partial<AutocompleteItemProps> & {
+class?: string | undefined;
+}>;
 export { AutocompleteItem }
 export { AutocompleteItem as AutocompleteItem_alias_1 }
 
-declare type AutocompleteItemProps = PropsWithClass<AutocompleteItemProps_2>;
-export { AutocompleteItemProps }
-export { AutocompleteItemProps as AutocompleteItemProps_alias_1 }
-
-declare const AutocompleteList: DefineSetupFnComponent<AutocompleteListProps>;
+declare const AutocompleteList: DefineSetupFnComponent<Partial<AutocompleteListProps> & {
+class?: string | undefined;
+}>;
 export { AutocompleteList }
 export { AutocompleteList as AutocompleteList_alias_1 }
 
-declare type AutocompleteListProps = PropsWithClass<AutocompleteListProps_2>;
-export { AutocompleteListProps }
-export { AutocompleteListProps as AutocompleteListProps_alias_1 }
-
-declare const AutocompletePopover: DefineSetupFnComponent<AutocompletePopoverProps>;
+declare const AutocompletePopover: DefineSetupFnComponent<Partial<AutocompletePopoverProps> & {
+class?: string | undefined;
+}>;
 export { AutocompletePopover }
 export { AutocompletePopover as AutocompletePopover_alias_1 }
 
-declare type AutocompletePopoverProps = PropsWithClass<AutocompletePopoverProps_2>;
-export { AutocompletePopoverProps }
-export { AutocompletePopoverProps as AutocompletePopoverProps_alias_1 }
-
-export declare const BlockPopover: DefineSetupFnComponent<BlockPopoverProps>;
-
-export declare type BlockPopoverProps = PropsWithClass<BlockPopoverProps_2>;
-
-export declare const ComboBox: DefineSetupFnComponent<ComboBoxProps>;
+declare const BlockDragHandle: DefineSetupFnComponent<Partial<BlockDragHandleProps> & {
+class?: string | undefined;
+}>;
+export { BlockDragHandle }
+export { BlockDragHandle as BlockDragHandle_alias_1 }
 
-export declare const ComboBoxInput: DefineSetupFnComponent<ComboBoxInputProps>;
+declare const BlockPopover: DefineSetupFnComponent<Partial<BlockPopoverProps> & {
+class?: string | undefined;
+}>;
+export { BlockPopover }
+export { BlockPopover as BlockPopover_alias_1 }
 
-export declare type ComboBoxInputProps = PropsWithClass<ComboBoxInputProps_2>;
-
-export declare const ComboBoxItem: DefineSetupFnComponent<ComboBoxItemProps>;
-
-export declare type ComboBoxItemProps = PropsWithClass<ComboBoxItemProps_2>;
-
-export declare const ComboBoxList: DefineSetupFnComponent<ComboBoxListProps>;
-
-export declare type ComboBoxListProps = PropsWithClass<ComboBoxListProps_2>;
-
-export declare type ComboBoxProps = PropsWithClass<ComboBoxProps_2>;
+export declare function createComponent<Props extends object>(tagName: string, displayName: string, defaultProps: Props): DefineSetupFnComponent<Partial<Props> & {
+    class?: string;
+}>;
 
 export declare type CreateVueNodeView = ReturnType<typeof useVueNodeViewCreator>;
 
@@ -127,41 +111,33 @@ export { defineVueNodeView as defineVueNodeView_alias_1 }
  */
 export declare function defineVueNodeViewFactory(nodeViewFactory: NodeViewFactory): Extension<ExtensionTyping<string, string, CommandArgs>>;
 
-export declare const DragHandle: DefineSetupFnComponent<DragHandleProps>;
-
-export declare type DragHandleProps = PropsWithClass<DragHandleProps_2>;
-
-declare const InlinePopover: DefineSetupFnComponent<InlinePopoverProps>;
+declare const InlinePopover: DefineSetupFnComponent<Partial<InlinePopoverProps> & {
+class?: string | undefined;
+}>;
 export { InlinePopover }
 export { InlinePopover as InlinePopover_alias_1 }
 
-declare type InlinePopoverProps = PropsWithClass<InlinePopoverProps_2>;
-export { InlinePopoverProps }
-export { InlinePopoverProps as InlinePopoverProps_alias_1 }
-
 export declare type NodeViewFactory = (options: VueNodeViewUserOptions) => NodeViewConstructor;
 
 export declare const nodeViewFactoryKey: InjectionKey<NodeViewFactory>;
 
-export declare const Popover: DefineSetupFnComponent<PopoverProps>;
-
-export declare const PopoverContent: DefineSetupFnComponent<PopoverContentProps>;
-
-export declare type PopoverContentProps = PropsWithClass<PopoverContentProps_2>;
-
-export declare type PopoverProps = PropsWithClass<PopoverProps_2>;
-
-export declare const PopoverRoot: DefineSetupFnComponent<PopoverRootProps>;
+declare const PopoverContent: DefineSetupFnComponent<Partial<PopoverContentProps> & {
+class?: string | undefined;
+}>;
+export { PopoverContent }
+export { PopoverContent as PopoverContent_alias_1 }
 
-export declare type PopoverRootProps = PropsWithClass<PopoverRootProps_2>;
+declare const PopoverRoot: DefineSetupFnComponent<Partial<PopoverRootProps> & {
+class?: string | undefined;
+}>;
+export { PopoverRoot }
+export { PopoverRoot as PopoverRoot_alias_1 }
 
-export declare const PopoverTrigger: DefineSetupFnComponent<PopoverTriggerProps>;
-
-export declare type PopoverTriggerProps = PropsWithClass<PopoverTriggerProps_2>;
-
-export { PositioningOptions }
-
-export { PositioningOptions_alias_1 }
+declare const PopoverTrigger: DefineSetupFnComponent<Partial<PopoverTriggerProps> & {
+class?: string | undefined;
+}>;
+export { PopoverTrigger }
+export { PopoverTrigger as PopoverTrigger_alias_1 }
 
 /**
  * @internal
@@ -190,13 +166,35 @@ export { ProseKitProps as ProseKitProps_alias_1 }
  */
 export declare function provideEditor(editor: Editor): void;
 
-export declare const Resizable: DefineSetupFnComponent<ResizableProps>;
-
-export declare const ResizableHandle: DefineSetupFnComponent<ResizableHandleProps>;
-
-export declare type ResizableHandleProps = PropsWithClass<ResizableHandleProps_2>;
-
-export declare type ResizableProps = PropsWithClass<ResizableProps_2>;
+declare const ResizableHandle: DefineSetupFnComponent<Partial<ResizableHandleProps> & {
+class?: string | undefined;
+}>;
+export { ResizableHandle }
+export { ResizableHandle as ResizableHandle_alias_1 }
+
+declare const ResizableRoot: DefineSetupFnComponent<Partial<ResizableRootProps> & {
+class?: string | undefined;
+}>;
+export { ResizableRoot }
+export { ResizableRoot as ResizableRoot_alias_1 }
+
+declare const TooltipContent: DefineSetupFnComponent<Partial<TooltipContentProps> & {
+class?: string | undefined;
+}>;
+export { TooltipContent }
+export { TooltipContent as TooltipContent_alias_1 }
+
+declare const TooltipRoot: DefineSetupFnComponent<Partial<TooltipRootProps> & {
+class?: string | undefined;
+}>;
+export { TooltipRoot }
+export { TooltipRoot as TooltipRoot_alias_1 }
+
+declare const TooltipTrigger: DefineSetupFnComponent<Partial<TooltipTriggerProps> & {
+class?: string | undefined;
+}>;
+export { TooltipTrigger }
+export { TooltipTrigger as TooltipTrigger_alias_1 }
 
 /**
  * Calls the given handler whenever the editor document changes.

package/dist/chunk-64DHEPDA.js

@@ -0,0 +1,37 @@
+import {
+  useEditorContext
+} from "./chunk-X5DTEZPX.js";
+
+// src/components/create-component.ts
+import { defineComponent, h } from "vue";
+function createComponent(tagName, displayName, defaultProps) {
+  const propertyNames = Object.keys(defaultProps);
+  const hasEditor = Object.hasOwn(defaultProps, "editor");
+  const Component = defineComponent(
+    (props, { slots }) => {
+      const editor = useEditorContext();
+      return () => {
+        var _a;
+        const p = {};
+        for (const [key, value] of Object.entries(props)) {
+          if (value !== void 0) {
+            p[propertyNames.includes(key) ? "." + key : key] = value;
+          }
+        }
+        if (hasEditor && editor && !p["editor"]) {
+          p.editor = editor;
+        }
+        return h(tagName, p, (_a = slots.default) == null ? void 0 : _a.call(slots));
+      };
+    },
+    {
+      props: propertyNames,
+      name: displayName
+    }
+  );
+  return Component;
+}
+
+export {
+  createComponent
+};

package/dist/chunk-X5DTEZPX.js

@@ -0,0 +1,15 @@
+// src/injection/editor-context.ts
+import "@prosekit/core";
+import { inject, provide } from "vue";
+var symbol = Symbol("prosekit-vue-editor-context");
+function provideEditor(editor) {
+  provide(symbol, editor);
+}
+function useEditorContext() {
+  return inject(symbol);
+}
+
+export {
+  provideEditor,
+  useEditorContext
+};

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

@@ -0,0 +1,26 @@
+import {
+  createComponent
+} from "./chunk-64DHEPDA.js";
+import "./chunk-X5DTEZPX.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-vue-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-vue-block-handle.js

@@ -0,0 +1,16 @@
+import {
+  createComponent
+} from "./chunk-64DHEPDA.js";
+import "./chunk-X5DTEZPX.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-vue-inline-popover.d.ts

@@ -1,3 +1 @@
-export { PositioningOptions_alias_1 as PositioningOptions } from './_tsup-dts-rollup';
-export { InlinePopover_alias_1 as InlinePopover } from './_tsup-dts-rollup';
-export { InlinePopoverProps_alias_1 as InlinePopoverProps } from './_tsup-dts-rollup';
+export { InlinePopover } from './_tsup-dts-rollup';

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

@@ -1,19 +1,11 @@
-// src/components/inline-popover.gen.ts
-import "@prosekit/lit/inline-popover";
-import { propNames } from "@prosekit/lit/inline-popover";
-import { defineComponent, h } from "vue";
-var InlinePopover = defineComponent(
-  (props, { slots }) => {
-    return () => {
-      var _a;
-      const webComponentProps = Object.fromEntries(
-        Object.entries(props).filter((entry) => entry[1] !== void 0).map(([key, value]) => [(key === "class" ? "" : ".") + key, value])
-      );
-      return h("prosekit-inline-popover", webComponentProps, (_a = slots.default) == null ? void 0 : _a.call(slots));
-    };
-  },
-  { props: ["class", ...propNames] }
-);
+import {
+  createComponent
+} from "./chunk-64DHEPDA.js";
+import "./chunk-X5DTEZPX.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-vue-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-vue-popover.js

@@ -1,19 +1,21 @@
-// src/components/popover.gen.ts
-import "@prosekit/lit/popover";
-import { propNames } from "@prosekit/lit/popover";
-import { defineComponent, h } from "vue";
-var Popover = defineComponent(
-  (props, { slots }) => {
-    return () => {
-      var _a;
-      const webComponentProps = Object.fromEntries(
-        Object.entries(props).filter((entry) => entry[1] !== void 0).map(([key, value]) => [(key === "class" ? "" : ".") + key, value])
-      );
-      return h("prosekit-popover", webComponentProps, (_a = slots.default) == null ? void 0 : _a.call(slots));
-    };
-  },
-  { props: ["class", ...propNames] }
-);
+import {
+  createComponent
+} from "./chunk-64DHEPDA.js";
+import "./chunk-X5DTEZPX.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-vue-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-vue-resizable.js

@@ -1,19 +1,16 @@
-// src/components/resizable.gen.ts
-import "@prosekit/lit/resizable";
-import { propNames } from "@prosekit/lit/resizable";
-import { defineComponent, h } from "vue";
-var Resizable = defineComponent(
-  (props, { slots }) => {
-    return () => {
-      var _a;
-      const webComponentProps = Object.fromEntries(
-        Object.entries(props).filter((entry) => entry[1] !== void 0).map(([key, value]) => [(key === "class" ? "" : ".") + key, value])
-      );
-      return h("prosekit-resizable", webComponentProps, (_a = slots.default) == null ? void 0 : _a.call(slots));
-    };
-  },
-  { props: ["class", ...propNames] }
-);
+import {
+  createComponent
+} from "./chunk-64DHEPDA.js";
+import "./chunk-X5DTEZPX.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-vue-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-vue-tooltip.js

@@ -0,0 +1,21 @@
+import {
+  createComponent
+} from "./chunk-64DHEPDA.js";
+import "./chunk-X5DTEZPX.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-vue.js

@@ -1,29 +1,23 @@
+import {
+  provideEditor,
+  useEditorContext
+} from "./chunk-X5DTEZPX.js";
+
 // src/components/prosekit.ts
 import "@prosekit/core";
 import { defineComponent as defineComponent4, h as h3 } from "vue";
 
-// src/injection/editor-context.ts
-import "@prosekit/core";
-import { inject, provide } from "vue";
-var symbol = Symbol("prosekit-vue-editor-context");
-function provideEditor(editor) {
-  provide(symbol, editor);
-}
-function useEditorContext() {
-  return inject(symbol);
-}
-
 // src/views/vue-views-provider.ts
-import { Fragment, defineComponent as defineComponent2, h as h2, provide as provide2 } from "vue";
+import { Fragment, defineComponent as defineComponent2, h as h2, provide } from "vue";
 
 // src/views/node-view/node-view-context.ts
 import { ProseKitError } from "@prosekit/core";
-import { inject as inject2 } from "vue";
+import { inject } from "vue";
 var nodeViewFactoryKey = Symbol(
   "[ProseKit]useNodeViewFactory"
 );
 function useNodeViewFactory() {
-  const nodeViewFactory = inject2(nodeViewFactoryKey);
+  const nodeViewFactory = inject(nodeViewFactoryKey);
   if (!nodeViewFactory) {
     throw new ProseKitError("Cannot find node view factory context.");
   }
@@ -167,7 +161,7 @@ var VueViewsProvider = defineComponent2({
       renderVueRenderer,
       removeVueRenderer
     );
-    provide2(nodeViewFactoryKey, createVueNodeView);
+    provide(nodeViewFactoryKey, createVueNodeView);
     return () => {
       var _a;
       return h2(Fragment, null, [

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/vue",
   "type": "module",
-  "version": "0.2.7",
+  "version": "0.3.0",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -30,55 +30,15 @@
       "import": "./dist/prosekit-vue.js",
       "default": "./dist/prosekit-vue.js"
     },
-    "./autocomplete-empty": {
-      "types": "./dist/prosekit-vue-autocomplete-empty.d.ts",
-      "import": "./dist/prosekit-vue-autocomplete-empty.js",
-      "default": "./dist/prosekit-vue-autocomplete-empty.js"
+    "./autocomplete": {
+      "types": "./dist/prosekit-vue-autocomplete.d.ts",
+      "import": "./dist/prosekit-vue-autocomplete.js",
+      "default": "./dist/prosekit-vue-autocomplete.js"
     },
-    "./autocomplete-item": {
-      "types": "./dist/prosekit-vue-autocomplete-item.d.ts",
-      "import": "./dist/prosekit-vue-autocomplete-item.js",
-      "default": "./dist/prosekit-vue-autocomplete-item.js"
-    },
-    "./autocomplete-list": {
-      "types": "./dist/prosekit-vue-autocomplete-list.d.ts",
-      "import": "./dist/prosekit-vue-autocomplete-list.js",
-      "default": "./dist/prosekit-vue-autocomplete-list.js"
-    },
-    "./autocomplete-popover": {
-      "types": "./dist/prosekit-vue-autocomplete-popover.d.ts",
-      "import": "./dist/prosekit-vue-autocomplete-popover.js",
-      "default": "./dist/prosekit-vue-autocomplete-popover.js"
-    },
-    "./block-popover": {
-      "types": "./dist/prosekit-vue-block-popover.d.ts",
-      "import": "./dist/prosekit-vue-block-popover.js",
-      "default": "./dist/prosekit-vue-block-popover.js"
-    },
-    "./combo-box": {
-      "types": "./dist/prosekit-vue-combo-box.d.ts",
-      "import": "./dist/prosekit-vue-combo-box.js",
-      "default": "./dist/prosekit-vue-combo-box.js"
-    },
-    "./combo-box-input": {
-      "types": "./dist/prosekit-vue-combo-box-input.d.ts",
-      "import": "./dist/prosekit-vue-combo-box-input.js",
-      "default": "./dist/prosekit-vue-combo-box-input.js"
-    },
-    "./combo-box-item": {
-      "types": "./dist/prosekit-vue-combo-box-item.d.ts",
-      "import": "./dist/prosekit-vue-combo-box-item.js",
-      "default": "./dist/prosekit-vue-combo-box-item.js"
-    },
-    "./combo-box-list": {
-      "types": "./dist/prosekit-vue-combo-box-list.d.ts",
-      "import": "./dist/prosekit-vue-combo-box-list.js",
-      "default": "./dist/prosekit-vue-combo-box-list.js"
-    },
-    "./drag-handle": {
-      "types": "./dist/prosekit-vue-drag-handle.d.ts",
-      "import": "./dist/prosekit-vue-drag-handle.js",
-      "default": "./dist/prosekit-vue-drag-handle.js"
+    "./block-handle": {
+      "types": "./dist/prosekit-vue-block-handle.d.ts",
+      "import": "./dist/prosekit-vue-block-handle.js",
+      "default": "./dist/prosekit-vue-block-handle.js"
     },
     "./inline-popover": {
       "types": "./dist/prosekit-vue-inline-popover.d.ts",
@@ -90,30 +50,15 @@
       "import": "./dist/prosekit-vue-popover.js",
       "default": "./dist/prosekit-vue-popover.js"
     },
-    "./popover-content": {
-      "types": "./dist/prosekit-vue-popover-content.d.ts",
-      "import": "./dist/prosekit-vue-popover-content.js",
-      "default": "./dist/prosekit-vue-popover-content.js"
-    },
-    "./popover-root": {
-      "types": "./dist/prosekit-vue-popover-root.d.ts",
-      "import": "./dist/prosekit-vue-popover-root.js",
-      "default": "./dist/prosekit-vue-popover-root.js"
-    },
-    "./popover-trigger": {
-      "types": "./dist/prosekit-vue-popover-trigger.d.ts",
-      "import": "./dist/prosekit-vue-popover-trigger.js",
-      "default": "./dist/prosekit-vue-popover-trigger.js"
-    },
     "./resizable": {
       "types": "./dist/prosekit-vue-resizable.d.ts",
       "import": "./dist/prosekit-vue-resizable.js",
       "default": "./dist/prosekit-vue-resizable.js"
     },
-    "./resizable-handle": {
-      "types": "./dist/prosekit-vue-resizable-handle.d.ts",
-      "import": "./dist/prosekit-vue-resizable-handle.js",
-      "default": "./dist/prosekit-vue-resizable-handle.js"
+    "./tooltip": {
+      "types": "./dist/prosekit-vue-tooltip.d.ts",
+      "import": "./dist/prosekit-vue-tooltip.js",
+      "default": "./dist/prosekit-vue-tooltip.js"
     }
   },
   "files": [
@@ -121,8 +66,9 @@
   ],
   "dependencies": {
     "@prosekit/core": "^0.4.0",
-    "@prosekit/lit": "^0.2.8",
+    "@prosekit/lit": "^0.3.0",
     "@prosekit/pm": "^0.1.2",
+    "@prosekit/web": "^0.1.0",
     "@prosemirror-adapter/core": "^0.2.6"
   },
   "peerDependencies": {
@@ -136,9 +82,9 @@
   "devDependencies": {
     "@prosekit/dev": "*",
     "tsup": "^8.0.2",
-    "typescript": "^5.4.3",
-    "vitest": "^1.4.0",
-    "vue": "^3.4.21"
+    "typescript": "^5.4.5",
+    "vitest": "^1.5.0",
+    "vue": "^3.4.23"
   },
   "scripts": {
     "build:tsup": "tsup",
@@ -150,35 +96,11 @@
       ".": [
         "./dist/prosekit-vue.d.ts"
       ],
-      "autocomplete-empty": [
-        "./dist/prosekit-vue-autocomplete-empty.d.ts"
+      "autocomplete": [
+        "./dist/prosekit-vue-autocomplete.d.ts"
       ],
-      "autocomplete-item": [
-        "./dist/prosekit-vue-autocomplete-item.d.ts"
-      ],
-      "autocomplete-list": [
-        "./dist/prosekit-vue-autocomplete-list.d.ts"
-      ],
-      "autocomplete-popover": [
-        "./dist/prosekit-vue-autocomplete-popover.d.ts"
-      ],
-      "block-popover": [
-        "./dist/prosekit-vue-block-popover.d.ts"
-      ],
-      "combo-box": [
-        "./dist/prosekit-vue-combo-box.d.ts"
-      ],
-      "combo-box-input": [
-        "./dist/prosekit-vue-combo-box-input.d.ts"
-      ],
-      "combo-box-item": [
-        "./dist/prosekit-vue-combo-box-item.d.ts"
-      ],
-      "combo-box-list": [
-        "./dist/prosekit-vue-combo-box-list.d.ts"
-      ],
-      "drag-handle": [
-        "./dist/prosekit-vue-drag-handle.d.ts"
+      "block-handle": [
+        "./dist/prosekit-vue-block-handle.d.ts"
       ],
       "inline-popover": [
         "./dist/prosekit-vue-inline-popover.d.ts"
@@ -186,20 +108,11 @@
       "popover": [
         "./dist/prosekit-vue-popover.d.ts"
       ],
-      "popover-content": [
-        "./dist/prosekit-vue-popover-content.d.ts"
-      ],
-      "popover-root": [
-        "./dist/prosekit-vue-popover-root.d.ts"
-      ],
-      "popover-trigger": [
-        "./dist/prosekit-vue-popover-trigger.d.ts"
-      ],
       "resizable": [
         "./dist/prosekit-vue-resizable.d.ts"
       ],
-      "resizable-handle": [
-        "./dist/prosekit-vue-resizable-handle.d.ts"
+      "tooltip": [
+        "./dist/prosekit-vue-tooltip.d.ts"
       ]
     }
   }

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

@@ -1,19 +0,0 @@
-// src/components/autocomplete-empty.gen.ts
-import "@prosekit/lit/autocomplete-empty";
-import { propNames } from "@prosekit/lit/autocomplete-empty";
-import { defineComponent, h } from "vue";
-var AutocompleteEmpty = defineComponent(
-  (props, { slots }) => {
-    return () => {
-      var _a;
-      const webComponentProps = Object.fromEntries(
-        Object.entries(props).filter((entry) => entry[1] !== void 0).map(([key, value]) => [(key === "class" ? "" : ".") + key, value])
-      );
-      return h("prosekit-autocomplete-empty", webComponentProps, (_a = slots.default) == null ? void 0 : _a.call(slots));
-    };
-  },
-  { props: ["class", ...propNames] }
-);
-export {
-  AutocompleteEmpty
-};

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

@@ -1,19 +0,0 @@
-// src/components/autocomplete-item.gen.ts
-import "@prosekit/lit/autocomplete-item";
-import { propNames } from "@prosekit/lit/autocomplete-item";
-import { defineComponent, h } from "vue";
-var AutocompleteItem = defineComponent(
-  (props, { slots }) => {
-    return () => {
-      var _a;
-      const webComponentProps = Object.fromEntries(
-        Object.entries(props).filter((entry) => entry[1] !== void 0).map(([key, value]) => [(key === "class" ? "" : ".") + key, value])
-      );
-      return h("prosekit-autocomplete-item", webComponentProps, (_a = slots.default) == null ? void 0 : _a.call(slots));
-    };
-  },
-  { props: ["class", ...propNames] }
-);
-export {
-  AutocompleteItem
-};

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

@@ -1,19 +0,0 @@
-// src/components/autocomplete-list.gen.ts
-import "@prosekit/lit/autocomplete-list";
-import { propNames } from "@prosekit/lit/autocomplete-list";
-import { defineComponent, h } from "vue";
-var AutocompleteList = defineComponent(
-  (props, { slots }) => {
-    return () => {
-      var _a;
-      const webComponentProps = Object.fromEntries(
-        Object.entries(props).filter((entry) => entry[1] !== void 0).map(([key, value]) => [(key === "class" ? "" : ".") + key, value])
-      );
-      return h("prosekit-autocomplete-list", webComponentProps, (_a = slots.default) == null ? void 0 : _a.call(slots));
-    };
-  },
-  { props: ["class", ...propNames] }
-);
-export {
-  AutocompleteList
-};

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

@@ -1,19 +0,0 @@
-// src/components/autocomplete-popover.gen.ts
-import "@prosekit/lit/autocomplete-popover";
-import { propNames } from "@prosekit/lit/autocomplete-popover";
-import { defineComponent, h } from "vue";
-var AutocompletePopover = defineComponent(
-  (props, { slots }) => {
-    return () => {
-      var _a;
-      const webComponentProps = Object.fromEntries(
-        Object.entries(props).filter((entry) => entry[1] !== void 0).map(([key, value]) => [(key === "class" ? "" : ".") + key, value])
-      );
-      return h("prosekit-autocomplete-popover", webComponentProps, (_a = slots.default) == null ? void 0 : _a.call(slots));
-    };
-  },
-  { props: ["class", ...propNames] }
-);
-export {
-  AutocompletePopover
-};

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

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

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

@@ -1,19 +0,0 @@
-// src/components/block-popover.gen.ts
-import "@prosekit/lit/block-popover";
-import { propNames } from "@prosekit/lit/block-popover";
-import { defineComponent, h } from "vue";
-var BlockPopover = defineComponent(
-  (props, { slots }) => {
-    return () => {
-      var _a;
-      const webComponentProps = Object.fromEntries(
-        Object.entries(props).filter((entry) => entry[1] !== void 0).map(([key, value]) => [(key === "class" ? "" : ".") + key, value])
-      );
-      return h("prosekit-block-popover", webComponentProps, (_a = slots.default) == null ? void 0 : _a.call(slots));
-    };
-  },
-  { props: ["class", ...propNames] }
-);
-export {
-  BlockPopover
-};

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

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

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

@@ -1,19 +0,0 @@
-// src/components/combo-box-input.gen.ts
-import "@prosekit/lit/combo-box-input";
-import { propNames } from "@prosekit/lit/combo-box-input";
-import { defineComponent, h } from "vue";
-var ComboBoxInput = defineComponent(
-  (props, { slots }) => {
-    return () => {
-      var _a;
-      const webComponentProps = Object.fromEntries(
-        Object.entries(props).filter((entry) => entry[1] !== void 0).map(([key, value]) => [(key === "class" ? "" : ".") + key, value])
-      );
-      return h("prosekit-combo-box-input", webComponentProps, (_a = slots.default) == null ? void 0 : _a.call(slots));
-    };
-  },
-  { props: ["class", ...propNames] }
-);
-export {
-  ComboBoxInput
-};

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

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

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

@@ -1,19 +0,0 @@
-// src/components/combo-box-item.gen.ts
-import "@prosekit/lit/combo-box-item";
-import { propNames } from "@prosekit/lit/combo-box-item";
-import { defineComponent, h } from "vue";
-var ComboBoxItem = defineComponent(
-  (props, { slots }) => {
-    return () => {
-      var _a;
-      const webComponentProps = Object.fromEntries(
-        Object.entries(props).filter((entry) => entry[1] !== void 0).map(([key, value]) => [(key === "class" ? "" : ".") + key, value])
-      );
-      return h("prosekit-combo-box-item", webComponentProps, (_a = slots.default) == null ? void 0 : _a.call(slots));
-    };
-  },
-  { props: ["class", ...propNames] }
-);
-export {
-  ComboBoxItem
-};

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

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

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

@@ -1,19 +0,0 @@
-// src/components/combo-box-list.gen.ts
-import "@prosekit/lit/combo-box-list";
-import { propNames } from "@prosekit/lit/combo-box-list";
-import { defineComponent, h } from "vue";
-var ComboBoxList = defineComponent(
-  (props, { slots }) => {
-    return () => {
-      var _a;
-      const webComponentProps = Object.fromEntries(
-        Object.entries(props).filter((entry) => entry[1] !== void 0).map(([key, value]) => [(key === "class" ? "" : ".") + key, value])
-      );
-      return h("prosekit-combo-box-list", webComponentProps, (_a = slots.default) == null ? void 0 : _a.call(slots));
-    };
-  },
-  { props: ["class", ...propNames] }
-);
-export {
-  ComboBoxList
-};

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

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

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

@@ -1,19 +0,0 @@
-// src/components/combo-box.gen.ts
-import "@prosekit/lit/combo-box";
-import { propNames } from "@prosekit/lit/combo-box";
-import { defineComponent, h } from "vue";
-var ComboBox = defineComponent(
-  (props, { slots }) => {
-    return () => {
-      var _a;
-      const webComponentProps = Object.fromEntries(
-        Object.entries(props).filter((entry) => entry[1] !== void 0).map(([key, value]) => [(key === "class" ? "" : ".") + key, value])
-      );
-      return h("prosekit-combo-box", webComponentProps, (_a = slots.default) == null ? void 0 : _a.call(slots));
-    };
-  },
-  { props: ["class", ...propNames] }
-);
-export {
-  ComboBox
-};

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

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

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

@@ -1,19 +0,0 @@
-// src/components/drag-handle.gen.ts
-import "@prosekit/lit/drag-handle";
-import { propNames } from "@prosekit/lit/drag-handle";
-import { defineComponent, h } from "vue";
-var DragHandle = defineComponent(
-  (props, { slots }) => {
-    return () => {
-      var _a;
-      const webComponentProps = Object.fromEntries(
-        Object.entries(props).filter((entry) => entry[1] !== void 0).map(([key, value]) => [(key === "class" ? "" : ".") + key, value])
-      );
-      return h("prosekit-drag-handle", webComponentProps, (_a = slots.default) == null ? void 0 : _a.call(slots));
-    };
-  },
-  { props: ["class", ...propNames] }
-);
-export {
-  DragHandle
-};

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

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

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

@@ -1,19 +0,0 @@
-// src/components/popover-content.gen.ts
-import "@prosekit/lit/popover-content";
-import { propNames } from "@prosekit/lit/popover-content";
-import { defineComponent, h } from "vue";
-var PopoverContent = defineComponent(
-  (props, { slots }) => {
-    return () => {
-      var _a;
-      const webComponentProps = Object.fromEntries(
-        Object.entries(props).filter((entry) => entry[1] !== void 0).map(([key, value]) => [(key === "class" ? "" : ".") + key, value])
-      );
-      return h("prosekit-popover-content", webComponentProps, (_a = slots.default) == null ? void 0 : _a.call(slots));
-    };
-  },
-  { props: ["class", ...propNames] }
-);
-export {
-  PopoverContent
-};

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

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

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

@@ -1,19 +0,0 @@
-// src/components/popover-root.gen.ts
-import "@prosekit/lit/popover-root";
-import { propNames } from "@prosekit/lit/popover-root";
-import { defineComponent, h } from "vue";
-var PopoverRoot = defineComponent(
-  (props, { slots }) => {
-    return () => {
-      var _a;
-      const webComponentProps = Object.fromEntries(
-        Object.entries(props).filter((entry) => entry[1] !== void 0).map(([key, value]) => [(key === "class" ? "" : ".") + key, value])
-      );
-      return h("prosekit-popover-root", webComponentProps, (_a = slots.default) == null ? void 0 : _a.call(slots));
-    };
-  },
-  { props: ["class", ...propNames] }
-);
-export {
-  PopoverRoot
-};

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

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

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

@@ -1,19 +0,0 @@
-// src/components/popover-trigger.gen.ts
-import "@prosekit/lit/popover-trigger";
-import { propNames } from "@prosekit/lit/popover-trigger";
-import { defineComponent, h } from "vue";
-var PopoverTrigger = defineComponent(
-  (props, { slots }) => {
-    return () => {
-      var _a;
-      const webComponentProps = Object.fromEntries(
-        Object.entries(props).filter((entry) => entry[1] !== void 0).map(([key, value]) => [(key === "class" ? "" : ".") + key, value])
-      );
-      return h("prosekit-popover-trigger", webComponentProps, (_a = slots.default) == null ? void 0 : _a.call(slots));
-    };
-  },
-  { props: ["class", ...propNames] }
-);
-export {
-  PopoverTrigger
-};

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

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

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

@@ -1,19 +0,0 @@
-// src/components/resizable-handle.gen.ts
-import "@prosekit/lit/resizable-handle";
-import { propNames } from "@prosekit/lit/resizable-handle";
-import { defineComponent, h } from "vue";
-var ResizableHandle = defineComponent(
-  (props, { slots }) => {
-    return () => {
-      var _a;
-      const webComponentProps = Object.fromEntries(
-        Object.entries(props).filter((entry) => entry[1] !== void 0).map(([key, value]) => [(key === "class" ? "" : ".") + key, value])
-      );
-      return h("prosekit-resizable-handle", webComponentProps, (_a = slots.default) == null ? void 0 : _a.call(slots));
-    };
-  },
-  { props: ["class", ...propNames] }
-);
-export {
-  ResizableHandle
-};