@prosekit/lit 0.2.4 → 0.2.5

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

@@ -11,9 +11,12 @@ import { Keymap } from '@prosekit/core';
 import { LitElement } from 'lit';
 import { Options } from 'tsup';
 import type { Placement } from '@floating-ui/dom';
+import type { PropertyValueMap } from 'lit';
 import { PropertyValues } from 'lit';
+import type { ProseMirrorNode } from '@prosekit/pm/model';
 import { ReactiveController } from 'lit';
 import { ReactiveControllerHost } from 'lit';
+import type { ReactiveElement } from 'lit';
 import type { ReferenceElement } from '@floating-ui/dom';
 import type { Selection as Selection_2 } from '@prosekit/pm/state';
 import { TemplateResult } from 'lit';
@@ -165,6 +168,11 @@ export declare class AutocompletePopover extends Popover implements Partial<Auto
         onOpenChange: {
             attribute: false;
         };
+        elevated: {
+            type: BooleanConstructor;
+            reflect: false;
+            attribute: false;
+        };
     };
     editor?: Editor;
     regex?: RegExp;
@@ -219,6 +227,60 @@ export { AutoUpdateOptions }
 
 export declare const blockComponentStyles: CSSResult;
 
+export declare class BlockPopover extends Popover {
+    /**
+     * @hidden
+     */
+    static properties: {
+        editor: {
+            type: ObjectConstructor;
+            reflect: false;
+            attribute: false;
+        };
+        reference: {
+            attribute: false;
+        };
+        open: {
+            type: BooleanConstructor;
+            reflect: false;
+            attribute: false;
+        };
+        onOpenChange: {
+            attribute: false;
+        };
+        positioning: {
+            type: ObjectConstructor;
+            reflect: false;
+            attribute: false;
+        };
+        elevated: {
+            type: BooleanConstructor;
+            reflect: false;
+            attribute: false;
+        };
+    };
+    editor?: Editor;
+    positioning?: PositioningOptions;
+    elevated: boolean;
+    private context;
+    constructor();
+    protected willUpdate(changedProperties: PropertyValueMap<this>): void;
+}
+
+export declare interface BlockPopoverContext {
+    pos?: number | null;
+    node?: ProseMirrorNode | null;
+    element?: HTMLElement | null;
+}
+
+export declare const blockPopoverContext: {
+    __context__: BlockPopoverContext;
+};
+
+export declare interface BlockPopoverProps {
+    editor: Editor;
+}
+
 export declare function calcResize(position: 'top' | 'right' | 'bottom' | 'left' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right', w: number, h: number, dx: number, dy: number, aspectRatio: number | null | undefined): [w: number, h: number];
 
 /**
@@ -248,6 +310,11 @@ export declare class ComboBox extends Popover {
             reflect: false;
             attribute: false;
         };
+        elevated: {
+            type: BooleanConstructor;
+            reflect: false;
+            attribute: false;
+        };
     };
     onDismiss?: VoidFunction;
     private listManager;
@@ -405,6 +472,31 @@ export declare function defaultQueryBuilder(match: RegExpExecArray): string;
 
 export declare function defineCustomElement(name: string, constructor: CustomElementConstructor, options?: ElementDefinitionOptions): void;
 
+export declare function defineElementHoverHandler(handler: ElementHoverHandler): Extension<    {}>;
+
+export declare class DragHandle extends LightElement {
+    /**
+     * @hidden
+     */
+    static properties: {
+        editor: {
+            type: ObjectConstructor;
+            reflect: false;
+            attribute: false;
+        };
+    };
+    editor?: Editor;
+    private blockPopoverContext;
+    constructor();
+    connectedCallback(): void;
+}
+
+export declare interface DragHandleProps {
+    editor: Editor;
+}
+
+export declare type ElementHoverHandler = (reference: VirtualElement | null, element: HTMLElement | null, node: ProseMirrorNode | null, pos: number | null) => void;
+
 export declare function getPlacement(reference: ReferenceElement | null, floating: FloatingElement | null, options: PositioningOptions): (() => void) | undefined;
 
 export declare function getReferenceContextElement(reference: HTMLElement | VirtualElement | undefined | null): HTMLElement | null;
@@ -438,6 +530,11 @@ export declare class InlinePopover extends Popover implements Partial<InlinePopo
             reflect: false;
             attribute: false;
         };
+        elevated: {
+            type: BooleanConstructor;
+            reflect: false;
+            attribute: false;
+        };
     };
     editor?: Editor;
     available?: boolean;
@@ -560,11 +657,17 @@ export declare class Popover extends LightElement implements Partial<PopoverProp
             reflect: false;
             attribute: false;
         };
+        elevated: {
+            type: BooleanConstructor;
+            reflect: false;
+            attribute: false;
+        };
     };
     reference?: HTMLElement | VirtualElement;
     open?: boolean;
     onOpenChange?: ((open: boolean) => void) | undefined;
     positioning?: PositioningOptions;
+    elevated?: boolean;
     /**
      * @hidden
      */
@@ -609,11 +712,19 @@ export declare interface PopoverProps {
      * The user provided options used to position the popover content.
      */
     positioning?: PositioningOptions;
+    /**
+     * A boolean that determines if the native [Web Popover
+     * API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API) should
+     * be used. If true, the popover will be placed into the top level so that it
+     * will sit on top of all other page content. This is similar to React's
+     * `<Portals>` or Vue's `<Teleport>`.
+     */
+    elevated?: boolean;
 }
 
 declare const popoverPropsNames: readonly ["open", "onOpenChange", "reference", "positioning"];
 export { popoverPropsNames }
-export { popoverPropsNames as propNames_alias_13 }
+export { popoverPropsNames as propNames_alias_15 }
 
 /**
  * @public
@@ -750,43 +861,47 @@ export { propNames_3 as propNames_alias_4 }
  * @internal
  */
 declare const propNames_4: readonly ["onSelect"];
-export { propNames_4 as propNames_alias_8 }
+export { propNames_4 as propNames_alias_10 }
 export { propNames_4 as propNames_alias_9 }
 
 /**
  * @internal
  */
 declare const propNames_5: never[];
-export { propNames_5 as propNames_alias_10 }
 export { propNames_5 as propNames_alias_11 }
+export { propNames_5 as propNames_alias_12 }
 
 /**
  * @internal
  */
 declare const propNames_6: readonly ["width", "height", "aspectRatio", "onSizeChangeStart", "onSizeChange", "onSizeChangeEnd"];
-export { propNames_6 as propNames_alias_14 }
-export { propNames_6 as propNames_alias_15 }
+export { propNames_6 as propNames_alias_16 }
+export { propNames_6 as propNames_alias_17 }
 
 /**
  * @internal
  */
 declare const propNames_7: readonly [];
-export { propNames_7 as propNames_alias_16 }
-export { propNames_7 as propNames_alias_17 }
+export { propNames_7 as propNames_alias_18 }
+export { propNames_7 as propNames_alias_19 }
 
-export declare const propNames_alias_12: readonly ["editor", "available", "open", "onOpenChange", "reference", "positioning"];
+export declare const propNames_alias_13: readonly ["editor"];
+
+export declare const propNames_alias_14: readonly ["editor", "available", "open", "onOpenChange", "reference", "positioning"];
 
 export declare const propNames_alias_5: readonly ["editor", "regex", "positioning"];
 
+export declare const propNames_alias_6: readonly ["editor"];
+
 /**
  * @internal
  */
-export declare const propNames_alias_6: readonly ["onDismiss"];
+export declare const propNames_alias_7: readonly ["onDismiss"];
 
 /**
  * @internal
  */
-export declare const propNames_alias_7: readonly ["placeholder"];
+export declare const propNames_alias_8: readonly ["placeholder"];
 
 export declare function queryClosestAutocompleteItem(element?: Element | null): AutocompleteItem | null;
 
@@ -941,6 +1056,11 @@ export declare function roundByDPR(value: number): number;
 
 export declare function setFloatingStyles(element: HTMLElement, options: PositioningOptions): void;
 
+/**
+ * @internal
+ */
+export declare function throttle<Args extends any[]>(callback: (...args: Args) => void, wait: number): (...args: Args) => void;
+
 /**
  * @internal
  */
@@ -971,11 +1091,18 @@ export declare function useEditorUpdateEvent(host: WithEditor<ReactiveController
  */
 export declare function useEffect<T>(host: ReactiveControllerHost, getValue: () => T, onChange: (value: T) => void): void;
 
+export declare function useEventListener<K extends keyof HTMLElementEventMap>(target: ReactiveElement, type: K, listener: (event: HTMLElementEventMap[K]) => void, options?: boolean | AddEventListenerOptions): void;
+
 /**
  * @internal
  */
 export declare function useInlinePopover(host: WithEditor<LitElement>, onReferenceChange: (reference: ReferenceElement | undefined) => void): () => ReferenceElement | undefined;
 
+/**
+ * @internal
+ */
+export declare function useMount(host: ReactiveControllerHost, onMount: () => VoidFunction | void): void;
+
 /**
  * @internal
  */

package/dist/chunk-S72UTR5M.js

@@ -0,0 +1,9 @@
+// src/components/block-popover/context.ts
+import { createContext } from "@lit/context";
+var blockPopoverContext = createContext(
+  "prosekit-block-popover-context"
+);
+
+export {
+  blockPopoverContext
+};

package/dist/{chunk-YOZJWJGG.js → chunk-XHBZNZ2L.js}

@@ -264,6 +264,7 @@ var Popover = class extends LightElement {
    */
   constructor() {
     super();
+    this.elevated = true;
     useDismissable(this, {
       onPointerDownOutside: (event) => {
         var _a, _b;
@@ -321,6 +322,8 @@ var Popover = class extends LightElement {
     if (!popoverAvailable) {
       return;
     }
+    if (!this.elevated)
+      return;
     this.setAttribute("popover", "manual");
     (_a = this.showPopover) == null ? void 0 : _a.call(this);
     this.style.setProperty("margin", "unset");
@@ -355,7 +358,8 @@ Popover.properties = {
   reference: { attribute: false },
   open: { type: Boolean, reflect: false, attribute: false },
   onOpenChange: { attribute: false },
-  positioning: { type: Object, reflect: false, attribute: false }
+  positioning: { type: Object, reflect: false, attribute: false },
+  elevated: { type: Boolean, reflect: false, attribute: false }
 };
 defineCustomElement("prosekit-popover", Popover);
 

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

@@ -3,10 +3,10 @@ import {
 } from "./chunk-CPC45JQ7.js";
 import "./chunk-I5EMQRE4.js";
 import "./chunk-5CI65R73.js";
+import "./chunk-MZAHIYA5.js";
 import {
   Popover
-} from "./chunk-YOZJWJGG.js";
-import "./chunk-MZAHIYA5.js";
+} from "./chunk-XHBZNZ2L.js";
 import {
   defineCustomElement
 } from "./chunk-3AZDRLDR.js";

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

@@ -0,0 +1,3 @@
+export { propNames_alias_6 as propNames } from './_tsup-dts-rollup';
+export { BlockPopoverProps } from './_tsup-dts-rollup';
+export { BlockPopover } from './_tsup-dts-rollup';

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

@@ -0,0 +1,169 @@
+import {
+  blockPopoverContext
+} from "./chunk-S72UTR5M.js";
+import {
+  Popover
+} from "./chunk-XHBZNZ2L.js";
+import {
+  defineCustomElement
+} from "./chunk-3AZDRLDR.js";
+
+// src/components/block-popover/index.ts
+import { ContextProvider } from "@lit/context";
+
+// src/components/block-popover/pointer-move.ts
+import { defineDOMEventHandler, union } from "@prosekit/core";
+
+// src/utils/throttle.ts
+function throttle(callback, wait) {
+  let lastTime = 0;
+  return (...args) => {
+    const now = Date.now();
+    if (now - lastTime >= wait) {
+      callback(...args);
+      lastTime = now;
+    }
+  };
+}
+
+// src/components/block-popover/pointer-move.ts
+function defineElementHoverHandler(handler) {
+  const handlePointerEvent = (view, event) => {
+    var _a;
+    const rect = view.dom.getBoundingClientRect();
+    const pos = (_a = view.posAtCoords({
+      top: event.clientY,
+      // Use the center of the editor
+      left: rect.left + rect.width / 2
+    })) == null ? void 0 : _a.inside;
+    if (pos == null || pos < 0) {
+      handler(null, null, null, null);
+      return;
+    }
+    const $pos = view.state.doc.resolve(pos);
+    const node = view.state.doc.nodeAt(pos);
+    const element = view.nodeDOM(pos);
+    if ($pos.depth >= 1 && $pos.index($pos.depth) === 0) {
+      const ancestorPos = $pos.before($pos.depth);
+      const node2 = view.state.doc.nodeAt(ancestorPos);
+      const element2 = view.nodeDOM(ancestorPos);
+      if (!element2) {
+        handler(null, null, null, null);
+        return;
+      }
+      const reference = {
+        contextElement: element2,
+        // Get the bounding client rect of the parent node, including its
+        // margins.
+        getBoundingClientRect: () => {
+          const rect2 = element2.getBoundingClientRect();
+          const style = window.getComputedStyle(element2);
+          const marginTop = Number.parseInt(style.marginTop, 10) || 0;
+          const marginRight = Number.parseInt(style.marginRight, 10) || 0;
+          const marginBottom = Number.parseInt(style.marginBottom, 10) || 0;
+          const marginLeft = Number.parseInt(style.marginLeft, 10) || 0;
+          return {
+            top: rect2.top - marginTop,
+            right: rect2.right + marginRight,
+            bottom: rect2.bottom + marginBottom,
+            left: rect2.left - marginLeft,
+            width: rect2.width + marginLeft + marginRight,
+            height: rect2.height + marginTop + marginBottom,
+            x: rect2.x - marginLeft,
+            y: rect2.y - marginTop
+          };
+        }
+      };
+      handler(reference, element2, node2, ancestorPos);
+      return;
+    }
+    handler(element, element, node, pos);
+  };
+  return union([
+    defineDOMEventHandler("pointermove", throttle(handlePointerEvent, 200)),
+    defineDOMEventHandler("pointerout", handlePointerEvent),
+    defineDOMEventHandler("keypress", () => handler(null, null, null, null))
+  ]);
+}
+
+// src/components/block-popover/index.ts
+var propNames = ["editor"];
+var BlockPopover = class extends Popover {
+  constructor() {
+    super();
+    this.positioning = {
+      strategy: "absolute",
+      placement: "left-start",
+      fitViewport: true,
+      flip: false,
+      inline: false,
+      autoUpdate: true,
+      shift: true,
+      overlap: false,
+      hide: true,
+      offset: 4
+    };
+    // We don't want the popover to overflow the editor area so we set `elevated` to false.
+    this.elevated = false;
+    this.context = new ContextProvider(this, {
+      context: blockPopoverContext,
+      initialValue: {
+        pos: null,
+        node: null,
+        element: null
+      }
+    });
+    useBlockPopover(this, (reference, element, node, pos) => {
+      this.reference = reference != null ? reference : void 0;
+      this.context.setValue({ pos, element, node });
+    });
+  }
+  willUpdate(changedProperties) {
+    super.willUpdate(changedProperties);
+    this.open = !!(this == null ? void 0 : this.reference);
+  }
+};
+/**
+ * @hidden
+ */
+BlockPopover.properties = {
+  ...Popover.properties,
+  editor: { type: Object, reflect: false, attribute: false }
+};
+function useBlockPopover(host, handler) {
+  let dispose;
+  let editor;
+  let prevElement = null;
+  let prevPos = null;
+  const extension = defineElementHoverHandler(
+    (reference, element, node, pos) => {
+      if (prevElement === element && prevPos === pos) {
+        return;
+      }
+      prevElement = element;
+      prevPos = pos;
+      handler(reference, element, node, pos);
+    }
+  );
+  host.addController({
+    hostUpdated: () => {
+      if (editor !== host.editor) {
+        editor = host.editor;
+        dispose == null ? void 0 : dispose();
+        dispose = void 0;
+        if (editor) {
+          dispose = editor.use(extension);
+        }
+      }
+    },
+    hostDisconnected: () => {
+      dispose == null ? void 0 : dispose();
+      dispose = void 0;
+    }
+  });
+}
+defineCustomElement("prosekit-block-popover", BlockPopover);
+export {
+  BlockPopover,
+  propNames
+};

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

@@ -1,3 +1,3 @@
-export { propNames_alias_7 as propNames } from './_tsup-dts-rollup';
+export { propNames_alias_8 as propNames } from './_tsup-dts-rollup';
 export { ComboBoxInputProps } from './_tsup-dts-rollup';
 export { ComboBoxInput } from './_tsup-dts-rollup';

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

@@ -1,3 +1,3 @@
 export { ComboBoxItem_alias_1 as ComboBoxItem } from './_tsup-dts-rollup';
 export { ComboBoxItemProps_alias_1 as ComboBoxItemProps } from './_tsup-dts-rollup';
-export { propNames_alias_9 as propNames } from './_tsup-dts-rollup';
+export { propNames_alias_10 as propNames } from './_tsup-dts-rollup';

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

@@ -1,3 +1,3 @@
 export { ComboBoxList_alias_1 as ComboBoxList } from './_tsup-dts-rollup';
 export { ComboBoxListProps_alias_1 as ComboBoxListProps } from './_tsup-dts-rollup';
-export { propNames_alias_11 as propNames } from './_tsup-dts-rollup';
+export { propNames_alias_12 as propNames } from './_tsup-dts-rollup';

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

@@ -1,3 +1,3 @@
-export { propNames_alias_6 as propNames } from './_tsup-dts-rollup';
+export { propNames_alias_7 as propNames } from './_tsup-dts-rollup';
 export { ComboBoxProps } from './_tsup-dts-rollup';
 export { ComboBox } from './_tsup-dts-rollup';

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

@@ -1,10 +1,10 @@
-import {
-  Popover
-} from "./chunk-YOZJWJGG.js";
+import "./chunk-3TPE2GKD.js";
 import {
   ListManager
 } from "./chunk-MZAHIYA5.js";
-import "./chunk-3TPE2GKD.js";
+import {
+  Popover
+} from "./chunk-XHBZNZ2L.js";
 import {
   comboBoxContext
 } from "./chunk-C4MW43I4.js";

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

@@ -0,0 +1,3 @@
+export { propNames_alias_13 as propNames } from './_tsup-dts-rollup';
+export { DragHandleProps } from './_tsup-dts-rollup';
+export { DragHandle } from './_tsup-dts-rollup';

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

@@ -0,0 +1,94 @@
+import {
+  blockPopoverContext
+} from "./chunk-S72UTR5M.js";
+import {
+  LightElement,
+  defineCustomElement
+} from "./chunk-3AZDRLDR.js";
+
+// src/components/drag-handle/index.ts
+import { ContextConsumer } from "@lit/context";
+import { Slice, Fragment } from "@prosekit/pm/model";
+import { NodeSelection } from "@prosekit/pm/state";
+
+// src/controllers/use-mount.ts
+function useMount(host, onMount) {
+  let dispose;
+  host.addController({
+    hostConnected: () => {
+      dispose == null ? void 0 : dispose();
+      dispose = onMount();
+    },
+    hostDisconnected: () => {
+      dispose == null ? void 0 : dispose();
+      dispose = void 0;
+    }
+  });
+}
+
+// src/controllers/use-event-listener.ts
+function useEventListener(target, type, listener, options) {
+  useMount(target, () => {
+    target.addEventListener(type, listener, options);
+    return () => {
+      target.removeEventListener(type, listener, options);
+    };
+  });
+}
+
+// src/components/drag-handle/index.ts
+var propNames = ["editor"];
+var DragHandle = class extends LightElement {
+  constructor() {
+    super();
+    this.blockPopoverContext = new ContextConsumer(this, {
+      context: blockPopoverContext,
+      subscribe: true
+    });
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.draggable = true;
+    useEventListener(this, "pointerdown", () => {
+      var _a, _b;
+      const { pos } = (_a = this.blockPopoverContext.value) != null ? _a : {};
+      const { view } = (_b = this.editor) != null ? _b : {};
+      if (pos == null || !view) {
+        return;
+      }
+      view.dispatch(
+        view.state.tr.setSelection(NodeSelection.create(view.state.doc, pos))
+      );
+      requestAnimationFrame(() => {
+        view.focus();
+      });
+    });
+    useEventListener(this, "dragstart", (event) => {
+      var _a, _b;
+      const { pos, element, node } = (_a = this.blockPopoverContext.value) != null ? _a : {};
+      const { view } = (_b = this.editor) != null ? _b : {};
+      if (pos == null || !element || !node || !view || !event.dataTransfer) {
+        return;
+      }
+      event.dataTransfer.clearData();
+      event.dataTransfer.setData("text/html", element.outerHTML);
+      event.dataTransfer.effectAllowed = "copyMove";
+      event.dataTransfer.setDragImage(element, 0, 0);
+      view.dragging = {
+        slice: new Slice(Fragment.from(node), 0, 0),
+        move: true
+      };
+    });
+  }
+};
+/**
+ * @hidden
+ */
+DragHandle.properties = {
+  editor: { type: Object, reflect: false, attribute: false }
+};
+defineCustomElement("prosekit-drag-handle", DragHandle);
+export {
+  DragHandle,
+  propNames
+};

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

@@ -1,4 +1,4 @@
 export { PositioningOptions_alias_1 as PositioningOptions } from './_tsup-dts-rollup';
-export { propNames_alias_12 as propNames } from './_tsup-dts-rollup';
+export { propNames_alias_14 as propNames } from './_tsup-dts-rollup';
 export { InlinePopoverProps } from './_tsup-dts-rollup';
 export { InlinePopover } from './_tsup-dts-rollup';

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

@@ -1,7 +1,7 @@
 import {
   Popover,
   popoverPropsNames
-} from "./chunk-YOZJWJGG.js";
+} from "./chunk-XHBZNZ2L.js";
 import {
   defineCustomElement
 } from "./chunk-3AZDRLDR.js";

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

@@ -1,6 +1,6 @@
 export { AutoUpdateOptions } from './_tsup-dts-rollup';
 export { PositioningOptions_alias_2 as PositioningOptions } from './_tsup-dts-rollup';
 export { popoverPropsNames } from './_tsup-dts-rollup';
-export { propNames_alias_13 as propNames } from './_tsup-dts-rollup';
+export { propNames_alias_15 as propNames } from './_tsup-dts-rollup';
 export { PopoverProps } from './_tsup-dts-rollup';
 export { Popover } from './_tsup-dts-rollup';

package/dist/prosekit-lit-popover.js

@@ -1,7 +1,7 @@
 import {
   Popover,
   popoverPropsNames
-} from "./chunk-YOZJWJGG.js";
+} from "./chunk-XHBZNZ2L.js";
 import "./chunk-3AZDRLDR.js";
 export {
   Popover,

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

@@ -1,3 +1,3 @@
 export { ResizableHandle_alias_1 as ResizableHandle } from './_tsup-dts-rollup';
 export { ResizableHandleProps_alias_1 as ResizableHandleProps } from './_tsup-dts-rollup';
-export { propNames_alias_17 as propNames } from './_tsup-dts-rollup';
+export { propNames_alias_19 as propNames } from './_tsup-dts-rollup';

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

@@ -1,3 +1,3 @@
 export { Resizable_alias_1 as Resizable } from './_tsup-dts-rollup';
-export { propNames_alias_15 as propNames } from './_tsup-dts-rollup';
+export { propNames_alias_17 as propNames } from './_tsup-dts-rollup';
 export { ResizableProps_alias_1 as ResizableProps } from './_tsup-dts-rollup';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/lit",
   "type": "module",
-  "version": "0.2.4",
+  "version": "0.2.5",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -50,6 +50,11 @@
       "import": "./dist/prosekit-lit-autocomplete-popover.js",
       "default": "./dist/prosekit-lit-autocomplete-popover.js"
     },
+    "./block-popover": {
+      "types": "./dist/prosekit-lit-block-popover.d.ts",
+      "import": "./dist/prosekit-lit-block-popover.js",
+      "default": "./dist/prosekit-lit-block-popover.js"
+    },
     "./combo-box": {
       "types": "./dist/prosekit-lit-combo-box.d.ts",
       "import": "./dist/prosekit-lit-combo-box.js",
@@ -70,6 +75,11 @@
       "import": "./dist/prosekit-lit-combo-box-list.js",
       "default": "./dist/prosekit-lit-combo-box-list.js"
     },
+    "./drag-handle": {
+      "types": "./dist/prosekit-lit-drag-handle.d.ts",
+      "import": "./dist/prosekit-lit-drag-handle.js",
+      "default": "./dist/prosekit-lit-drag-handle.js"
+    },
     "./inline-popover": {
       "types": "./dist/prosekit-lit-inline-popover.d.ts",
       "import": "./dist/prosekit-lit-inline-popover.js",
@@ -95,21 +105,21 @@
     "dist"
   ],
   "dependencies": {
-    "@floating-ui/dom": "^1.6.1",
+    "@floating-ui/dom": "^1.6.3",
     "@lit/context": "^1.1.0",
-    "@prosekit/core": "^0.3.0",
+    "@prosekit/core": "^0.3.1",
     "@prosekit/extensions": "^0.3.1",
     "@prosekit/pm": "^0.1.1",
     "@superhuman/command-score": "^0.5.0",
-    "@zag-js/dismissable": "^0.34.0",
-    "@zag-js/dom-query": "^0.34.0",
-    "@zag-js/utils": "^0.34.0",
+    "@zag-js/dismissable": "^0.35.0",
+    "@zag-js/dom-query": "^0.35.0",
+    "@zag-js/utils": "^0.35.0",
     "lit": "^3.1.2"
   },
   "devDependencies": {
     "@prosekit/dev": "*",
     "minify-literals": "^1.0.8",
-    "tsup": "^8.0.1",
+    "tsup": "^8.0.2",
     "typescript": "^5.3.3",
     "vitest": "^1.2.2"
   },
@@ -135,6 +145,9 @@
       "autocomplete-popover": [
         "./dist/prosekit-lit-autocomplete-popover.d.ts"
       ],
+      "block-popover": [
+        "./dist/prosekit-lit-block-popover.d.ts"
+      ],
       "combo-box": [
         "./dist/prosekit-lit-combo-box.d.ts"
       ],
@@ -147,6 +160,9 @@
       "combo-box-list": [
         "./dist/prosekit-lit-combo-box-list.d.ts"
       ],
+      "drag-handle": [
+        "./dist/prosekit-lit-drag-handle.d.ts"
+      ],
       "inline-popover": [
         "./dist/prosekit-lit-inline-popover.d.ts"
       ],