@prosekit/solid 0.2.7 → 0.3.0

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

@@ -1,85 +1,72 @@
 import { Accessor } from 'solid-js';
-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 { Component } from 'solid-js';
 import { ContextProviderComponent } from 'solid-js';
-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 { InlinePopoverElement } from '@prosekit/web/inline-popover';
+import { InlinePopoverProps } from '@prosekit/web/inline-popover';
+import { JSX } from 'solid-js';
 import type { JSXElement } from 'solid-js';
 import { Keymap } from '@prosekit/core';
 import { Options } from 'tsup';
 import { ParentProps } from 'solid-js';
-import 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 type { ResizableHandleProps as ResizableHandleProps_2 } from '@prosekit/lit/resizable-handle';
-import type { ResizableProps as ResizableProps_2 } from '@prosekit/lit/resizable';
-
-declare const AutocompleteEmpty: Component<AutocompleteEmptyProps>;
+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: Component<Partial<AutocompleteEmptyProps> & JSX<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: Component<AutocompleteItemProps>;
+declare const AutocompleteItem: Component<Partial<AutocompleteItemProps> & JSX<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: Component<AutocompleteListProps>;
+declare const AutocompleteList: Component<Partial<AutocompleteListProps> & JSX<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: Component<AutocompletePopoverProps>;
+declare const AutocompletePopover: Component<Partial<AutocompletePopoverProps> & JSX<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: Component<BlockPopoverProps>;
-
-export declare type BlockPopoverProps = PropsWithChildren<PropsWithClass<BlockPopoverProps_2>>;
-
-export declare const ComboBox: Component<ComboBoxProps>;
-
-export declare const ComboBoxInput: Component<ComboBoxInputProps>;
-
-export declare type ComboBoxInputProps = PropsWithChildren<PropsWithClass<ComboBoxInputProps_2>>;
-
-export declare const ComboBoxItem: Component<ComboBoxItemProps>;
-
-export declare type ComboBoxItemProps = PropsWithChildren<PropsWithClass<ComboBoxItemProps_2>>;
+declare const BlockDragHandle: Component<Partial<BlockDragHandleProps> & JSX<BlockDragHandleElement>>;
+export { BlockDragHandle }
+export { BlockDragHandle as BlockDragHandle_alias_1 }
 
-export declare const ComboBoxList: Component<ComboBoxListProps>;
+declare const BlockPopover: Component<Partial<BlockPopoverProps> & JSX<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, defaultProps: Props): Component<Partial<Props> & JSX.HTMLAttributes<CustomElement>>;
 
 export declare const default_alias: Options | Options[] | ((overrideOptions: Options) => Options | Options[] | Promise<Options | Options[]>);
 
@@ -89,10 +76,6 @@ export declare const default_alias_1: {
     };
 };
 
-export declare const DragHandle: Component<DragHandleProps>;
-
-export declare type DragHandleProps = PropsWithChildren<PropsWithClass<DragHandleProps_2>>;
-
 /**
  * @internal
  */
@@ -100,9 +83,9 @@ export declare const EditorContextProvider: ContextProviderComponent<Editor<any>
 
 export declare function forceProps<T extends Record<string, any>>(props: T): T;
 
-export declare const InlinePopover: Component<InlinePopoverProps>;
-
-export declare type InlinePopoverProps = PropsWithChildren<PropsWithClass<InlinePopoverProps_2>>;
+declare const InlinePopover: Component<Partial<InlinePopoverProps> & JSX<InlinePopoverElement>>;
+export { InlinePopover }
+export { InlinePopover as InlinePopover_alias_1 }
 
 /**
  * T or a reactive/non-reactive function returning T
@@ -127,23 +110,17 @@ export { MaybeAccessor as MaybeAccessor_alias_1 }
  */
 export declare type MaybeAccessorValue<T extends MaybeAccessor<any>> = T extends () => any ? ReturnType<T> : T;
 
-export declare const Popover: Component<PopoverProps>;
-
-export declare const PopoverContent: Component<PopoverContentProps>;
-
-export declare type PopoverContentProps = PropsWithChildren<PropsWithClass<PopoverContentProps_2>>;
+declare const PopoverContent: Component<Partial<PopoverContentProps> & JSX<PopoverContentElement>>;
+export { PopoverContent }
+export { PopoverContent as PopoverContent_alias_1 }
 
-export declare type PopoverProps = PropsWithChildren<PropsWithClass<PopoverProps_2>>;
+declare const PopoverRoot: Component<Partial<PopoverRootProps> & JSX<PopoverRootElement>>;
+export { PopoverRoot }
+export { PopoverRoot as PopoverRoot_alias_1 }
 
-export declare const PopoverRoot: Component<PopoverRootProps>;
-
-export declare type PopoverRootProps = PropsWithChildren<PropsWithClass<PopoverRootProps_2>>;
-
-export declare const PopoverTrigger: Component<PopoverTriggerProps>;
-
-export declare type PopoverTriggerProps = PropsWithChildren<PropsWithClass<PopoverTriggerProps_2>>;
-
-export { PositioningOptions }
+declare const PopoverTrigger: Component<Partial<PopoverTriggerProps> & JSX<PopoverTriggerElement>>;
+export { PopoverTrigger }
+export { PopoverTrigger as PopoverTrigger_alias_1 }
 
 /**
  * @internal
@@ -178,13 +155,25 @@ declare type ProseKitProps = ParentProps<{
 export { ProseKitProps }
 export { ProseKitProps as ProseKitProps_alias_1 }
 
-export declare const Resizable: Component<ResizableProps>;
+declare const ResizableHandle: Component<Partial<ResizableHandleProps> & JSX<ResizableHandleElement>>;
+export { ResizableHandle }
+export { ResizableHandle as ResizableHandle_alias_1 }
+
+declare const ResizableRoot: Component<Partial<ResizableRootProps> & JSX<ResizableRootElement>>;
+export { ResizableRoot }
+export { ResizableRoot as ResizableRoot_alias_1 }
 
-export declare const ResizableHandle: Component<ResizableHandleProps>;
+declare const TooltipContent: Component<Partial<TooltipContentProps> & JSX<TooltipContentElement>>;
+export { TooltipContent }
+export { TooltipContent as TooltipContent_alias_1 }
 
-export declare type ResizableHandleProps = PropsWithChildren<PropsWithClass<ResizableHandleProps_2>>;
+declare const TooltipRoot: Component<Partial<TooltipRootProps> & JSX<TooltipRootElement>>;
+export { TooltipRoot }
+export { TooltipRoot as TooltipRoot_alias_1 }
 
-export declare type ResizableProps = PropsWithChildren<PropsWithClass<ResizableProps_2>>;
+declare const TooltipTrigger: Component<Partial<TooltipTriggerProps> & JSX<TooltipTriggerElement>>;
+export { TooltipTrigger }
+export { TooltipTrigger as TooltipTrigger_alias_1 }
 
 /**
  * Accesses the value of a MaybeAccessor

package/dist/chunk-XXXIBXNC.js

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

package/dist/chunk-Z3TWLQOI.js

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

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

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

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

@@ -0,0 +1,26 @@
+import {
+  createComponent
+} from "./chunk-Z3TWLQOI.js";
+import "./chunk-XXXIBXNC.js";
+
+// src/components/block-handle/block-drag-handle.gen.ts
+import {
+  defaultBlockDragHandleProps
+} from "@prosekit/web/block-handle";
+var BlockDragHandle = createComponent(
+  "prosekit-block-drag-handle",
+  defaultBlockDragHandleProps
+);
+
+// src/components/block-handle/block-popover.gen.ts
+import {
+  defaultBlockPopoverProps
+} from "@prosekit/web/block-handle";
+var BlockPopover = createComponent(
+  "prosekit-block-popover",
+  defaultBlockPopoverProps
+);
+export {
+  BlockDragHandle,
+  BlockPopover
+};

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

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

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

@@ -1,13 +1,16 @@
 import {
-  forceProps
-} from "./chunk-RLHZTH3K.js";
+  createComponent
+} from "./chunk-Z3TWLQOI.js";
+import "./chunk-XXXIBXNC.js";
 
-// src/components/inline-popover.gen.ts
-import "@prosekit/lit/inline-popover";
-import html from "solid-js/html";
-var InlinePopover = (props) => {
-  return html`<prosekit-inline-popover ...${forceProps(props)} />`;
-};
+// src/components/inline-popover/inline-popover.gen.ts
+import {
+  defaultInlinePopoverProps
+} from "@prosekit/web/inline-popover";
+var InlinePopover = createComponent(
+  "prosekit-inline-popover",
+  defaultInlinePopoverProps
+);
 export {
   InlinePopover
 };

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

@@ -1,13 +1,36 @@
 import {
-  forceProps
-} from "./chunk-RLHZTH3K.js";
+  createComponent
+} from "./chunk-Z3TWLQOI.js";
+import "./chunk-XXXIBXNC.js";
 
-// src/components/popover.gen.ts
-import "@prosekit/lit/popover";
-import html from "solid-js/html";
-var Popover = (props) => {
-  return html`<prosekit-popover ...${forceProps(props)} />`;
-};
+// src/components/popover/popover-content.gen.ts
+import {
+  defaultPopoverContentProps
+} from "@prosekit/web/popover";
+var PopoverContent = createComponent(
+  "prosekit-popover-content",
+  defaultPopoverContentProps
+);
+
+// src/components/popover/popover-root.gen.ts
+import {
+  defaultPopoverRootProps
+} from "@prosekit/web/popover";
+var PopoverRoot = createComponent(
+  "prosekit-popover-root",
+  defaultPopoverRootProps
+);
+
+// src/components/popover/popover-trigger.gen.ts
+import {
+  defaultPopoverTriggerProps
+} from "@prosekit/web/popover";
+var PopoverTrigger = createComponent(
+  "prosekit-popover-trigger",
+  defaultPopoverTriggerProps
+);
 export {
-  Popover
+  PopoverContent,
+  PopoverRoot,
+  PopoverTrigger
 };

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

@@ -1,13 +1,26 @@
 import {
-  forceProps
-} from "./chunk-RLHZTH3K.js";
+  createComponent
+} from "./chunk-Z3TWLQOI.js";
+import "./chunk-XXXIBXNC.js";
 
-// src/components/resizable.gen.ts
-import "@prosekit/lit/resizable";
-import html from "solid-js/html";
-var Resizable = (props) => {
-  return html`<prosekit-resizable ...${forceProps(props)} />`;
-};
+// src/components/resizable/resizable-handle.gen.ts
+import {
+  defaultResizableHandleProps
+} from "@prosekit/web/resizable";
+var ResizableHandle = createComponent(
+  "prosekit-resizable-handle",
+  defaultResizableHandleProps
+);
+
+// src/components/resizable/resizable-root.gen.ts
+import {
+  defaultResizableRootProps
+} from "@prosekit/web/resizable";
+var ResizableRoot = createComponent(
+  "prosekit-resizable-root",
+  defaultResizableRootProps
+);
 export {
-  Resizable
+  ResizableHandle,
+  ResizableRoot
 };

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

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

package/dist/prosekit-solid.js

@@ -1,15 +1,10 @@
-// src/components/prosekit.ts
-import { createComponent } from "solid-js";
-
-// src/contexts/editor-context.ts
-import { createContext, useContext } from "solid-js";
-var editorContext = createContext(null);
-function useEditorContext() {
-  return useContext(editorContext);
-}
-var EditorContextProvider = editorContext.Provider;
+import {
+  EditorContextProvider,
+  useEditorContext
+} from "./chunk-XXXIBXNC.js";
 
 // src/components/prosekit.ts
+import { createComponent } from "solid-js";
 var ProseKit = (props) => {
   return createComponent(EditorContextProvider, {
     get value() {
@@ -72,9 +67,9 @@ function toValue(v) {
 
 // src/hooks/use-editor-extension.ts
 function useEditorExtension(editorAccessor, extensionAccessor) {
-  const editorContext2 = useEditorContext();
+  const editorContext = useEditorContext();
   createEffect2(() => {
-    const editor = toValue(editorAccessor) || toValue(editorContext2);
+    const editor = toValue(editorAccessor) || toValue(editorContext);
     const extension = extensionAccessor();
     if (!editor) {
       throw new EditorNotFoundError();

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/solid",
   "type": "module",
-  "version": "0.2.7",
+  "version": "0.3.0",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -30,55 +30,15 @@
       "import": "./dist/prosekit-solid.js",
       "default": "./dist/prosekit-solid.js"
     },
-    "./autocomplete-empty": {
-      "types": "./dist/prosekit-solid-autocomplete-empty.d.ts",
-      "import": "./dist/prosekit-solid-autocomplete-empty.js",
-      "default": "./dist/prosekit-solid-autocomplete-empty.js"
+    "./autocomplete": {
+      "types": "./dist/prosekit-solid-autocomplete.d.ts",
+      "import": "./dist/prosekit-solid-autocomplete.js",
+      "default": "./dist/prosekit-solid-autocomplete.js"
     },
-    "./autocomplete-item": {
-      "types": "./dist/prosekit-solid-autocomplete-item.d.ts",
-      "import": "./dist/prosekit-solid-autocomplete-item.js",
-      "default": "./dist/prosekit-solid-autocomplete-item.js"
-    },
-    "./autocomplete-list": {
-      "types": "./dist/prosekit-solid-autocomplete-list.d.ts",
-      "import": "./dist/prosekit-solid-autocomplete-list.js",
-      "default": "./dist/prosekit-solid-autocomplete-list.js"
-    },
-    "./autocomplete-popover": {
-      "types": "./dist/prosekit-solid-autocomplete-popover.d.ts",
-      "import": "./dist/prosekit-solid-autocomplete-popover.js",
-      "default": "./dist/prosekit-solid-autocomplete-popover.js"
-    },
-    "./block-popover": {
-      "types": "./dist/prosekit-solid-block-popover.d.ts",
-      "import": "./dist/prosekit-solid-block-popover.js",
-      "default": "./dist/prosekit-solid-block-popover.js"
-    },
-    "./combo-box": {
-      "types": "./dist/prosekit-solid-combo-box.d.ts",
-      "import": "./dist/prosekit-solid-combo-box.js",
-      "default": "./dist/prosekit-solid-combo-box.js"
-    },
-    "./combo-box-input": {
-      "types": "./dist/prosekit-solid-combo-box-input.d.ts",
-      "import": "./dist/prosekit-solid-combo-box-input.js",
-      "default": "./dist/prosekit-solid-combo-box-input.js"
-    },
-    "./combo-box-item": {
-      "types": "./dist/prosekit-solid-combo-box-item.d.ts",
-      "import": "./dist/prosekit-solid-combo-box-item.js",
-      "default": "./dist/prosekit-solid-combo-box-item.js"
-    },
-    "./combo-box-list": {
-      "types": "./dist/prosekit-solid-combo-box-list.d.ts",
-      "import": "./dist/prosekit-solid-combo-box-list.js",
-      "default": "./dist/prosekit-solid-combo-box-list.js"
-    },
-    "./drag-handle": {
-      "types": "./dist/prosekit-solid-drag-handle.d.ts",
-      "import": "./dist/prosekit-solid-drag-handle.js",
-      "default": "./dist/prosekit-solid-drag-handle.js"
+    "./block-handle": {
+      "types": "./dist/prosekit-solid-block-handle.d.ts",
+      "import": "./dist/prosekit-solid-block-handle.js",
+      "default": "./dist/prosekit-solid-block-handle.js"
     },
     "./inline-popover": {
       "types": "./dist/prosekit-solid-inline-popover.d.ts",
@@ -90,30 +50,15 @@
       "import": "./dist/prosekit-solid-popover.js",
       "default": "./dist/prosekit-solid-popover.js"
     },
-    "./popover-content": {
-      "types": "./dist/prosekit-solid-popover-content.d.ts",
-      "import": "./dist/prosekit-solid-popover-content.js",
-      "default": "./dist/prosekit-solid-popover-content.js"
-    },
-    "./popover-root": {
-      "types": "./dist/prosekit-solid-popover-root.d.ts",
-      "import": "./dist/prosekit-solid-popover-root.js",
-      "default": "./dist/prosekit-solid-popover-root.js"
-    },
-    "./popover-trigger": {
-      "types": "./dist/prosekit-solid-popover-trigger.d.ts",
-      "import": "./dist/prosekit-solid-popover-trigger.js",
-      "default": "./dist/prosekit-solid-popover-trigger.js"
-    },
     "./resizable": {
       "types": "./dist/prosekit-solid-resizable.d.ts",
       "import": "./dist/prosekit-solid-resizable.js",
       "default": "./dist/prosekit-solid-resizable.js"
     },
-    "./resizable-handle": {
-      "types": "./dist/prosekit-solid-resizable-handle.d.ts",
-      "import": "./dist/prosekit-solid-resizable-handle.js",
-      "default": "./dist/prosekit-solid-resizable-handle.js"
+    "./tooltip": {
+      "types": "./dist/prosekit-solid-tooltip.d.ts",
+      "import": "./dist/prosekit-solid-tooltip.js",
+      "default": "./dist/prosekit-solid-tooltip.js"
     }
   },
   "files": [
@@ -121,8 +66,9 @@
   ],
   "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"
   },
   "peerDependencies": {
     "solid-js": ">= 1.7.0"
@@ -136,8 +82,8 @@
     "@prosekit/dev": "*",
     "solid-js": "^1.8.16",
     "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 +95,11 @@
       ".": [
         "./dist/prosekit-solid.d.ts"
       ],
-      "autocomplete-empty": [
-        "./dist/prosekit-solid-autocomplete-empty.d.ts"
+      "autocomplete": [
+        "./dist/prosekit-solid-autocomplete.d.ts"
       ],
-      "autocomplete-item": [
-        "./dist/prosekit-solid-autocomplete-item.d.ts"
-      ],
-      "autocomplete-list": [
-        "./dist/prosekit-solid-autocomplete-list.d.ts"
-      ],
-      "autocomplete-popover": [
-        "./dist/prosekit-solid-autocomplete-popover.d.ts"
-      ],
-      "block-popover": [
-        "./dist/prosekit-solid-block-popover.d.ts"
-      ],
-      "combo-box": [
-        "./dist/prosekit-solid-combo-box.d.ts"
-      ],
-      "combo-box-input": [
-        "./dist/prosekit-solid-combo-box-input.d.ts"
-      ],
-      "combo-box-item": [
-        "./dist/prosekit-solid-combo-box-item.d.ts"
-      ],
-      "combo-box-list": [
-        "./dist/prosekit-solid-combo-box-list.d.ts"
-      ],
-      "drag-handle": [
-        "./dist/prosekit-solid-drag-handle.d.ts"
+      "block-handle": [
+        "./dist/prosekit-solid-block-handle.d.ts"
       ],
       "inline-popover": [
         "./dist/prosekit-solid-inline-popover.d.ts"
@@ -185,20 +107,11 @@
       "popover": [
         "./dist/prosekit-solid-popover.d.ts"
       ],
-      "popover-content": [
-        "./dist/prosekit-solid-popover-content.d.ts"
-      ],
-      "popover-root": [
-        "./dist/prosekit-solid-popover-root.d.ts"
-      ],
-      "popover-trigger": [
-        "./dist/prosekit-solid-popover-trigger.d.ts"
-      ],
       "resizable": [
         "./dist/prosekit-solid-resizable.d.ts"
       ],
-      "resizable-handle": [
-        "./dist/prosekit-solid-resizable-handle.d.ts"
+      "tooltip": [
+        "./dist/prosekit-solid-tooltip.d.ts"
       ]
     }
   }

package/dist/chunk-RLHZTH3K.js

@@ -1,16 +0,0 @@
-// src/utils/force-props.ts
-function forceProps(props) {
-  return Object.fromEntries(
-    Object.entries(props).map(([key, value]) => {
-      if (key === "children" || key === "ref" || key.includes(":")) {
-        return [key, value];
-      } else {
-        return [`prop:${key}`, value];
-      }
-    })
-  );
-}
-
-export {
-  forceProps
-};

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

@@ -1,13 +0,0 @@
-import {
-  forceProps
-} from "./chunk-RLHZTH3K.js";
-
-// src/components/autocomplete-empty.gen.ts
-import "@prosekit/lit/autocomplete-empty";
-import html from "solid-js/html";
-var AutocompleteEmpty = (props) => {
-  return html`<prosekit-autocomplete-empty ...${forceProps(props)} />`;
-};
-export {
-  AutocompleteEmpty
-};

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

@@ -1,13 +0,0 @@
-import {
-  forceProps
-} from "./chunk-RLHZTH3K.js";
-
-// src/components/autocomplete-item.gen.ts
-import "@prosekit/lit/autocomplete-item";
-import html from "solid-js/html";
-var AutocompleteItem = (props) => {
-  return html`<prosekit-autocomplete-item ...${forceProps(props)} />`;
-};
-export {
-  AutocompleteItem
-};

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

@@ -1,13 +0,0 @@
-import {
-  forceProps
-} from "./chunk-RLHZTH3K.js";
-
-// src/components/autocomplete-list.gen.ts
-import "@prosekit/lit/autocomplete-list";
-import html from "solid-js/html";
-var AutocompleteList = (props) => {
-  return html`<prosekit-autocomplete-list ...${forceProps(props)} />`;
-};
-export {
-  AutocompleteList
-};

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

@@ -1,13 +0,0 @@
-import {
-  forceProps
-} from "./chunk-RLHZTH3K.js";
-
-// src/components/autocomplete-popover.gen.ts
-import "@prosekit/lit/autocomplete-popover";
-import html from "solid-js/html";
-var AutocompletePopover = (props) => {
-  return html`<prosekit-autocomplete-popover ...${forceProps(props)} />`;
-};
-export {
-  AutocompletePopover
-};

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

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

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

@@ -1,13 +0,0 @@
-import {
-  forceProps
-} from "./chunk-RLHZTH3K.js";
-
-// src/components/block-popover.gen.ts
-import "@prosekit/lit/block-popover";
-import html from "solid-js/html";
-var BlockPopover = (props) => {
-  return html`<prosekit-block-popover ...${forceProps(props)} />`;
-};
-export {
-  BlockPopover
-};

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

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

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

@@ -1,13 +0,0 @@
-import {
-  forceProps
-} from "./chunk-RLHZTH3K.js";
-
-// src/components/combo-box-input.gen.ts
-import "@prosekit/lit/combo-box-input";
-import html from "solid-js/html";
-var ComboBoxInput = (props) => {
-  return html`<prosekit-combo-box-input ...${forceProps(props)} />`;
-};
-export {
-  ComboBoxInput
-};

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

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

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

@@ -1,13 +0,0 @@
-import {
-  forceProps
-} from "./chunk-RLHZTH3K.js";
-
-// src/components/combo-box-item.gen.ts
-import "@prosekit/lit/combo-box-item";
-import html from "solid-js/html";
-var ComboBoxItem = (props) => {
-  return html`<prosekit-combo-box-item ...${forceProps(props)} />`;
-};
-export {
-  ComboBoxItem
-};

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

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

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

@@ -1,13 +0,0 @@
-import {
-  forceProps
-} from "./chunk-RLHZTH3K.js";
-
-// src/components/combo-box-list.gen.ts
-import "@prosekit/lit/combo-box-list";
-import html from "solid-js/html";
-var ComboBoxList = (props) => {
-  return html`<prosekit-combo-box-list ...${forceProps(props)} />`;
-};
-export {
-  ComboBoxList
-};

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

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

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

@@ -1,13 +0,0 @@
-import {
-  forceProps
-} from "./chunk-RLHZTH3K.js";
-
-// src/components/combo-box.gen.ts
-import "@prosekit/lit/combo-box";
-import html from "solid-js/html";
-var ComboBox = (props) => {
-  return html`<prosekit-combo-box ...${forceProps(props)} />`;
-};
-export {
-  ComboBox
-};

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

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

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

@@ -1,13 +0,0 @@
-import {
-  forceProps
-} from "./chunk-RLHZTH3K.js";
-
-// src/components/drag-handle.gen.ts
-import "@prosekit/lit/drag-handle";
-import html from "solid-js/html";
-var DragHandle = (props) => {
-  return html`<prosekit-drag-handle ...${forceProps(props)} />`;
-};
-export {
-  DragHandle
-};

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

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

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

@@ -1,13 +0,0 @@
-import {
-  forceProps
-} from "./chunk-RLHZTH3K.js";
-
-// src/components/popover-content.gen.ts
-import "@prosekit/lit/popover-content";
-import html from "solid-js/html";
-var PopoverContent = (props) => {
-  return html`<prosekit-popover-content ...${forceProps(props)} />`;
-};
-export {
-  PopoverContent
-};

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

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

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

@@ -1,13 +0,0 @@
-import {
-  forceProps
-} from "./chunk-RLHZTH3K.js";
-
-// src/components/popover-root.gen.ts
-import "@prosekit/lit/popover-root";
-import html from "solid-js/html";
-var PopoverRoot = (props) => {
-  return html`<prosekit-popover-root ...${forceProps(props)} />`;
-};
-export {
-  PopoverRoot
-};

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

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

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

@@ -1,13 +0,0 @@
-import {
-  forceProps
-} from "./chunk-RLHZTH3K.js";
-
-// src/components/popover-trigger.gen.ts
-import "@prosekit/lit/popover-trigger";
-import html from "solid-js/html";
-var PopoverTrigger = (props) => {
-  return html`<prosekit-popover-trigger ...${forceProps(props)} />`;
-};
-export {
-  PopoverTrigger
-};

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

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

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

@@ -1,13 +0,0 @@
-import {
-  forceProps
-} from "./chunk-RLHZTH3K.js";
-
-// src/components/resizable-handle.gen.ts
-import "@prosekit/lit/resizable-handle";
-import html from "solid-js/html";
-var ResizableHandle = (props) => {
-  return html`<prosekit-resizable-handle ...${forceProps(props)} />`;
-};
-export {
-  ResizableHandle
-};