@prosekit/web 0.1.8 → 0.1.10

package/dist/{chunk-LCDA7GFP.js → chunk-Y2CJYXR5.js}

@@ -1,9 +1,6 @@
 // src/utils/define-custom-element.ts
 function defineCustomElement(name, constructor, options) {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  customElements.define(name, constructor, options);
+  typeof customElements != "undefined" && customElements.define(name, constructor, options);
 }
 
 export {

package/dist/prosekit-web-autocomplete.js

@@ -3,7 +3,7 @@ import {
 } from "./chunk-VJEVDINM.js";
 import {
   defineCustomElement
-} from "./chunk-LCDA7GFP.js";
+} from "./chunk-Y2CJYXR5.js";
 
 // src/components/autocomplete/autocomplete-empty/element.gen.ts
 import { ElementMixin } from "@aria-ui/core";
@@ -14,8 +14,7 @@ var defaultAutocompleteEmptyProps = {};
 // src/components/autocomplete/autocomplete-empty/state.ts
 import { useListboxEmpty } from "@aria-ui/listbox";
 function useAutocompleteEmpty(element, _props) {
-  useListboxEmpty(element);
-  return {};
+  return useListboxEmpty(element), {};
 }
 
 // src/components/autocomplete/autocomplete-empty/element.gen.ts
@@ -43,27 +42,21 @@ import { createContext } from "@aria-ui/core";
 var queryContext = createContext(
   "prosekit/autocomplete-popover/query",
   ""
-);
-var onSubmitContext = createContext(
+), onSubmitContext = createContext(
   "prosekit/autocomplete-popover/onSubmit",
   null
-);
-var openContext = createContext(
+), openContext = createContext(
   "prosekit/autocomplete-popover/open",
-  false
+  !1
 );
 
 // src/components/autocomplete/autocomplete-item/state.ts
 function useAutocompleteItem(element, props) {
-  const { onSelect, value } = useListboxItem(element, props);
-  const open = openContext.consume(element);
-  useEffect(element, () => {
+  let { onSelect, value } = useListboxItem(element, props), open = openContext.consume(element);
+  return useEffect(element, () => {
     var _a;
-    if (!value.peek() && open.value) {
-      value.value = (_a = element.textContent) != null ? _a : "";
-    }
-  });
-  return { onSelect, value };
+    !value.peek() && open.value && (value.value = (_a = element.textContent) != null ? _a : "");
+  }), { onSelect, value };
 }
 
 // src/components/autocomplete/autocomplete-item/element.gen.ts
@@ -76,8 +69,7 @@ import { ElementMixin as ElementMixin3 } from "@aria-ui/core";
 
 // src/components/autocomplete/autocomplete-list/props.ts
 import { defaultListboxProps } from "@aria-ui/listbox";
-var defaultFilter = defaultListboxProps.filter;
-var defaultAutocompleteListProps = {
+var defaultFilter = defaultListboxProps.filter, defaultAutocompleteListProps = {
   filter: defaultFilter,
   editor: null
 };
@@ -95,19 +87,10 @@ import {
   withPriority
 } from "@prosekit/core";
 function useAutocompleteList(element, props) {
-  const fullProps = assignProps(defaultAutocompleteListProps, props);
-  const editor = createSignal(fullProps.editor);
-  const open = openContext.consume(element);
-  const query = queryContext.consume(element);
-  const onSubmit = onSubmitContext.consume(element);
-  const onKeydownHandlerAdd = useKeyboardHandler(element, open, editor);
-  const onValueChange = (value) => {
+  let fullProps = assignProps(defaultAutocompleteListProps, props), editor = createSignal(fullProps.editor), open = openContext.consume(element), query = queryContext.consume(element), onSubmit = onSubmitContext.consume(element), onKeydownHandlerAdd = useKeyboardHandler(element, open, editor), onValueChange = (value) => {
     var _a;
-    if (value) {
-      (_a = onSubmit.peek()) == null ? void 0 : _a();
-    }
-  };
-  const {
+    value && ((_a = onSubmit.peek()) == null || _a());
+  }, {
     query: listboxQuery,
     value: listboxValue,
     filter,
@@ -117,68 +100,43 @@ function useAutocompleteList(element, props) {
     onValueChange,
     filter: fullProps.filter
   });
-  useEffect2(element, () => {
+  return useEffect2(element, () => {
     listboxQuery.value = query.value;
-  });
-  useEffect2(element, () => {
-    if (!open.value) {
-      listboxValue.value = "";
-      query.value = "";
-    }
-  });
-  useEffect2(element, () => {
-    if (!open.value) {
-      autoFocus.value = false;
-    } else {
-      let canceled = false;
-      requestAnimationFrame(() => {
-        if (canceled)
-          return;
-        autoFocus.value = true;
-      });
-      return () => {
-        canceled = true;
+  }), useEffect2(element, () => {
+    open.value || (listboxValue.value = "", query.value = "");
+  }), useEffect2(element, () => {
+    if (!open.value)
+      autoFocus.value = !1;
+    else {
+      let canceled = !1;
+      return requestAnimationFrame(() => {
+        canceled || (autoFocus.value = !0);
+      }), () => {
+        canceled = !0;
       };
     }
-  });
-  useEffect2(element, () => {
+  }), useEffect2(element, () => {
     element.tabIndex = -1;
-  });
-  return { editor, filter };
+  }), { editor, filter };
 }
 function useKeyboardHandler(element, open, editor) {
-  const keydownHandler = createSignal(
+  let keydownHandler = createSignal(
     null
-  );
-  let disposeKeydownHandler = null;
-  useEffect2(element, () => {
-    const editorValue = editor.value;
-    const keydownHandlerValue = keydownHandler.value;
-    if (!editorValue || !keydownHandlerValue) {
+  ), disposeKeydownHandler = null;
+  return useEffect2(element, () => {
+    let editorValue = editor.value, keydownHandlerValue = keydownHandler.value;
+    if (!editorValue || !keydownHandlerValue)
       return;
-    }
-    const extension = defineDOMEventHandler(
+    let extension = defineDOMEventHandler(
       "keydown",
-      (view, event) => {
-        if (view.composing || event.defaultPrevented || !open.value) {
-          return false;
-        }
-        keydownHandlerValue(event);
-        return event.defaultPrevented;
-      }
+      (view, event) => view.composing || event.defaultPrevented || !open.value ? !1 : (keydownHandlerValue(event), event.defaultPrevented)
     );
-    disposeKeydownHandler == null ? void 0 : disposeKeydownHandler();
-    disposeKeydownHandler = editorValue.use(
+    disposeKeydownHandler == null || disposeKeydownHandler(), disposeKeydownHandler = editorValue.use(
       withPriority(extension, Priority.highest)
     );
+  }), (keydownHandlerValue) => (keydownHandler.value = keydownHandlerValue, () => {
+    disposeKeydownHandler == null || disposeKeydownHandler(), disposeKeydownHandler = null;
   });
-  return (keydownHandlerValue) => {
-    keydownHandler.value = keydownHandlerValue;
-    return () => {
-      disposeKeydownHandler == null ? void 0 : disposeKeydownHandler();
-      disposeKeydownHandler = null;
-    };
-  };
 }
 
 // src/components/autocomplete/autocomplete-list/element.gen.ts
@@ -191,9 +149,7 @@ import { ElementMixin as ElementMixin4 } from "@aria-ui/core";
 
 // src/components/autocomplete/autocomplete-popover/props.ts
 import { defaultOverlayPositionerProps } from "@aria-ui/overlay";
-var body = typeof document !== "undefined" && document.querySelector("body");
-var defaultBoundary = body || "clippingAncestors";
-var defaultAutocompletePopoverProps = Object.freeze({
+var body = typeof document != "undefined" && document.querySelector("body"), defaultBoundary = body || "clippingAncestors", defaultAutocompletePopoverProps = Object.freeze({
   ...defaultOverlayPositionerProps,
   editor: null,
   regex: null,
@@ -201,9 +157,9 @@ var defaultAutocompletePopoverProps = Object.freeze({
   onOpenChange: null,
   placement: "bottom-start",
   offset: 4,
-  inline: true,
-  hoist: true,
-  fitViewport: true,
+  inline: !0,
+  hoist: !0,
+  fitViewport: !0,
   boundary: defaultBoundary,
   overflowPadding: 8
 });
@@ -235,13 +191,12 @@ import {
   useEffect as useEffect3
 } from "@aria-ui/core";
 function useFirstRendering(host) {
-  const firstRendering = createSignal2(true);
-  useEffect3(host, () => {
+  let firstRendering = createSignal2(!0);
+  return useEffect3(host, () => {
     requestAnimationFrame(() => {
-      firstRendering.value = false;
+      firstRendering.value = !1;
     });
-  });
-  return firstRendering;
+  }), firstRendering;
 }
 
 // src/components/autocomplete/autocomplete-popover/helpers.ts
@@ -251,22 +206,12 @@ function defaultQueryBuilder(match) {
 
 // src/components/autocomplete/autocomplete-popover/state.ts
 function useAutocompletePopover(host, props) {
-  const state = mapSignals(assignProps2(defaultAutocompletePopoverProps, props));
-  useAutocompletePopoverState(host, state);
-  return state;
+  let state = mapSignals(assignProps2(defaultAutocompletePopoverProps, props));
+  return useAutocompletePopoverState(host, state), state;
 }
 function useAutocompletePopoverState(host, state) {
-  const { editor, regex, ...overlayState } = state;
-  const reference = createSignal3(null);
-  const query = createSignal3("");
-  const onDismiss = createSignal3(null);
-  const onSubmit = createSignal3(null);
-  const presence = createComputed(() => !!reference.value);
-  queryContext.provide(host, query);
-  onSubmitContext.provide(host, onSubmit);
-  openContext.provide(host, presence);
-  useEscapeKeydown(host, editor, createKeymapHandler(onDismiss, presence));
-  useAutocompleteExtension(
+  let { editor, regex, ...overlayState } = state, reference = createSignal3(null), query = createSignal3(""), onDismiss = createSignal3(null), onSubmit = createSignal3(null), presence = createComputed(() => !!reference.value);
+  queryContext.provide(host, query), onSubmitContext.provide(host, onSubmit), openContext.provide(host, presence), useEscapeKeydown(host, editor, createKeymapHandler(onDismiss, presence)), useAutocompleteExtension(
     host,
     editor,
     regex,
@@ -274,84 +219,57 @@ function useAutocompletePopoverState(host, state) {
     query,
     onDismiss,
     onSubmit
-  );
-  useOverlayPositionerState(host, overlayState, { reference });
-  usePresence(host, presence);
-  const firstRendering = useFirstRendering(host);
+  ), useOverlayPositionerState(host, overlayState, { reference }), usePresence(host, presence);
+  let firstRendering = useFirstRendering(host);
   useEffect4(host, () => {
     var _a;
-    const queryValue = query.value;
-    if (!firstRendering.peek()) {
-      (_a = state.onQueryChange.peek()) == null ? void 0 : _a(queryValue);
-    }
-  });
-  useAnimationFrame(host, () => {
-    const presenceValue = presence.value;
-    const onOpenChangeValue = state.onOpenChange.peek();
-    if (!onOpenChangeValue) {
-      return;
-    }
-    return () => {
-      onOpenChangeValue(presenceValue);
-    };
+    let queryValue = query.value;
+    firstRendering.peek() || (_a = state.onQueryChange.peek()) == null || _a(queryValue);
+  }), useAnimationFrame(host, () => {
+    let presenceValue = presence.value, onOpenChangeValue = state.onOpenChange.peek();
+    if (onOpenChangeValue)
+      return () => {
+        onOpenChangeValue(presenceValue);
+      };
   });
 }
 function useAutocompleteExtension(host, editor, regex, reference, query, onDismiss, onSubmit) {
   useEffect4(host, () => {
-    const editorValue = editor.value;
-    const regexValue = regex.value;
-    if (!editorValue || !regexValue) {
-      return;
-    }
-    return addAutocompleteExtension(
-      editorValue,
-      regexValue,
-      reference,
-      query,
-      onDismiss,
-      onSubmit
-    );
+    let editorValue = editor.value, regexValue = regex.value;
+    if (!(!editorValue || !regexValue))
+      return addAutocompleteExtension(
+        editorValue,
+        regexValue,
+        reference,
+        query,
+        onDismiss,
+        onSubmit
+      );
   });
 }
 function addAutocompleteExtension(editor, regex, reference, query, onDismiss, onSubmit) {
-  const handleEnter = (options) => {
-    const span = editor.view.dom.querySelector(".prosemirror-prediction-match");
-    if (span) {
-      reference.value = span;
-    }
-    query.value = defaultQueryBuilder(options.match);
-    onDismiss.value = options.ignoreMatch;
-    onSubmit.value = options.deleteMatch;
-  };
-  const handleLeave = () => {
-    reference.value = null;
-    query.value = "";
-    onDismiss.value = null;
-    onSubmit.value = null;
-  };
-  const rule = new AutocompleteRule({
+  let handleEnter = (options) => {
+    let span = editor.view.dom.querySelector(".prosemirror-prediction-match");
+    span && (reference.value = span), query.value = defaultQueryBuilder(options.match), onDismiss.value = options.ignoreMatch, onSubmit.value = options.deleteMatch;
+  }, handleLeave = () => {
+    reference.value = null, query.value = "", onDismiss.value = null, onSubmit.value = null;
+  }, rule = new AutocompleteRule({
     regex,
     onEnter: handleEnter,
     onLeave: handleLeave
-  });
-  const extension = defineAutocomplete(rule);
+  }), extension = defineAutocomplete(rule);
   return editor.use(extension);
 }
 function createKeymapHandler(handler, enabled) {
   return () => {
-    if (!enabled.value) {
-      return false;
-    }
-    const fn = handler.peek();
-    if (!fn)
-      return false;
-    fn();
-    return true;
+    if (!enabled.value)
+      return !1;
+    let fn = handler.peek();
+    return fn ? (fn(), !0) : !1;
   };
 }
 function useEscapeKeydown(host, editor, handler) {
-  const keymap = { Escape: handler };
-  const extension = withPriority2(defineKeymap(keymap), Priority2.highest);
+  let extension = withPriority2(defineKeymap({ Escape: handler }), Priority2.highest);
   return useEditorExtension(host, editor, extension);
 }
 

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

@@ -3,7 +3,7 @@ import {
 } from "./chunk-VJEVDINM.js";
 import {
   defineCustomElement
-} from "./chunk-LCDA7GFP.js";
+} from "./chunk-Y2CJYXR5.js";
 
 // src/components/block-handle/block-drag-handle/element.gen.ts
 import { ElementMixin } from "@aria-ui/core";
@@ -36,42 +36,25 @@ var blockPopoverContext = createContext(
 
 // src/components/block-handle/block-drag-handle/state.ts
 function useBlockDragHandle(host, props) {
-  const context = blockPopoverContext.consume(host);
-  const state = mapSignals(assignProps(defaultBlockDragHandleProps, props));
-  useEffect(host, () => {
-    host.draggable = true;
-  });
-  useEventListener(host, "pointerdown", () => {
+  let context = blockPopoverContext.consume(host), state = mapSignals(assignProps(defaultBlockDragHandleProps, props));
+  return useEffect(host, () => {
+    host.draggable = !0;
+  }), useEventListener(host, "pointerdown", () => {
     var _a, _b;
-    const { pos } = (_a = context.value) != null ? _a : {};
-    const { view } = (_b = state.editor.value) != null ? _b : {};
-    if (pos == null || view == null) {
-      return;
-    }
-    view.dispatch(
+    let { pos } = (_a = context.value) != null ? _a : {}, { view } = (_b = state.editor.value) != null ? _b : {};
+    pos == null || view == null || (view.dispatch(
       view.state.tr.setSelection(NodeSelection.create(view.state.doc, pos))
-    );
-    requestAnimationFrame(() => {
+    ), requestAnimationFrame(() => {
       view.focus();
-    });
-  });
-  useEventListener(host, "dragstart", (event) => {
+    }));
+  }), useEventListener(host, "dragstart", (event) => {
     var _a, _b;
-    const { pos, element, node } = (_a = context.value) != null ? _a : {};
-    const { view } = (_b = state.editor.value) != 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 = {
+    let { pos, element, node } = (_a = context.value) != null ? _a : {}, { view } = (_b = state.editor.value) != null ? _b : {};
+    pos == null || !element || !node || !view || !event.dataTransfer || (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
-    };
-  });
-  return state;
+      move: !0
+    });
+  }), state;
 }
 
 // src/components/block-handle/block-drag-handle/element.gen.ts
@@ -110,20 +93,16 @@ import { defineDOMEventHandler, union } from "@prosekit/core";
 function throttle(callback, wait) {
   let lastTime = 0;
   return (...args) => {
-    const now = Date.now();
-    if (now - lastTime >= wait) {
-      callback(...args);
-      lastTime = now;
-    }
+    let now = Date.now();
+    now - lastTime >= wait && (callback(...args), lastTime = now);
   };
 }
 
 // src/components/block-handle/block-popover/pointer-move.ts
 function defineElementHoverHandler(handler) {
-  const handlePointerEvent = (view, event) => {
+  let handlePointerEvent = (view, event) => {
     var _a;
-    const rect = view.dom.getBoundingClientRect();
-    const pos = (_a = view.posAtCoords({
+    let rect = view.dom.getBoundingClientRect(), pos = (_a = view.posAtCoords({
       top: event.clientY,
       // Use the center of the editor
       left: rect.left + rect.width / 2
@@ -132,28 +111,19 @@ function defineElementHoverHandler(handler) {
       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);
+    let $pos = view.state.doc.resolve(pos), node = view.state.doc.nodeAt(pos), 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);
+      let ancestorPos = $pos.before($pos.depth), node2 = view.state.doc.nodeAt(ancestorPos), element2 = view.nodeDOM(ancestorPos);
       if (!element2) {
         handler(null, null, null, null);
         return;
       }
-      const reference = {
+      handler({
         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;
+          let rect2 = element2.getBoundingClientRect(), style = window.getComputedStyle(element2), marginTop = Number.parseInt(style.marginTop, 10) || 0, marginRight = Number.parseInt(style.marginRight, 10) || 0, marginBottom = Number.parseInt(style.marginBottom, 10) || 0, marginLeft = Number.parseInt(style.marginLeft, 10) || 0;
           return {
             top: rect2.top - marginTop,
             right: rect2.right + marginRight,
@@ -165,8 +135,7 @@ function defineElementHoverHandler(handler) {
             y: rect2.y - marginTop
           };
         }
-      };
-      handler(reference, element2, node2, ancestorPos);
+      }, element2, node2, ancestorPos);
       return;
     }
     handler(element, element, node, pos);
@@ -180,40 +149,27 @@ function defineElementHoverHandler(handler) {
 
 // src/components/block-handle/block-popover/state.ts
 function useBlockPopover(host, props) {
-  const state = mapSignals2(assignProps2(defaultBlockPopoverProps, props));
-  const { editor, ...overlayState } = state;
-  const reference = createSignal(null);
+  let state = mapSignals2(assignProps2(defaultBlockPopoverProps, props)), { editor, ...overlayState } = state, reference = createSignal(null);
   useOverlayPositionerState(host, overlayState, { reference });
-  const context = createSignal({
+  let context = createSignal({
     pos: null,
     node: null,
     element: null
   });
   blockPopoverContext.provide(host, context);
-  const open = createSignal(false);
+  let open = createSignal(!1);
   useEffect2(host, () => {
     open.value = !!context.value.element;
+  }), useHoverExtension(host, editor, (referenceValue, element, node, pos) => {
+    reference.value = referenceValue, context.value = { element, node, pos };
   });
-  useHoverExtension(host, editor, (referenceValue, element, node, pos) => {
-    reference.value = referenceValue;
-    context.value = { element, node, pos };
-  });
-  const presence = createComputed(() => !!reference.value);
-  useAttribute(host, "data-state", () => presence.value ? "open" : "closed");
-  usePresence(host, presence);
-  return state;
+  let presence = createComputed(() => !!reference.value);
+  return useAttribute(host, "data-state", () => presence.value ? "open" : "closed"), usePresence(host, presence), state;
 }
 function useHoverExtension(host, editor, handler) {
-  let prevElement = null;
-  let prevPos = null;
-  const extension = defineElementHoverHandler(
+  let prevElement = null, prevPos = null, extension = defineElementHoverHandler(
     (reference, element, node, pos) => {
-      if (prevElement === element && prevPos === pos) {
-        return;
-      }
-      prevElement = element;
-      prevPos = pos;
-      handler(reference, element, node, pos);
+      prevElement === element && prevPos === pos || (prevElement = element, prevPos = pos, handler(reference, element, node, pos));
     }
   );
   useEditorExtension(host, editor, extension);

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

@@ -3,7 +3,7 @@ import {
 } from "./chunk-VJEVDINM.js";
 import {
   defineCustomElement
-} from "./chunk-LCDA7GFP.js";
+} from "./chunk-Y2CJYXR5.js";
 
 // src/components/inline-popover/inline-popover/element.gen.ts
 import { ElementMixin } from "@aria-ui/core";
@@ -13,18 +13,18 @@ import { defaultOverlayPositionerProps } from "@aria-ui/overlay";
 var defaultInlinePopoverProps = Object.freeze({
   ...defaultOverlayPositionerProps,
   editor: null,
-  open: true,
+  open: !0,
   onOpenChange: null,
   placement: "top",
   offset: 12,
-  shift: true,
-  flip: true,
-  hide: true,
-  overlap: true,
-  inline: true,
+  shift: !0,
+  flip: !0,
+  hide: !0,
+  overlap: !0,
+  inline: !0,
   overflowPadding: 8,
   // Don't need boundary when hoist is true.
-  hoist: true,
+  hoist: !0,
   boundary: []
 });
 
@@ -45,14 +45,14 @@ import {
   defineFocusChangeHandler
 } from "@prosekit/core";
 function useEditorFocusChangeEvent(host, editor, handler) {
-  const extension = defineFocusChangeHandler(handler);
+  let extension = defineFocusChangeHandler(handler);
   useEditorExtension(host, editor, extension);
 }
 
 // src/hooks/use-editor-update-event.ts
 import { defineUpdateHandler } from "@prosekit/core";
 function useEditorUpdateEvent(host, editor, handler) {
-  const extension = defineUpdateHandler(handler);
+  let extension = defineUpdateHandler(handler);
   useEditorExtension(host, editor, extension);
 }
 
@@ -61,52 +61,44 @@ import { isTextSelection } from "@prosekit/core";
 
 // src/utils/is-in-code-block.ts
 function isInCodeBlock(selection) {
-  const type = selection.$from.parent.type;
+  let type = selection.$from.parent.type;
   return type.spec.code && type.isBlock;
 }
 
 // src/components/inline-popover/inline-popover/virtual-selection-element.ts
 function getVirtualSelectionElement(view) {
-  if (typeof window === "undefined" || view.isDestroyed) {
+  if (typeof window == "undefined" || view.isDestroyed)
     return null;
-  }
-  const selection = view.state.selection;
+  let selection = view.state.selection;
   if (!selection.empty && !isInCodeBlock(selection) && isTextSelection(selection)) {
-    const decoration = getInlineDecoration(view);
-    if (decoration) {
+    let decoration = getInlineDecoration(view);
+    if (decoration)
       return decoration;
-    }
-    const range = getDomRange();
-    if (range) {
+    let range = getDomRange();
+    if (range)
       return {
         contextElement: view.dom,
         getBoundingClientRect: () => range.getBoundingClientRect(),
         getClientRects: () => range.getClientRects()
       };
-    }
   }
   return null;
 }
 function getDomRange() {
-  const selection = window.getSelection();
-  if (!selection || selection.isCollapsed) {
-    return;
-  }
-  const range = typeof selection.rangeCount === "number" && selection.rangeCount > 0 && selection.getRangeAt(0);
-  if (!range) {
+  let selection = window.getSelection();
+  if (!selection || selection.isCollapsed)
     return;
-  }
-  return range;
+  let range = typeof selection.rangeCount == "number" && selection.rangeCount > 0 && selection.getRangeAt(0);
+  if (range)
+    return range;
 }
 function getInlineDecoration(view) {
-  const match = view.dom.querySelectorAll(".prosekit-virtual-selection");
-  if (match.length === 0) {
+  let match = view.dom.querySelectorAll(".prosekit-virtual-selection");
+  if (match.length === 0)
     return;
-  }
-  if (match.length === 1) {
+  if (match.length === 1)
     return match[0];
-  }
-  const items = Array.from(match);
+  let items = Array.from(match);
   return {
     contextElement: items[0],
     getBoundingClientRect: () => items[0].getBoundingClientRect(),
@@ -116,37 +108,26 @@ function getInlineDecoration(view) {
 
 // src/components/inline-popover/inline-popover/state.ts
 function useInlinePopover(host, props) {
-  const state = mapSignals(assignProps(defaultInlinePopoverProps, props));
-  useInlinePopoverState(host, state);
-  return state;
+  let state = mapSignals(assignProps(defaultInlinePopoverProps, props));
+  return useInlinePopoverState(host, state), state;
 }
 function useInlinePopoverState(host, state) {
-  const { editor, open, onOpenChange, ...overlayState } = state;
-  const reference = useInlinePopoverReference(host, editor);
+  let { editor, open, onOpenChange, ...overlayState } = state, reference = useInlinePopoverReference(host, editor);
   useOverlayPositionerState(host, overlayState, { reference });
-  const presence = createComputed(() => !!reference.value && open.value);
-  useAttribute(host, "data-state", () => presence.value ? "open" : "closed");
-  usePresence(host, presence);
-  useEffect(host, () => {
+  let presence = createComputed(() => !!reference.value && open.value);
+  useAttribute(host, "data-state", () => presence.value ? "open" : "closed"), usePresence(host, presence), useEffect(host, () => {
     var _a;
-    const presenceValue = presence.value;
-    (_a = onOpenChange.peek()) == null ? void 0 : _a(presenceValue);
+    let presenceValue = presence.value;
+    (_a = onOpenChange.peek()) == null || _a(presenceValue);
   });
 }
 function useInlinePopoverReference(host, editor) {
-  const reference = createSignal(null);
-  let editorFocused = false;
-  useEditorFocusChangeEvent(host, editor, (focus) => {
+  let reference = createSignal(null), editorFocused = !1;
+  return useEditorFocusChangeEvent(host, editor, (focus) => {
     editorFocused = focus;
-  });
-  useEditorUpdateEvent(host, editor, (view) => {
-    const isPopoverFocused = !editorFocused && host.contains(host.ownerDocument.activeElement);
-    if (isPopoverFocused) {
-      return;
-    }
-    reference.value = getVirtualSelectionElement(view);
-  });
-  return reference;
+  }), useEditorUpdateEvent(host, editor, (view) => {
+    !editorFocused && host.contains(host.ownerDocument.activeElement) || (reference.value = getVirtualSelectionElement(view));
+  }), reference;
 }
 
 // src/components/inline-popover/inline-popover/element.gen.ts

package/dist/prosekit-web-popover.js

@@ -1,6 +1,6 @@
 import {
   defineCustomElement
-} from "./chunk-LCDA7GFP.js";
+} from "./chunk-Y2CJYXR5.js";
 
 // src/components/popover/popover-content/element.gen.ts
 import { ElementMixin } from "@aria-ui/core";

package/dist/prosekit-web-resizable.js

@@ -1,6 +1,6 @@
 import {
   defineCustomElement
-} from "./chunk-LCDA7GFP.js";
+} from "./chunk-Y2CJYXR5.js";
 
 // src/components/resizable/resizable-handle/element.gen.ts
 import { ElementMixin } from "@aria-ui/core";
@@ -24,26 +24,22 @@ import { createContext } from "@aria-ui/core";
 var onResizeContext = createContext(
   "prosekit/resizable/onResize",
   null
-);
-var onResizeStartContext = createContext(
+), onResizeStartContext = createContext(
   "prosekit/resizable/onResizeStart",
   null
-);
-var onResizeEndContext = createContext(
+), onResizeEndContext = createContext(
   "prosekit/resizable/onResizeEnd",
   null
 );
 
 // src/utils/is-finite-positive-number.ts
 function isFinitePositiveNumber(value) {
-  return typeof value === "number" && Number.isFinite(value) && value > 0;
+  return typeof value == "number" && Number.isFinite(value) && value > 0;
 }
 
 // src/components/resizable/resizable-handle/calc-resize.ts
 function calcResize(position, w, h, dx, dy, aspectRatio) {
-  aspectRatio = aspectRatio ? aspectRatio : w / h;
-  aspectRatio = isFinitePositiveNumber(aspectRatio) ? aspectRatio : 1;
-  switch (position) {
+  switch (aspectRatio = aspectRatio || w / h, aspectRatio = isFinitePositiveNumber(aspectRatio) ? aspectRatio : 1, position) {
     case "bottom-right":
       return calcBottomRightResize(w, h, dx, dy, aspectRatio);
     case "bottom-left":
@@ -65,92 +61,38 @@ function calcResize(position, w, h, dx, dy, aspectRatio) {
   }
 }
 var calcBottomRightResize = (w, h, dx, dy, r) => {
-  w += dx;
-  h += dy;
-  const sum = w + h;
-  h = sum / (r + 1);
-  w = sum - h;
-  return [w, h];
-};
-var calcBottomLeftResize = (w, h, dx, dy, r) => {
-  w -= dx;
-  h += dy;
-  const sum = w + h;
-  h = sum / (r + 1);
-  w = sum - h;
-  return [w, h];
-};
-var calcTopRightResize = (w, h, dx, dy, r) => {
-  w += dx;
-  h -= dy;
-  const sum = w + h;
-  h = sum / (r + 1);
-  w = sum - h;
-  return [w, h];
-};
-var calcTopLeftResize = (w, h, dx, dy, r) => {
-  w -= dx;
-  h -= dy;
-  const sum = w + h;
-  h = sum / (r + 1);
-  w = sum - h;
-  return [w, h];
-};
-var calcTopResize = (w, h, dx, dy, r) => {
-  h -= dy;
-  w = h * r;
-  return [w, h];
-};
-var calcRightResize = (w, h, dx, dy, r) => {
-  w += dx;
-  h = w / r;
-  return [w, h];
-};
-var calcBottomResize = (w, h, dx, dy, r) => {
-  h += dy;
-  w = h * r;
-  return [w, h];
-};
-var calcLeftResize = (w, h, dx, dy, r) => {
-  w -= dx;
-  h = w / r;
-  return [w, h];
-};
+  w += dx, h += dy;
+  let sum = w + h;
+  return h = sum / (r + 1), w = sum - h, [w, h];
+}, calcBottomLeftResize = (w, h, dx, dy, r) => {
+  w -= dx, h += dy;
+  let sum = w + h;
+  return h = sum / (r + 1), w = sum - h, [w, h];
+}, calcTopRightResize = (w, h, dx, dy, r) => {
+  w += dx, h -= dy;
+  let sum = w + h;
+  return h = sum / (r + 1), w = sum - h, [w, h];
+}, calcTopLeftResize = (w, h, dx, dy, r) => {
+  w -= dx, h -= dy;
+  let sum = w + h;
+  return h = sum / (r + 1), w = sum - h, [w, h];
+}, calcTopResize = (w, h, dx, dy, r) => (h -= dy, w = h * r, [w, h]), calcRightResize = (w, h, dx, dy, r) => (w += dx, h = w / r, [w, h]), calcBottomResize = (w, h, dx, dy, r) => (h += dy, w = h * r, [w, h]), calcLeftResize = (w, h, dx, dy, r) => (w -= dx, h = w / r, [w, h]);
 
 // src/components/resizable/resizable-handle/state.ts
 function useResizableHandle(host, props) {
-  const state = mapSignals(assignProps(defaultResizableHandleProps, props));
-  const onResize = onResizeContext.consume(host);
-  const onResizeStart = onResizeStartContext.consume(host);
-  const onResizeEnd = onResizeEndContext.consume(host);
-  useResizableHandleState(host, state, { onResize, onResizeStart, onResizeEnd });
-  return state;
+  let state = mapSignals(assignProps(defaultResizableHandleProps, props)), onResize = onResizeContext.consume(host), onResizeStart = onResizeStartContext.consume(host), onResizeEnd = onResizeEndContext.consume(host);
+  return useResizableHandleState(host, state, { onResize, onResizeStart, onResizeEnd }), state;
 }
 function useResizableHandleState(host, state, context) {
-  let startX = 0;
-  let startY = 0;
-  let width = 0;
-  let height = 0;
-  let aspectRatio = 1;
-  const pointerPressing = createSignal(false);
-  const handlePointerDown = (event) => {
+  let startX = 0, startY = 0, width = 0, height = 0, aspectRatio = 1, pointerPressing = createSignal(!1), handlePointerDown = (event) => {
     var _a, _b;
-    event.preventDefault();
-    pointerPressing.value = true;
-    startX = event.x;
-    startY = event.y;
-    const size = (_b = (_a = context.onResizeStart).value) == null ? void 0 : _b.call(_a);
-    if (size) {
-      ;
-      [width, height, aspectRatio] = size;
-    }
-  };
-  const handlePointerMove = (event) => {
+    event.preventDefault(), pointerPressing.value = !0, startX = event.x, startY = event.y;
+    let size = (_b = (_a = context.onResizeStart).value) == null ? void 0 : _b.call(_a);
+    size && ([width, height, aspectRatio] = size);
+  }, handlePointerMove = (event) => {
     var _a, _b;
     event.preventDefault();
-    const dx = event.x - startX;
-    const dy = event.y - startY;
-    const [w, h] = calcResize(
+    let dx = event.x - startX, dy = event.y - startY, [w, h] = calcResize(
       state.position.peek(),
       width,
       height,
@@ -158,30 +100,19 @@ function useResizableHandleState(host, state, context) {
       dy,
       aspectRatio
     );
-    (_b = (_a = context.onResize).value) == null ? void 0 : _b.call(_a, w, h);
-  };
-  const handlePointerUp = (event) => {
+    (_b = (_a = context.onResize).value) == null || _b.call(_a, w, h);
+  }, handlePointerUp = (event) => {
     var _a, _b;
-    event.preventDefault();
-    pointerPressing.value = false;
-    (_b = (_a = context.onResizeEnd).value) == null ? void 0 : _b.call(_a);
+    event.preventDefault(), pointerPressing.value = !1, (_b = (_a = context.onResizeEnd).value) == null || _b.call(_a);
   };
-  useEffect(host, () => {
-    host.addEventListener("pointerdown", handlePointerDown);
-    return () => {
-      host.removeEventListener("pointerdown", handlePointerDown);
-    };
-  });
-  useEffect(host, () => {
-    if (!pointerPressing.value) {
+  useEffect(host, () => (host.addEventListener("pointerdown", handlePointerDown), () => {
+    host.removeEventListener("pointerdown", handlePointerDown);
+  })), useEffect(host, () => {
+    if (!pointerPressing.value)
       return;
-    }
-    const win = getWindow(host);
-    win.addEventListener("pointermove", handlePointerMove);
-    win.addEventListener("pointerup", handlePointerUp);
-    return () => {
-      win.removeEventListener("pointermove", handlePointerMove);
-      win.removeEventListener("pointerup", handlePointerUp);
+    let win = getWindow(host);
+    return win.addEventListener("pointermove", handlePointerMove), win.addEventListener("pointerup", handlePointerUp), () => {
+      win.removeEventListener("pointermove", handlePointerMove), win.removeEventListener("pointerup", handlePointerUp);
     };
   });
 }
@@ -212,36 +143,23 @@ import {
   useEffect as useEffect2
 } from "@aria-ui/core";
 function useResizableRoot(host, props) {
-  const state = mapSignals2(assignProps2(defaultResizableRootProps, props));
-  useResizableRootState(host, state);
-  return state;
+  let state = mapSignals2(assignProps2(defaultResizableRootProps, props));
+  return useResizableRootState(host, state), state;
 }
 function useResizableRootState(host, state) {
-  const onResizeStart = () => {
+  let onResizeStart = () => {
     var _a, _b;
-    const { width, height } = host.getBoundingClientRect();
-    let aspectRatio = (_a = state.aspectRatio.peek()) != null ? _a : width / height;
-    if (!isFinitePositiveNumber(aspectRatio)) {
-      aspectRatio = 0;
-    }
-    (_b = state.onSizeChangeStart.peek()) == null ? void 0 : _b({ width, height });
-    return [width, height, aspectRatio];
-  };
-  const onResize = (width, height) => {
+    let { width, height } = host.getBoundingClientRect(), aspectRatio = (_a = state.aspectRatio.peek()) != null ? _a : width / height;
+    return isFinitePositiveNumber(aspectRatio) || (aspectRatio = 0), (_b = state.onSizeChangeStart.peek()) == null || _b({ width, height }), [width, height, aspectRatio];
+  }, onResize = (width, height) => {
     var _a;
-    (_a = state.onSizeChange.peek()) == null ? void 0 : _a({ width, height });
-    state.width.value = width;
-    state.height.value = height;
-  };
-  const onResizeEnd = () => {
+    (_a = state.onSizeChange.peek()) == null || _a({ width, height }), state.width.value = width, state.height.value = height;
+  }, onResizeEnd = () => {
     var _a;
-    const { width, height } = host.getBoundingClientRect();
-    (_a = state.onSizeChangeEnd.peek()) == null ? void 0 : _a({ width, height });
+    let { width, height } = host.getBoundingClientRect();
+    (_a = state.onSizeChangeEnd.peek()) == null || _a({ width, height });
   };
-  onResizeStartContext.provide(host, createSignal2(onResizeStart));
-  onResizeContext.provide(host, createSignal2(onResize));
-  onResizeEndContext.provide(host, createSignal2(onResizeEnd));
-  useEffect2(host, () => {
+  onResizeStartContext.provide(host, createSignal2(onResizeStart)), onResizeContext.provide(host, createSignal2(onResize)), onResizeEndContext.provide(host, createSignal2(onResizeEnd)), useEffect2(host, () => {
     updateResizableRootStyles(
       host,
       state.width.value,
@@ -251,16 +169,7 @@ function useResizableRootState(host, state) {
   });
 }
 function updateResizableRootStyles(host, width, height, aspectRatio) {
-  host.style.width = isFinitePositiveNumber(width) ? `${width}px` : "";
-  host.style.height = isFinitePositiveNumber(height) ? `${height}px` : "";
-  if (isFinitePositiveNumber(aspectRatio)) {
-    host.style.aspectRatio = `${aspectRatio}`;
-    if (width && width > 0 && aspectRatio >= 1) {
-      host.style.height = "auto";
-    } else if (height && height > 0 && aspectRatio <= 1) {
-      host.style.width = "auto";
-    }
-  }
+  host.style.width = isFinitePositiveNumber(width) ? `${width}px` : "", host.style.height = isFinitePositiveNumber(height) ? `${height}px` : "", isFinitePositiveNumber(aspectRatio) && (host.style.aspectRatio = `${aspectRatio}`, width && width > 0 && aspectRatio >= 1 ? host.style.height = "auto" : height && height > 0 && aspectRatio <= 1 && (host.style.width = "auto"));
 }
 
 // src/components/resizable/resizable-root/element.gen.ts

package/dist/prosekit-web-tooltip.js

@@ -1,6 +1,6 @@
 import {
   defineCustomElement
-} from "./chunk-LCDA7GFP.js";
+} from "./chunk-Y2CJYXR5.js";
 
 // src/components/tooltip/tooltip-content/element.gen.ts
 import { ElementMixin } from "@aria-ui/core";
@@ -9,12 +9,12 @@ import { ElementMixin } from "@aria-ui/core";
 import { defaultTooltipContentProps as defaultProps } from "@aria-ui/tooltip";
 var defaultTooltipContentProps = {
   ...defaultProps,
-  shift: true,
-  flip: true,
+  shift: !0,
+  flip: !0,
   offset: 6,
   overflowPadding: 4,
   // Don't need boundary when hoist is true.
-  hoist: true,
+  hoist: !0,
   boundary: []
 };
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/web",
   "type": "module",
-  "version": "0.1.8",
+  "version": "0.1.10",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -73,13 +73,13 @@
     "@aria-ui/presence": "^0.0.9",
     "@aria-ui/tooltip": "^0.0.16",
     "@floating-ui/dom": "^1.6.5",
-    "@prosekit/core": "^0.5.2",
-    "@prosekit/extensions": "^0.5.1",
-    "@prosekit/pm": "^0.1.4",
-    "@zag-js/dom-query": "^0.51.2"
+    "@zag-js/dom-query": "^0.53.0",
+    "@prosekit/core": "^0.5.5",
+    "@prosekit/pm": "^0.1.5",
+    "@prosekit/extensions": "^0.5.3"
   },
   "devDependencies": {
-    "tsup": "^8.0.2",
+    "tsup": "^8.1.0",
     "typescript": "^5.4.5",
     "vitest": "^1.6.0",
     "@prosekit/dev": "0.0.0"