@prosekit/vue 0.0.0-next-20230709094459 → 0.0.0-next-20231120040948

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

@@ -0,0 +1,159 @@
+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 { 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 { Editor } from '@prosekit/core';
+import { Extension } from '@prosekit/core';
+import { InlinePopoverProps as InlinePopoverProps_2 } from '@prosekit/lit/inline-popover';
+import { Keymap } from '@prosekit/core';
+import { Options } from 'tsup';
+import { PopoverOptions } from '@prosekit/lit/autocomplete-popover';
+import { PopoverOptions as PopoverOptions_alias_1 } from '@prosekit/lit/inline-popover';
+import { PopoverProps as PopoverProps_2 } from '@prosekit/lit/popover';
+import { Ref } from 'vue';
+import { ShallowRef } from 'vue';
+import { UserProjectConfigExport } from 'vitest/dist/config.js';
+
+declare const AutocompleteEmpty: (props: {
+    class?: string | undefined;
+} & AutocompleteEmptyProps_2 & {}) => any;
+export { AutocompleteEmpty }
+export { AutocompleteEmpty as AutocompleteEmpty_alias_1 }
+
+declare type AutocompleteEmptyProps = {
+    class?: string;
+} & AutocompleteEmptyProps_2;
+export { AutocompleteEmptyProps }
+export { AutocompleteEmptyProps as AutocompleteEmptyProps_alias_1 }
+
+declare const AutocompleteItem: (props: {
+    class?: string | undefined;
+} & AutocompleteItemProps_2 & {}) => any;
+export { AutocompleteItem }
+export { AutocompleteItem as AutocompleteItem_alias_1 }
+
+declare type AutocompleteItemProps = {
+    class?: string;
+} & AutocompleteItemProps_2;
+export { AutocompleteItemProps }
+export { AutocompleteItemProps as AutocompleteItemProps_alias_1 }
+
+declare const AutocompleteList: (props: {
+    class?: string | undefined;
+} & AutocompleteListProps_2 & {}) => any;
+export { AutocompleteList }
+export { AutocompleteList as AutocompleteList_alias_1 }
+
+declare type AutocompleteListProps = {
+    class?: string;
+} & AutocompleteListProps_2;
+export { AutocompleteListProps }
+export { AutocompleteListProps as AutocompleteListProps_alias_1 }
+
+declare const AutocompletePopover: (props: {
+    class?: string | undefined;
+} & AutocompletePopoverProps_2 & {}) => any;
+export { AutocompletePopover }
+export { AutocompletePopover as AutocompletePopover_alias_1 }
+
+declare type AutocompletePopoverProps = {
+    class?: string;
+} & AutocompletePopoverProps_2;
+export { AutocompletePopoverProps }
+export { AutocompletePopoverProps as AutocompletePopoverProps_alias_1 }
+
+export declare const ComboBox: (props: {
+    class?: string | undefined;
+} & ComboBoxProps_2 & {}) => any;
+
+export declare const ComboBoxInput: (props: {
+    class?: string | undefined;
+} & ComboBoxInputProps_2 & {}) => any;
+
+export declare type ComboBoxInputProps = {
+    class?: string;
+} & ComboBoxInputProps_2;
+
+export declare const ComboBoxItem: (props: {
+    class?: string | undefined;
+} & ComboBoxItemProps_2 & {}) => any;
+
+export declare type ComboBoxItemProps = {
+    class?: string;
+} & ComboBoxItemProps_2;
+
+export declare const ComboBoxList: (props: {
+    class?: string | undefined;
+} & ComboBoxListProps_2 & {}) => any;
+
+export declare type ComboBoxListProps = {
+    class?: string;
+} & ComboBoxListProps_2;
+
+export declare type ComboBoxProps = {
+    class?: string;
+} & ComboBoxProps_2;
+
+export declare const default_alias: Options | Options[] | ((overrideOptions: Options) => Options | Options[] | Promise<Options | Options[]>);
+
+export declare const default_alias_1: UserProjectConfigExport;
+
+export declare function injectEditor(): Editor;
+
+declare const InlinePopover: (props: {
+    class?: string | undefined;
+} & InlinePopoverProps_2 & {}) => any;
+export { InlinePopover }
+export { InlinePopover as InlinePopover_alias_1 }
+
+declare type InlinePopoverProps = {
+    class?: string;
+} & InlinePopoverProps_2;
+export { InlinePopoverProps }
+export { InlinePopoverProps as InlinePopoverProps_alias_1 }
+
+export declare const Popover: (props: {
+    class?: string | undefined;
+} & PopoverProps_2 & {}) => any;
+
+export { PopoverOptions }
+
+export { PopoverOptions_alias_1 }
+
+export declare type PopoverProps = {
+    class?: string;
+} & PopoverProps_2;
+
+declare const ProseKit: (props: ProseKitProps & {}) => any;
+export { ProseKit }
+export { ProseKit as ProseKit_alias_1 }
+
+declare interface ProseKitProps {
+    editor: Editor;
+}
+export { ProseKitProps }
+export { ProseKitProps as ProseKitProps_alias_1 }
+
+export declare function provideEditor(editor: Editor): void;
+
+/**
+ * Returns a shallow ref to the editor. If `update` is `true`, any editor update
+ * will trigger an effect.
+ */
+declare function useEditor<E extends Extension = any>(options?: {
+    update?: boolean;
+}): ShallowRef<Editor<E>>;
+export { useEditor }
+export { useEditor as useEditor_alias_1 }
+
+export declare function useExtension<T extends Extension = Extension>(extension: Ref<T>): void;
+
+declare function useKeymap(keymap: Ref<Keymap>): void;
+export { useKeymap }
+export { useKeymap as useKeymap_alias_1 }
+
+export { }

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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1,19 @@
+// 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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1,19 @@
+// 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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1,19 @@
+// 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

@@ -0,0 +1,3 @@
+export { PopoverOptions } 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

@@ -0,0 +1,19 @@
+// 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-combo-box-input.d.ts

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

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

@@ -0,0 +1,19 @@
+// 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

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

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

@@ -0,0 +1,19 @@
+// 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

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

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

@@ -0,0 +1,19 @@
+// 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

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

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

@@ -0,0 +1,19 @@
+// 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-inline-popover.d.ts

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

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

@@ -0,0 +1,19 @@
+// 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] }
+);
+export {
+  InlinePopover
+};

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

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

package/dist/prosekit-vue-popover.js

@@ -0,0 +1,19 @@
+// 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] }
+);
+export {
+  Popover
+};

package/dist/prosekit-vue.d.ts

@@ -1,14 +1,4 @@
-import { Editor, Keymap, Extension } from '@prosekit/core';
-
-interface ProseKitProps {
-    editor: Editor;
-}
-declare const ProseKit: (props: ProseKitProps & {}) => any;
-
-declare function useKeymap({ keymap }: {
-    keymap: Keymap;
-}): void;
-
-declare function useEditor<E extends Extension = any>(): Editor<E>;
-
-export { ProseKit, ProseKitProps, useEditor, useKeymap };
+export { ProseKit } from './_tsup-dts-rollup';
+export { ProseKitProps } from './_tsup-dts-rollup';
+export { useKeymap } from './_tsup-dts-rollup';
+export { useEditor } from './_tsup-dts-rollup';

package/dist/prosekit-vue.js

@@ -1,4 +1,5 @@
 // src/components/prosekit.ts
+import "@prosekit/core";
 import { defineComponent } from "vue";
 
 // src/injection/editor-injection.ts
@@ -29,27 +30,48 @@ var ProseKit = defineComponent(
 );
 
 // src/hooks/use-keymap.ts
-import { addKeymap } from "@prosekit/core";
-import { computed } from "vue";
+import { defineKeymap } from "@prosekit/core";
+import { computed, unref as unref2 } from "vue";
 
 // src/hooks/use-extension.ts
-import { effect } from "vue";
+import "@prosekit/core";
+import { unref, watchPostEffect } from "vue";
 
 // src/hooks/use-editor.ts
-function useEditor() {
-  return injectEditor();
+import { defineUpdateHandler } from "@prosekit/core";
+import {
+  onMounted,
+  onUnmounted,
+  shallowRef,
+  triggerRef
+} from "vue";
+function useEditor(options) {
+  var _a;
+  const update = (_a = options == null ? void 0 : options.update) != null ? _a : false;
+  const editor = injectEditor();
+  const editorRef = shallowRef(editor);
+  if (update) {
+    onMounted(() => {
+      const forceUpdate = () => triggerRef(editorRef);
+      const dispose = editor.use(defineUpdateHandler(forceUpdate));
+      onUnmounted(dispose);
+    });
+  }
+  return editorRef;
 }
 
 // src/hooks/use-extension.ts
-function useExtension({ extension }) {
+function useExtension(extension) {
   const editor = useEditor();
-  effect(() => editor.use(extension));
+  watchPostEffect((onCleanup) => {
+    onCleanup(editor.value.use(unref(extension)));
+  });
 }
 
 // src/hooks/use-keymap.ts
-function useKeymap({ keymap }) {
-  const extension = computed(() => addKeymap(keymap));
-  useExtension({ extension: extension.value });
+function useKeymap(keymap) {
+  const extension = computed(() => defineKeymap(unref2(keymap)));
+  useExtension(extension);
 }
 export {
   ProseKit,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/vue",
   "type": "module",
-  "version": "0.0.0-next-20230709094459",
+  "version": "0.0.0-next-20231120040948",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -30,33 +30,63 @@
       "import": "./dist/prosekit-vue.js",
       "default": "./dist/prosekit-vue.js"
     },
-    "./components/menu": {
-      "types": "./dist/prosekit-vue-components-menu.d.ts",
-      "import": "./dist/prosekit-vue-components-menu.js",
-      "default": "./dist/prosekit-vue-components-menu.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"
     },
-    "./components/menu-item": {
-      "types": "./dist/prosekit-vue-components-menu-item.d.ts",
-      "import": "./dist/prosekit-vue-components-menu-item.js",
-      "default": "./dist/prosekit-vue-components-menu-item.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"
     },
-    "./components/popover": {
-      "types": "./dist/prosekit-vue-components-popover.d.ts",
-      "import": "./dist/prosekit-vue-components-popover.js",
-      "default": "./dist/prosekit-vue-components-popover.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"
     },
-    "./components/popover-suggestion": {
-      "types": "./dist/prosekit-vue-components-popover-suggestion.d.ts",
-      "import": "./dist/prosekit-vue-components-popover-suggestion.js",
-      "default": "./dist/prosekit-vue-components-popover-suggestion.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"
+    },
+    "./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"
+    },
+    "./inline-popover": {
+      "types": "./dist/prosekit-vue-inline-popover.d.ts",
+      "import": "./dist/prosekit-vue-inline-popover.js",
+      "default": "./dist/prosekit-vue-inline-popover.js"
+    },
+    "./popover": {
+      "types": "./dist/prosekit-vue-popover.d.ts",
+      "import": "./dist/prosekit-vue-popover.js",
+      "default": "./dist/prosekit-vue-popover.js"
     }
   },
   "files": [
     "dist"
   ],
   "dependencies": {
-    "@prosekit/core": "0.0.0-next-20230709094459",
-    "@prosekit/lit": "0.0.0-next-20230709094459"
+    "@prosekit/core": "0.0.0-next-20231120040948",
+    "@prosekit/lit": "0.0.0-next-20231120040948"
   },
   "peerDependencies": {
     "vue": ">= 3.0.0"
@@ -68,10 +98,10 @@
   },
   "devDependencies": {
     "@prosekit/dev": "*",
-    "tsup": "^7.1.0",
-    "typescript": "^5.1.6",
-    "vitest": "^0.33.0",
-    "vue": "^3.3.4"
+    "tsup": "^8.0.0",
+    "typescript": "^5.2.2",
+    "vitest": "^0.34.6",
+    "vue": "^3.3.8"
   },
   "scripts": {
     "build:tsup": "tsup",
@@ -83,17 +113,35 @@
       ".": [
         "./dist/prosekit-vue.d.ts"
       ],
-      "components/menu": [
-        "./dist/prosekit-vue-components-menu.d.ts"
+      "autocomplete-empty": [
+        "./dist/prosekit-vue-autocomplete-empty.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"
+      ],
+      "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"
       ],
-      "components/menu-item": [
-        "./dist/prosekit-vue-components-menu-item.d.ts"
+      "combo-box-list": [
+        "./dist/prosekit-vue-combo-box-list.d.ts"
       ],
-      "components/popover": [
-        "./dist/prosekit-vue-components-popover.d.ts"
+      "inline-popover": [
+        "./dist/prosekit-vue-inline-popover.d.ts"
       ],
-      "components/popover-suggestion": [
-        "./dist/prosekit-vue-components-popover-suggestion.d.ts"
+      "popover": [
+        "./dist/prosekit-vue-popover.d.ts"
       ]
     }
   }

package/src/index.ts

@@ -1,7 +1,3 @@
-/**
- * @module @prosekit/vue
- */
-
 export { ProseKit, type ProseKitProps } from './components/prosekit'
 export { useKeymap } from './hooks/use-keymap'
 export { useEditor } from './hooks/use-editor'

package/dist/prosekit-vue-components-menu-item.d.ts

@@ -1,9 +0,0 @@
-import { MenuItem as MenuItem$1 } from '@prosekit/lit/elements/menu-item';
-
-/**
- * @module @prosekit/vue/components/menu-item
- */
-
-declare const MenuItem: (props: Partial<MenuItem$1> & {}) => any;
-
-export { MenuItem };

package/dist/prosekit-vue-components-menu-item.js

@@ -1,14 +0,0 @@
-// src/components/menu-item.gen.ts
-import "@prosekit/lit/elements/menu-item";
-import { defineComponent, h } from "vue";
-var MenuItem = defineComponent(
-  (props, { slots }) => {
-    return () => {
-      var _a;
-      return h("prosekit-menu-item", props, (_a = slots.default) == null ? void 0 : _a.call(slots));
-    };
-  }
-);
-export {
-  MenuItem
-};

package/dist/prosekit-vue-components-menu.d.ts

@@ -1,9 +0,0 @@
-import { Menu as Menu$1 } from '@prosekit/lit/elements/menu';
-
-/**
- * @module @prosekit/vue/components/menu
- */
-
-declare const Menu: (props: Partial<Menu$1> & {}) => any;
-
-export { Menu };

package/dist/prosekit-vue-components-menu.js

@@ -1,14 +0,0 @@
-// src/components/menu.gen.ts
-import "@prosekit/lit/elements/menu";
-import { defineComponent, h } from "vue";
-var Menu = defineComponent(
-  (props, { slots }) => {
-    return () => {
-      var _a;
-      return h("prosekit-menu", props, (_a = slots.default) == null ? void 0 : _a.call(slots));
-    };
-  }
-);
-export {
-  Menu
-};

package/dist/prosekit-vue-components-popover-suggestion.d.ts

@@ -1,18 +0,0 @@
-import { Editor } from '@prosekit/core';
-import { PredictionRule, PopoverSuggestionContext } from '@prosekit/lit/elements/popover-suggestion';
-export { PopoverSuggestionContext, PredictionRule } from '@prosekit/lit/elements/popover-suggestion';
-
-/**
- * @module @prosekit/vue/components/popover-suggestion
- */
-
-interface PopoverSuggestionProps {
-    editor: Editor;
-    rules: PredictionRule[];
-}
-interface PopoverSuggestionSlots {
-    default: PopoverSuggestionContext;
-}
-declare const PopoverSuggestion: (props: PopoverSuggestionProps & {}) => any;
-
-export { PopoverSuggestion, PopoverSuggestionProps, PopoverSuggestionSlots };

package/dist/prosekit-vue-components-popover-suggestion.js

@@ -1,42 +0,0 @@
-// src/components/popover-suggestion.ts
-import { defineComponent as defineComponent2, h as h2, ref } from "vue";
-
-// src/components/popover-suggestion.gen.ts
-import "@prosekit/lit/elements/popover-suggestion";
-import { defineComponent, h } from "vue";
-var PopoverSuggestion = defineComponent(
-  (props, { slots }) => {
-    return () => {
-      var _a;
-      return h("prosekit-popover-suggestion", props, (_a = slots.default) == null ? void 0 : _a.call(slots));
-    };
-  }
-);
-
-// src/components/popover-suggestion.ts
-var PopoverSuggestion2 = defineComponent2(
-  ({ editor, rules }, { slots }) => {
-    const contextRef = ref(null);
-    const onContext = (context) => {
-      contextRef.value = context;
-    };
-    return () => {
-      const context = contextRef.value;
-      return h2(
-        PopoverSuggestion,
-        {
-          ".editor": editor,
-          ".rules": rules,
-          ".onContext": onContext
-        },
-        () => {
-          var _a;
-          return (_a = slots.default) == null ? void 0 : _a.call(slots, context);
-        }
-      );
-    };
-  }
-);
-export {
-  PopoverSuggestion2 as PopoverSuggestion
-};

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

@@ -1,9 +0,0 @@
-import { Popover as Popover$1 } from '@prosekit/lit/elements/popover';
-
-/**
- * @module @prosekit/vue/components/popover
- */
-
-declare const Popover: (props: Partial<Popover$1> & {}) => any;
-
-export { Popover };

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

@@ -1,14 +0,0 @@
-// src/components/popover.gen.ts
-import "@prosekit/lit/elements/popover";
-import { defineComponent, h } from "vue";
-var Popover = defineComponent(
-  (props, { slots }) => {
-    return () => {
-      var _a;
-      return h("prosekit-popover", props, (_a = slots.default) == null ? void 0 : _a.call(slots));
-    };
-  }
-);
-export {
-  Popover
-};