@prosekit/web 0.5.2 → 0.5.4

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

@@ -1,7 +1,6 @@
 import { BaseElementConstructor } from '@aria-ui/core';
 import { ConnectableElement } from '@aria-ui/core';
 import { Context } from '@aria-ui/core';
-import { config as default_alias_1 } from '@prosekit/dev/config-vitest';
 import type { defineTableCommands } from '@prosekit/extensions/table';
 import { Editor } from '@prosekit/core';
 import type { EditorView } from '@prosekit/pm/view';
@@ -17,7 +16,6 @@ import { MenuContentEvents } from '@aria-ui/menu/elements';
 import { MenuContentProps } from '@aria-ui/menu/elements';
 import { MenuItemEvents } from '@aria-ui/menu';
 import { MenuItemProps } from '@aria-ui/menu';
-import { Options } from 'tsup';
 import { OverlayPositionerEvents } from '@aria-ui/overlay/elements';
 import { OverlayPositionerEvents as OverlayPositionerEvents_2 } from '@aria-ui/overlay';
 import { OverlayPositionerProps } from '@aria-ui/overlay/elements';
@@ -335,7 +333,7 @@ declare const blockHandlePopoverEvents: EventDeclarations<BlockHandlePopoverEven
 export { blockHandlePopoverEvents }
 export { blockHandlePopoverEvents as blockHandlePopoverEvents_alias_1 }
 
-declare interface BlockHandlePopoverProps extends Omit<OverlayPositionerProps, 'placement'> {
+declare interface BlockHandlePopoverProps extends Omit<OverlayPositionerProps, 'placement' | 'hoist'> {
     /**
      * The ProseKit editor instance.
      *
@@ -346,9 +344,16 @@ declare interface BlockHandlePopoverProps extends Omit<OverlayPositionerProps, '
     /**
      * The placement of the popover, relative to the hovered block.
      *
-     * @default "left-start"
+     * @default "left"
      */
     placement: Placement;
+    /**
+     * Whether to use the browser [Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API)
+     * to place the floating element on top of other page content.
+     *
+     * @default false
+     */
+    hoist: boolean;
 }
 export { BlockHandlePopoverProps }
 export { BlockHandlePopoverProps as BlockHandlePopoverProps_alias_1 }
@@ -370,10 +375,6 @@ export declare const blockPopoverContext: Context<BlockPopoverContext>;
 
 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];
 
-export declare const default_alias: Options | Options[] | ((overrideOptions: Options) => Options | Options[] | Promise<Options | Options[]>);
-
-export { default_alias_1 }
-
 export declare function defaultQueryBuilder(match: RegExpExecArray): string;
 
 export declare function defineCustomElement(name: string, constructor: CustomElementConstructor, options?: ElementDefinitionOptions): void;
@@ -382,6 +383,16 @@ export declare function defineElementHoverHandler(handler: ElementHoverHandler):
 
 export declare type ElementHoverHandler = (reference: VirtualElement | null, hoverState: HoverState | null) => void;
 
+/**
+ * Similar to `element.getBoundingClientRect`, but handles `display: contents` elements.
+ */
+export declare function getClientRect(element: Element): {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+};
+
 export declare function getHoveringCell(view: EditorView, event: MouseEvent): HoveringCellInfo | undefined;
 
 export declare function getStateWithDefaults<Props extends Record<string, any> = Record<string, any>>(state: Partial<SignalState<Props>>, props: PropDeclarations<Props>): SignalState<Props>;
@@ -603,6 +614,13 @@ export { popoverTriggerProps as popoverTriggerProps_alias_1 }
 
 export declare const queryContext: Context<string>;
 
+export declare interface Rect {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+}
+
 declare class ResizableHandleElement extends ResizableHandleElement_base {
 }
 export { ResizableHandleElement }

package/dist/{chunk-MZSYOTZT.js → chunk-WTW6FOH3.js}

@@ -4,8 +4,7 @@ import {
 } from "@aria-ui/core";
 function useEditorExtension(host, editor, extension) {
   useEffect(host, () => {
-    var _a;
-    return (_a = editor.get()) == null ? void 0 : _a.use(extension);
+    return editor.get()?.use(extension);
   });
 }
 

package/dist/prosekit-web-autocomplete.js

@@ -3,7 +3,7 @@ import {
 } from "./chunk-ZGQ225UP.js";
 import {
   useEditorExtension
-} from "./chunk-MZSYOTZT.js";
+} from "./chunk-WTW6FOH3.js";
 
 // src/components/autocomplete/autocomplete-empty/element.gen.ts
 import { defineCustomElement, registerCustomElement } from "@aria-ui/core";
@@ -54,9 +54,8 @@ function useAutocompleteItem(element, { state, emit }) {
   useListboxItem(element, { state, emit });
   const open = openContext.consume(element);
   useEffect(element, () => {
-    var _a;
     if (!state.value.peek() && open.get()) {
-      state.value.set((_a = element.textContent) != null ? _a : "");
+      state.value.set(element.textContent ?? "");
     }
   });
 }
@@ -109,9 +108,8 @@ function useAutocompleteList(element, { state, emit }) {
   );
   useEffect2(element, () => {
     element.addEventListener("valueChange", () => {
-      var _a;
       if (onSubmit) {
-        (_a = onSubmit.get()) == null ? void 0 : _a();
+        onSubmit.get()?.();
       }
     });
   });

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

@@ -1,6 +1,6 @@
 import {
   useEditorExtension
-} from "./chunk-MZSYOTZT.js";
+} from "./chunk-WTW6FOH3.js";
 
 // src/components/block-handle/block-handle-add/element.gen.ts
 import { defineCustomElement, registerCustomElement } from "@aria-ui/core";
@@ -76,9 +76,8 @@ function useBlockHandleDraggable(host, { state }) {
 }
 function usePointerDownHandler(host, context, editor) {
   useEventListener2(host, "pointerdown", () => {
-    var _a, _b;
-    const { pos } = (_a = context.get()) != null ? _a : {};
-    const { view } = (_b = editor.get()) != null ? _b : {};
+    const { pos } = context.get() ?? {};
+    const { view } = editor.get() ?? {};
     if (pos == null || view == null) {
       return;
     }
@@ -92,9 +91,8 @@ function usePointerDownHandler(host, context, editor) {
 }
 function useDraggingPreview(host, context, editor) {
   useEventListener2(host, "dragstart", (event) => {
-    var _a;
     const hoverState = context.get();
-    const { view } = (_a = editor.get()) != null ? _a : {};
+    const { view } = editor.get() ?? {};
     if (!hoverState || !view || !event.dataTransfer) {
       return;
     }
@@ -157,6 +155,30 @@ import {
   union
 } from "@prosekit/core";
 
+// src/utils/get-client-rect.ts
+function getClientRect(element) {
+  const rect = element.getBoundingClientRect();
+  if (rect.width === 0 && rect.height === 0 && rect.x === 0 && rect.y === 0) {
+    if (element.getClientRects().length === 0) {
+      const children = Array.from(element.children);
+      const rects = children.map((child) => getClientRect(child)).filter((x) => !!x);
+      if (rects.length === 0) {
+        return rect;
+      }
+      if (rects.length === 1) {
+        return rects[0];
+      }
+      return {
+        top: Math.min(...rects.map((rect2) => rect2.top)),
+        right: Math.max(...rects.map((rect2) => rect2.right)),
+        bottom: Math.max(...rects.map((rect2) => rect2.bottom)),
+        left: Math.min(...rects.map((rect2) => rect2.left))
+      };
+    }
+  }
+  return rect;
+}
+
 // src/utils/throttle.ts
 function throttle(callback, wait) {
   let lastTime = 0;
@@ -170,57 +192,39 @@ function throttle(callback, wait) {
 }
 
 // src/components/block-handle/block-handle-popover/pointer-move.ts
+var TEXT_NODE = 3;
+var ELEMENT_NODE = 1;
 function defineElementHoverHandler(handler) {
+  const handleElement = (element, node, pos, parentElement) => {
+    const reference = {
+      contextElement: element,
+      getBoundingClientRect: () => {
+        const rect = findFirstLineRect(parentElement, element);
+        return rect ? fulfillRect(rect) : fallbackRect;
+      }
+    };
+    handler(reference, { element, node, pos });
+  };
   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) {
+    const { x, y } = event;
+    const block = findBlockByCoordinate(view, x, y);
+    if (!block) {
       handler(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 || !node2) {
-        handler(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, { element: element2, node: node2, pos: ancestorPos });
+    const { node, pos } = block;
+    const element = getElementAtPos(view, pos);
+    if (!element) {
+      handler(null, null);
       return;
     }
-    handler(element, element && node && { element, node, pos });
+    const $pos = view.state.doc.resolve(pos);
+    let parentElement;
+    if ($pos.depth > 0 && $pos.index($pos.depth) === 0) {
+      const parentPos = $pos.before($pos.depth);
+      parentElement = view.nodeDOM(parentPos);
+    }
+    handleElement(element, node, pos, parentElement);
   };
   return union(
     defineDOMEventHandler("pointermove", throttle(handlePointerEvent, 200)),
@@ -228,6 +232,154 @@ function defineElementHoverHandler(handler) {
     defineDOMEventHandler("keypress", () => handler(null, null))
   );
 }
+function getElementAtPos(view, pos) {
+  const node = view.nodeDOM(pos);
+  if (node && node.nodeType === ELEMENT_NODE) {
+    return node;
+  }
+}
+function findBlockByCoordinate(view, x, y) {
+  const dom = view.dom;
+  const rect = getClientRect(dom);
+  if (!isWithinRect(rect, x, y)) {
+    return;
+  }
+  let parent = view.state.doc;
+  let pos = -1;
+  while (parent) {
+    if (parent.isBlock && (parent.isTextblock || parent.isAtom)) {
+      return { node: parent, pos };
+    }
+    const children = [];
+    const positions = [];
+    parent.forEach((child, offset) => {
+      children.push(child);
+      positions.push(offset + pos + 1);
+    });
+    let lo = 0;
+    let hi = children.length - 1;
+    while (lo <= hi) {
+      const i = hi - (hi - lo >> 1);
+      const childDOM = view.nodeDOM(positions[i]);
+      const childRect = getNodeRect(childDOM);
+      if (!childRect) {
+        console.warn("[prosekit] Unable to get rect at position", positions[i]);
+        return;
+      }
+      if (childRect.top > y) {
+        hi = i - 1;
+      } else if (childRect.bottom < y) {
+        lo = i + 1;
+      } else {
+        lo = i;
+        break;
+      }
+    }
+    if (lo > hi) {
+      return;
+    }
+    parent = children[lo];
+    pos = positions[lo];
+  }
+}
+function getNodeRect(node) {
+  if (!node || node.nodeType !== ELEMENT_NODE) {
+    return;
+  }
+  const element = node;
+  if (!element.isConnected) {
+    return;
+  }
+  return getClientRect(element);
+}
+function isWithinRect(rect, x, y) {
+  return x >= rect.left && x <= rect.right && y >= rect.top && y <= rect.bottom;
+}
+function findFirstLineRect(outer, inner) {
+  if (outer && !outer.isConnected) {
+    return;
+  }
+  if (inner && !inner.isConnected) {
+    return;
+  }
+  if (outer && inner) {
+    const outerRect = findOuterRect(outer);
+    const innerRect = findFirstLineRectInNode(inner);
+    if (outerRect && innerRect) {
+      const { top, bottom } = innerRect;
+      const { left, right } = outerRect;
+      return { top, bottom, left, right };
+    } else {
+      return outerRect || innerRect;
+    }
+  } else if (outer) {
+    return findFirstLineRectInNode(outer);
+  } else if (inner) {
+    return findFirstLineRectInNode(inner);
+  }
+}
+function findOuterRect(node) {
+  if (node.nodeType !== ELEMENT_NODE) {
+    return;
+  }
+  const element = node;
+  const rect = getClientRect(element);
+  const style = element.ownerDocument.defaultView?.getComputedStyle(element);
+  const marginLeft = style && Number.parseInt(style.marginLeft, 10) || 0;
+  const marginRight = style && Number.parseInt(style.marginRight, 10) || 0;
+  const left = rect.left - marginLeft;
+  const right = rect.right + marginRight;
+  return { top: rect.top, bottom: rect.bottom, left, right };
+}
+function findFirstLineRectInNode(node) {
+  switch (node.nodeType) {
+    case TEXT_NODE:
+      return findFirstLineRectInTextNode(node);
+    case ELEMENT_NODE:
+      return findFirstLineRectInElement(node);
+  }
+}
+function findFirstLineRectInTextNode(node) {
+  const ownerDocument = node.ownerDocument;
+  if (!ownerDocument) {
+    return;
+  }
+  const range = ownerDocument.createRange();
+  range.setStart(node, 0);
+  range.setEnd(node, 0);
+  const rects = range.getClientRects();
+  return rects[0];
+}
+function findFirstLineRectInElement(element) {
+  if (element.nodeName === "BR") {
+    return element.getBoundingClientRect();
+  }
+  const rect = getClientRect(element);
+  const style = element.ownerDocument.defaultView?.getComputedStyle(element);
+  const marginLeft = style && Number.parseInt(style.marginLeft, 10) || 0;
+  const marginRight = style && Number.parseInt(style.marginRight, 10) || 0;
+  const left = rect.left - marginLeft;
+  const right = rect.right + marginRight;
+  const lineHeight = style && Number.parseInt(style.lineHeight, 10) || 24;
+  const paddingTop = style && Number.parseInt(style.paddingTop, 10) || 0;
+  const borderTop = style && Number.parseInt(style.borderTopWidth, 10) || 0;
+  const top = rect.top + paddingTop + borderTop;
+  const bottom = top + lineHeight;
+  return { top, bottom, left, right };
+}
+function fulfillRect({ top, right, bottom, left }) {
+  return { top, right, bottom, left, width: right - left, height: bottom - top, x: left, y: top };
+}
+var fallbackRect = Object.freeze({
+  top: -9999,
+  right: -9999,
+  bottom: -9999,
+  left: -9999,
+  width: 0,
+  height: 0,
+  x: -9999,
+  y: -9999
+});
 
 // src/components/block-handle/block-handle-popover/setup.ts
 function useBlockHandlePopover(host, { state }) {
@@ -238,8 +390,7 @@ function useBlockHandlePopover(host, { state }) {
   blockPopoverContext.provide(host, context);
   const open = createSignal2(false);
   useEffect2(host, () => {
-    var _a;
-    open.set(!!((_a = context.get()) == null ? void 0 : _a.element));
+    open.set(!!context.get()?.element);
   });
   useHoverExtension(host, editor, (referenceValue, hoverState) => {
     reference.set(referenceValue);
@@ -272,7 +423,10 @@ import {
 var blockHandlePopoverProps = {
   ...overlayPositionerProps,
   editor: { default: null },
-  placement: { default: "left-start" }
+  placement: { default: "left" },
+  // Enabling `hoist` will cause the block handle to have a small delay when
+  // scrolling the page.
+  hoist: { default: false }
 };
 var blockHandlePopoverEvents = {};
 

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

@@ -1,6 +1,6 @@
 import {
   useEditorExtension
-} from "./chunk-MZSYOTZT.js";
+} from "./chunk-WTW6FOH3.js";
 
 // src/components/inline-popover/inline-popover/element.gen.ts
 import { defineCustomElement, registerCustomElement } from "@aria-ui/core";
@@ -69,7 +69,7 @@ function getDomDecoration(view) {
 }
 function getDomRange(view) {
   const win = view.dom.ownerDocument.defaultView;
-  const selection = win == null ? void 0 : win.getSelection();
+  const selection = win?.getSelection();
   if (!selection || selection.isCollapsed) {
     return;
   }

package/dist/prosekit-web-resizable.js

@@ -121,19 +121,17 @@ function useResizableHandleState(host, state, context) {
   let aspectRatio = 1;
   const pointerPressing = createSignal(false);
   const handlePointerDown = (event) => {
-    var _a;
     event.preventDefault();
     pointerPressing.set(true);
     startX = event.x;
     startY = event.y;
-    const size = (_a = context.onResizeStart.get()) == null ? void 0 : _a();
+    const size = context.onResizeStart.get()?.();
     if (size) {
       ;
       [width, height, aspectRatio] = size;
     }
   };
   const handlePointerMove = (event) => {
-    var _a;
     event.preventDefault();
     const dx = event.x - startX;
     const dy = event.y - startY;
@@ -145,13 +143,12 @@ function useResizableHandleState(host, state, context) {
       dy,
       aspectRatio
     );
-    (_a = context.onResize.get()) == null ? void 0 : _a(w, h);
+    context.onResize.get()?.(w, h);
   };
   const handlePointerUp = (event) => {
-    var _a;
     event.preventDefault();
     pointerPressing.set(false);
-    (_a = context.onResizeEnd.get()) == null ? void 0 : _a();
+    context.onResizeEnd.get()?.();
   };
   useEffect(host, () => {
     host.addEventListener("pointerdown", handlePointerDown);
@@ -200,9 +197,8 @@ import {
 function useResizableRoot(host, { state, emit }) {
   const resizing = createSignal2(false);
   const onResizeStart = () => {
-    var _a;
     const { width, height } = host.getBoundingClientRect();
-    let aspectRatio = (_a = state.aspectRatio.peek()) != null ? _a : width / height;
+    let aspectRatio = state.aspectRatio.peek() ?? width / height;
     if (!isFinitePositiveNumber(aspectRatio)) {
       aspectRatio = 0;
     }

package/dist/prosekit-web-table-handle.js

@@ -3,7 +3,7 @@ import {
 } from "./chunk-ZGQ225UP.js";
 import {
   useEditorExtension
-} from "./chunk-MZSYOTZT.js";
+} from "./chunk-WTW6FOH3.js";
 
 // src/components/table-handle/table-handle-column-root/element.gen.ts
 import { defineCustomElement, registerCustomElement } from "@aria-ui/core";
@@ -34,13 +34,11 @@ function useTableHandleColumnRoot(host, { state }) {
   const { editor, ...overlayState } = state;
   const rootContext = tableHandleRootContext.consume(host);
   const colFirstCellPos = createComputed(() => {
-    var _a;
-    return (_a = rootContext.get()) == null ? void 0 : _a.colFirstCellPos;
+    return rootContext.get()?.colFirstCellPos;
   });
   const referenceCell = createComputed(() => {
-    var _a;
     const pos = colFirstCellPos.get();
-    const view = (_a = editor.get()) == null ? void 0 : _a.view;
+    const view = editor.get()?.view;
     if (!pos || !view) return null;
     return view.nodeDOM(pos);
   });
@@ -99,9 +97,8 @@ function useTableHandleColumnTrigger(host, { state }) {
   useMenuTrigger(host);
   const context = tableHandleRootContext.consume(host);
   useEventListener(host, "pointerdown", () => {
-    var _a;
     const editor = state.editor.peek();
-    const cellPos = (_a = context.peek()) == null ? void 0 : _a.cellPos;
+    const cellPos = context.peek()?.cellPos;
     if (!editor || !cellPos) return;
     editor.exec(selectTableColumn({ head: cellPos }));
   });
@@ -289,9 +286,8 @@ function isHoveringCellInfoEqual(a, b) {
   return a.rowIndex === b.rowIndex && a.colIndex === b.colIndex && a.cellPos === b.cellPos && a.rowFirstCellPos === b.rowFirstCellPos && a.colFirstCellPos === b.colFirstCellPos;
 }
 function domCellAround(target) {
-  var _a;
   while (target && target.nodeName != "TD" && target.nodeName != "TH") {
-    target = ((_a = target.classList) == null ? void 0 : _a.contains("ProseMirror")) ? null : target.parentNode;
+    target = target.classList?.contains("ProseMirror") ? null : target.parentNode;
   }
   return target;
 }
@@ -361,18 +357,17 @@ function useHoveringCell(host, editor) {
 function defineCellHoverHandler(handler) {
   const pointerHandler = (view, event) => {
     const hoveringCell = getHoveringCell(view, event);
-    return handler(hoveringCell != null ? hoveringCell : null);
+    return handler(hoveringCell ?? null);
   };
   return defineDOMEventHandler2("pointerover", pointerHandler);
 }
 function useSelecting(host, editor, isInTable) {
   const selecting = createSignal4(false);
   useEffect3(host, () => {
-    var _a;
     if (!isInTable.get()) {
       return;
     }
-    const root = (_a = editor.peek()) == null ? void 0 : _a.view.root;
+    const root = editor.peek()?.view.root;
     if (!root) {
       return;
     }
@@ -433,13 +428,11 @@ function useTableHandleRowRoot(host, { state }) {
   const { editor, ...overlayState } = state;
   const rootContext = tableHandleRootContext.consume(host);
   const rowFirstCellPos = createComputed4(() => {
-    var _a;
-    return (_a = rootContext.get()) == null ? void 0 : _a.rowFirstCellPos;
+    return rootContext.get()?.rowFirstCellPos;
   });
   const referenceCell = createComputed4(() => {
-    var _a;
     const pos = rowFirstCellPos.get();
-    const view = (_a = editor.get()) == null ? void 0 : _a.view;
+    const view = editor.get()?.view;
     if (!pos || !view) return null;
     return view.nodeDOM(pos);
   });
@@ -501,9 +494,8 @@ function useTableHandleRowTrigger(host, {
   useMenuTrigger2(host);
   const context = tableHandleRootContext.consume(host);
   useEventListener2(host, "pointerdown", () => {
-    var _a;
     const editor = state.editor.peek();
-    const cellPos = (_a = context.peek()) == null ? void 0 : _a.cellPos;
+    const cellPos = context.peek()?.cellPos;
     if (!editor || !cellPos) return;
     editor.exec(selectTableRow({ head: cellPos }));
   });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/web",
   "type": "module",
-  "version": "0.5.2",
+  "version": "0.5.4",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -71,31 +71,31 @@
   ],
   "dependencies": {
     "@aria-ui/collection": "^0.0.4",
-    "@aria-ui/core": "^0.0.19",
-    "@aria-ui/listbox": "^0.0.20",
-    "@aria-ui/menu": "^0.0.15",
-    "@aria-ui/overlay": "^0.0.21",
-    "@aria-ui/popover": "^0.0.23",
-    "@aria-ui/presence": "^0.0.16",
-    "@aria-ui/tooltip": "^0.0.25",
-    "@floating-ui/dom": "^1.6.12",
-    "@zag-js/dom-query": "^0.78.3",
+    "@aria-ui/core": "^0.0.20",
+    "@aria-ui/listbox": "^0.0.23",
+    "@aria-ui/menu": "^0.0.18",
+    "@aria-ui/overlay": "^0.0.23",
+    "@aria-ui/popover": "^0.0.26",
+    "@aria-ui/presence": "^0.0.18",
+    "@aria-ui/tooltip": "^0.0.28",
+    "@floating-ui/dom": "^1.6.13",
+    "@zag-js/dom-query": "^0.81.2",
     "just-map-values": "^3.2.0",
     "just-omit": "^2.2.0",
-    "prosemirror-tables": "^1.6.1",
+    "prosemirror-tables": "^1.6.2",
     "@prosekit/core": "^0.7.14",
     "@prosekit/extensions": "^0.7.23",
     "@prosekit/pm": "^0.1.9"
   },
   "devDependencies": {
     "tsup": "^8.3.5",
-    "typescript": "~5.6.3",
+    "typescript": "~5.7.2",
     "vitest": "^2.1.8",
     "@prosekit/dev": "0.0.0"
   },
   "scripts": {
-    "build:tsup": "tsup",
-    "build:tsc": "tsc -b tsconfig.json"
+    "build:tsc": "tsc -b tsconfig.json",
+    "build:tsup": "tsup"
   },
   "types": "./dist/prosekit-web.d.ts",
   "typesVersions": {