@prosekit/web 0.1.2 → 0.1.4

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

@@ -27,35 +27,37 @@ import { TooltipRootProps } from '@aria-ui/tooltip';
 import { UpdateHandler } from '@prosekit/core';
 import { usePopoverContent } from '@aria-ui/popover';
 import { usePopoverRoot } from '@aria-ui/popover';
+import { usePopoverTrigger } from '@aria-ui/popover';
 import { useTooltipContent } from '@aria-ui/tooltip';
 import { useTooltipRoot } from '@aria-ui/tooltip';
+import { useTooltipTrigger } from '@aria-ui/tooltip';
 import type { VirtualElement } from '@floating-ui/dom';
 
-declare class AutocompleteEmptyElement extends BaseElement implements AutocompleteEmptyProps {
-    readonly _s: SignalState<AutocompleteEmptyProps>;
-    constructor();
-}
-
-declare interface AutocompleteEmptyElement extends AutocompleteEmptyProps {
+declare class AutocompleteEmptyElement extends AutocompleteEmptyElement_base {
 }
 export { AutocompleteEmptyElement }
 export { AutocompleteEmptyElement as AutocompleteEmptyElement_alias_1 }
 
+declare const AutocompleteEmptyElement_base: {
+    new (): BaseElement & AutocompleteEmptyProps;
+    prototype: HTMLElement;
+};
+
 declare interface AutocompleteEmptyProps {
 }
 export { AutocompleteEmptyProps }
 export { AutocompleteEmptyProps as AutocompleteEmptyProps_alias_1 }
 
-declare class AutocompleteItemElement extends BaseElement implements AutocompleteItemProps {
-    readonly _s: SignalState<AutocompleteItemProps>;
-    constructor();
-}
-
-declare interface AutocompleteItemElement extends AutocompleteItemProps {
+declare class AutocompleteItemElement extends AutocompleteItemElement_base {
 }
 export { AutocompleteItemElement }
 export { AutocompleteItemElement as AutocompleteItemElement_alias_1 }
 
+declare const AutocompleteItemElement_base: {
+    new (): BaseElement & AutocompleteItemProps;
+    prototype: HTMLElement;
+};
+
 declare interface AutocompleteItemProps {
     /**
      * The value of the item, which will be matched against the query.
@@ -75,32 +77,32 @@ declare interface AutocompleteItemProps {
 export { AutocompleteItemProps }
 export { AutocompleteItemProps as AutocompleteItemProps_alias_1 }
 
-declare class AutocompleteListElement extends BaseElement implements AutocompleteListProps {
-    readonly _s: SignalState<AutocompleteListProps>;
-    constructor();
-}
-
-declare interface AutocompleteListElement extends AutocompleteListProps {
+declare class AutocompleteListElement extends AutocompleteListElement_base {
 }
 export { AutocompleteListElement }
 export { AutocompleteListElement as AutocompleteListElement_alias_1 }
 
+declare const AutocompleteListElement_base: {
+    new (): BaseElement & AutocompleteListProps;
+    prototype: HTMLElement;
+};
+
 declare interface AutocompleteListProps extends Pick<ListboxProps, 'filter'> {
     editor: Editor | null;
 }
 export { AutocompleteListProps }
 export { AutocompleteListProps as AutocompleteListProps_alias_1 }
 
-declare class AutocompletePopoverElement extends BaseElement implements AutocompletePopoverProps {
-    readonly _s: SignalState<AutocompletePopoverProps>;
-    constructor();
-}
-
-declare interface AutocompletePopoverElement extends AutocompletePopoverProps {
+declare class AutocompletePopoverElement extends AutocompletePopoverElement_base {
 }
 export { AutocompletePopoverElement }
 export { AutocompletePopoverElement as AutocompletePopoverElement_alias_1 }
 
+declare const AutocompletePopoverElement_base: {
+    new (): BaseElement & AutocompletePopoverProps;
+    prototype: HTMLElement;
+};
+
 declare interface AutocompletePopoverProps extends OverlayPositionerProps {
     /**
      * The ProseKit editor instance.
@@ -158,16 +160,16 @@ declare interface AutocompletePopoverProps extends OverlayPositionerProps {
 export { AutocompletePopoverProps }
 export { AutocompletePopoverProps as AutocompletePopoverProps_alias_1 }
 
-declare class BlockDragHandleElement extends BaseElement implements BlockDragHandleProps {
-    readonly _s: SignalState<BlockDragHandleProps>;
-    constructor();
-}
-
-declare interface BlockDragHandleElement extends BlockDragHandleProps {
+declare class BlockDragHandleElement extends BlockDragHandleElement_base {
 }
 export { BlockDragHandleElement }
 export { BlockDragHandleElement as BlockDragHandleElement_alias_1 }
 
+declare const BlockDragHandleElement_base: {
+    new (): BaseElement & BlockDragHandleProps;
+    prototype: HTMLElement;
+};
+
 declare interface BlockDragHandleProps {
     /**
      * The ProseKit editor instance.
@@ -193,16 +195,16 @@ export declare interface BlockPopoverContext {
  */
 export declare const blockPopoverContext: Context<BlockPopoverContext>;
 
-declare class BlockPopoverElement extends BaseElement implements BlockPopoverProps {
-    readonly _s: SignalState<BlockPopoverProps>;
-    constructor();
-}
-
-declare interface BlockPopoverElement extends BlockPopoverProps {
+declare class BlockPopoverElement extends BlockPopoverElement_base {
 }
 export { BlockPopoverElement }
 export { BlockPopoverElement as BlockPopoverElement_alias_1 }
 
+declare const BlockPopoverElement_base: {
+    new (): BaseElement & BlockPopoverProps;
+    prototype: HTMLElement;
+};
+
 declare interface BlockPopoverProps extends Omit<OverlayPositionerProps, 'placement' | 'offset'> {
     /**
      * The ProseKit editor instance.
@@ -385,24 +387,20 @@ export declare function defineCustomElement(name: string, constructor: CustomEle
 
 export declare function defineElementHoverHandler(handler: ElementHoverHandler): Extension<    {}>;
 
-export declare function defineProperties(ElementConstructor: new () => {
-    _s: SignalState<any>;
-}, defaultProps: Record<string, any>): void;
-
 export declare type ElementHoverHandler = (reference: VirtualElement | null, element: HTMLElement | null, node: ProseMirrorNode | null, pos: number | null) => void;
 
 export declare function getVirtualSelectionElement(view: EditorView): ReferenceElement | null;
 
-declare class InlinePopoverElement extends BaseElement implements InlinePopoverProps {
-    readonly _s: SignalState<InlinePopoverProps>;
-    constructor();
-}
-
-declare interface InlinePopoverElement extends InlinePopoverProps {
+declare class InlinePopoverElement extends InlinePopoverElement_base {
 }
 export { InlinePopoverElement }
 export { InlinePopoverElement as InlinePopoverElement_alias_1 }
 
+declare const InlinePopoverElement_base: {
+    new (): BaseElement & InlinePopoverProps;
+    prototype: HTMLElement;
+};
+
 declare interface InlinePopoverProps extends Omit<OverlayPositionerProps, 'placement' | 'offset'> {
     /**
      * The ProseKit editor instance.
@@ -496,57 +494,57 @@ export declare const onSubmitContext: Context<VoidFunction | null>;
 
 export declare const openContext: Context<boolean>;
 
-declare class PopoverContentElement extends BaseElement implements PopoverContentProps {
-    readonly _s: SignalState<PopoverContentProps>;
-    constructor();
-}
-
-declare interface PopoverContentElement extends PopoverContentProps {
+declare class PopoverContentElement extends PopoverContentElement_base {
 }
 export { PopoverContentElement }
 export { PopoverContentElement as PopoverContentElement_alias_1 }
 
+declare const PopoverContentElement_base: {
+    new (): BaseElement & PopoverContentProps;
+    prototype: HTMLElement;
+};
+
 export { PopoverContentProps }
 export { PopoverContentProps as PopoverContentProps_alias_1 }
 
-declare class PopoverRootElement extends BaseElement implements PopoverRootProps {
-    readonly _s: SignalState<PopoverRootProps>;
-    constructor();
-}
-
-declare interface PopoverRootElement extends PopoverRootProps {
+declare class PopoverRootElement extends PopoverRootElement_base {
 }
 export { PopoverRootElement }
 export { PopoverRootElement as PopoverRootElement_alias_1 }
 
+declare const PopoverRootElement_base: {
+    new (): BaseElement & PopoverRootProps;
+    prototype: HTMLElement;
+};
+
 export { PopoverRootProps }
 export { PopoverRootProps as PopoverRootProps_alias_1 }
 
-declare class PopoverTriggerElement extends BaseElement implements PopoverTriggerProps {
-    readonly _s: SignalState<PopoverTriggerProps>;
-    constructor();
-}
-
-declare interface PopoverTriggerElement extends PopoverTriggerProps {
+declare class PopoverTriggerElement extends PopoverTriggerElement_base {
 }
 export { PopoverTriggerElement }
 export { PopoverTriggerElement as PopoverTriggerElement_alias_1 }
 
+declare const PopoverTriggerElement_base: {
+    new (): BaseElement & PopoverTriggerProps;
+    prototype: HTMLElement;
+};
+
 export { PopoverTriggerProps }
 export { PopoverTriggerProps as PopoverTriggerProps_alias_1 }
 
 export declare const queryContext: Context<string>;
 
-declare class ResizableHandleElement extends BaseElement implements ResizableHandleProps {
-    readonly _s: SignalState<ResizableHandleProps>;
-    constructor();
-}
-
-declare interface ResizableHandleElement extends ResizableHandleProps {
+declare class ResizableHandleElement extends ResizableHandleElement_base {
 }
 export { ResizableHandleElement }
 export { ResizableHandleElement as ResizableHandleElement_alias_1 }
 
+declare const ResizableHandleElement_base: {
+    new (): BaseElement & ResizableHandleProps;
+    prototype: HTMLElement;
+};
+
 declare interface ResizableHandleProps {
     /**
      * The position of the handle.
@@ -558,16 +556,16 @@ declare interface ResizableHandleProps {
 export { ResizableHandleProps }
 export { ResizableHandleProps as ResizableHandleProps_alias_1 }
 
-declare class ResizableRootElement extends BaseElement implements ResizableRootProps {
-    readonly _s: SignalState<ResizableRootProps>;
-    constructor();
-}
-
-declare interface ResizableRootElement extends ResizableRootProps {
+declare class ResizableRootElement extends ResizableRootElement_base {
 }
 export { ResizableRootElement }
 export { ResizableRootElement as ResizableRootElement_alias_1 }
 
+declare const ResizableRootElement_base: {
+    new (): BaseElement & ResizableRootProps;
+    prototype: HTMLElement;
+};
+
 declare interface ResizableRootProps {
     width: number | null;
     height: number | null;
@@ -593,42 +591,42 @@ export { ResizableRootProps as ResizableRootProps_alias_1 }
  */
 export declare function throttle<Args extends any[]>(callback: (...args: Args) => void, wait: number): (...args: Args) => void;
 
-declare class TooltipContentElement extends BaseElement implements TooltipContentProps {
-    readonly _s: SignalState<TooltipContentProps>;
-    constructor();
-}
-
-declare interface TooltipContentElement extends TooltipContentProps {
+declare class TooltipContentElement extends TooltipContentElement_base {
 }
 export { TooltipContentElement }
 export { TooltipContentElement as TooltipContentElement_alias_1 }
 
+declare const TooltipContentElement_base: {
+    new (): BaseElement & TooltipContentProps;
+    prototype: HTMLElement;
+};
+
 export { TooltipContentProps }
 export { TooltipContentProps as TooltipContentProps_alias_1 }
 
-declare class TooltipRootElement extends BaseElement implements TooltipRootProps {
-    readonly _s: SignalState<TooltipRootProps>;
-    constructor();
-}
-
-declare interface TooltipRootElement extends TooltipRootProps {
+declare class TooltipRootElement extends TooltipRootElement_base {
 }
 export { TooltipRootElement }
 export { TooltipRootElement as TooltipRootElement_alias_1 }
 
+declare const TooltipRootElement_base: {
+    new (): BaseElement & TooltipRootProps;
+    prototype: HTMLElement;
+};
+
 export { TooltipRootProps }
 export { TooltipRootProps as TooltipRootProps_alias_1 }
 
-declare class TooltipTriggerElement extends BaseElement implements TooltipTriggerProps {
-    readonly _s: SignalState<TooltipTriggerProps>;
-    constructor();
-}
-
-declare interface TooltipTriggerElement extends TooltipTriggerProps {
+declare class TooltipTriggerElement extends TooltipTriggerElement_base {
 }
 export { TooltipTriggerElement }
 export { TooltipTriggerElement as TooltipTriggerElement_alias_1 }
 
+declare const TooltipTriggerElement_base: {
+    new (): BaseElement & TooltipTriggerProps;
+    prototype: HTMLElement;
+};
+
 declare interface TooltipTriggerProps {
 }
 export { TooltipTriggerProps }
@@ -658,13 +656,15 @@ export declare function useEditorFocusChangeEvent(host: ConnectableElement, edit
  */
 export declare function useEditorUpdateEvent(host: ConnectableElement, editor: ReadonlySignal<Editor | null>, handler: UpdateHandler): void;
 
+export declare function useFirstRendering(host: ConnectableElement): ReadonlySignal<boolean>;
+
 export declare function useInlinePopover(host: ConnectableElement, props?: Partial<InlinePopoverProps>): SignalState<Readonly<InlinePopoverProps>>;
 
 export { usePopoverContent }
 
 export { usePopoverRoot }
 
-export declare function usePopoverTrigger(host: ConnectableElement): {};
+export { usePopoverTrigger }
 
 export declare function useResizableHandle(host: ConnectableElement, props?: Partial<ResizableHandleProps>): SignalState<Readonly<ResizableHandleProps>>;
 
@@ -674,6 +674,6 @@ export { useTooltipContent }
 
 export { useTooltipRoot }
 
-export declare function useTooltipTrigger(host: ConnectableElement): {};
+export { useTooltipTrigger }
 
 export { }

package/dist/chunk-LCDA7GFP.js

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

package/dist/prosekit-web-autocomplete.js

@@ -1,10 +1,9 @@
 import {
-  defineCustomElement,
-  defineProperties
-} from "./chunk-LJ7LCZM7.js";
+  defineCustomElement
+} from "./chunk-LCDA7GFP.js";
 
 // src/components/autocomplete/autocomplete-empty/element.gen.ts
-import { BaseElement } from "@aria-ui/core";
+import { ElementMixin } from "@aria-ui/core";
 
 // src/components/autocomplete/autocomplete-empty/props.ts
 var defaultAutocompleteEmptyProps = {};
@@ -17,17 +16,12 @@ function useAutocompleteEmpty(element, _props) {
 }
 
 // src/components/autocomplete/autocomplete-empty/element.gen.ts
-var AutocompleteEmptyElement = class extends BaseElement {
-  constructor() {
-    super();
-    this._s = useAutocompleteEmpty(this);
-  }
+var AutocompleteEmptyElement = class extends ElementMixin(useAutocompleteEmpty, defaultAutocompleteEmptyProps) {
 };
-defineProperties(AutocompleteEmptyElement, defaultAutocompleteEmptyProps);
 defineCustomElement("prosekit-autocomplete-empty", AutocompleteEmptyElement);
 
 // src/components/autocomplete/autocomplete-item/element.gen.ts
-import { BaseElement as BaseElement2 } from "@aria-ui/core";
+import { ElementMixin as ElementMixin2 } from "@aria-ui/core";
 
 // src/components/autocomplete/autocomplete-item/props.ts
 var defaultAutocompleteItemProps = {
@@ -70,17 +64,12 @@ function useAutocompleteItem(element, props) {
 }
 
 // src/components/autocomplete/autocomplete-item/element.gen.ts
-var AutocompleteItemElement = class extends BaseElement2 {
-  constructor() {
-    super();
-    this._s = useAutocompleteItem(this);
-  }
+var AutocompleteItemElement = class extends ElementMixin2(useAutocompleteItem, defaultAutocompleteItemProps) {
 };
-defineProperties(AutocompleteItemElement, defaultAutocompleteItemProps);
 defineCustomElement("prosekit-autocomplete-item", AutocompleteItemElement);
 
 // src/components/autocomplete/autocomplete-list/element.gen.ts
-import { BaseElement as BaseElement3 } from "@aria-ui/core";
+import { ElementMixin as ElementMixin3 } from "@aria-ui/core";
 
 // src/components/autocomplete/autocomplete-list/props.ts
 import { defaultListboxProps } from "@aria-ui/listbox";
@@ -131,6 +120,7 @@ function useAutocompleteList(element, props) {
   useEffect2(element, () => {
     if (!open.value) {
       listboxValue.value = "";
+      query.value = "";
     }
   });
   useEffect2(element, () => {
@@ -192,17 +182,12 @@ function useKeyboardHandler(element, open, editor) {
 }
 
 // src/components/autocomplete/autocomplete-list/element.gen.ts
-var AutocompleteListElement = class extends BaseElement3 {
-  constructor() {
-    super();
-    this._s = useAutocompleteList(this);
-  }
+var AutocompleteListElement = class extends ElementMixin3(useAutocompleteList, defaultAutocompleteListProps) {
 };
-defineProperties(AutocompleteListElement, defaultAutocompleteListProps);
 defineCustomElement("prosekit-autocomplete-list", AutocompleteListElement);
 
 // src/components/autocomplete/autocomplete-popover/element.gen.ts
-import { BaseElement as BaseElement4 } from "@aria-ui/core";
+import { ElementMixin as ElementMixin4 } from "@aria-ui/core";
 
 // src/components/autocomplete/autocomplete-popover/props.ts
 import { defaultOverlayPositionerProps } from "@aria-ui/overlay";
@@ -227,9 +212,9 @@ var defaultAutocompletePopoverProps = Object.freeze({
 import {
   assignProps as assignProps2,
   createComputed,
-  createSignal as createSignal2,
+  createSignal as createSignal3,
   mapSignals,
-  useEffect as useEffect3
+  useEffect as useEffect4
 } from "@aria-ui/core";
 import { useOverlayPositionerState } from "@aria-ui/overlay";
 import { usePresence } from "@aria-ui/presence";
@@ -238,6 +223,21 @@ import {
   defineAutocomplete
 } from "@prosekit/extensions/autocomplete";
 
+// src/hooks/use-first-rendering.ts
+import {
+  createSignal as createSignal2,
+  useEffect as useEffect3
+} from "@aria-ui/core";
+function useFirstRendering(host) {
+  const firstRendering = createSignal2(true);
+  useEffect3(host, () => {
+    requestAnimationFrame(() => {
+      firstRendering.value = false;
+    });
+  });
+  return firstRendering;
+}
+
 // src/components/autocomplete/autocomplete-popover/helpers.ts
 function defaultQueryBuilder(match) {
   return match[0].toLowerCase().replace(/[!"#$%&'()*+,-./:;<=>?@[\\\]^_`{|}~]/g, "").replace(/\s\s+/g, " ").trim();
@@ -251,10 +251,10 @@ function useAutocompletePopover(host, props) {
 }
 function useAutocompletePopoverState(host, state) {
   const { editor, regex, ...overlayState } = state;
-  const reference = createSignal2(null);
-  const query = createSignal2("");
-  const onDismiss = createSignal2(null);
-  const onSubmit = createSignal2(null);
+  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);
@@ -271,21 +271,22 @@ function useAutocompletePopoverState(host, state) {
   );
   useOverlayPositionerState(host, overlayState, { reference });
   usePresence(host, presence);
-  useEffect3(host, () => {
+  const firstRendering = useFirstRendering(host);
+  useEffect4(host, () => {
     var _a;
     const queryValue = query.value;
-    if (presence.peek()) {
+    if (!firstRendering.peek()) {
       (_a = state.onQueryChange.peek()) == null ? void 0 : _a(queryValue);
     }
   });
-  useEffect3(host, () => {
+  useEffect4(host, () => {
     var _a;
     const presenceValue = presence.value;
     (_a = state.onOpenChange.peek()) == null ? void 0 : _a(presenceValue);
   });
 }
 function useAutocompleteExtension(host, editor, regex, reference, query, onDismiss, onSubmit) {
-  useEffect3(host, () => {
+  useEffect4(host, () => {
     const editorValue = editor.value;
     const regexValue = regex.value;
     if (!editorValue || !regexValue) {
@@ -338,7 +339,7 @@ function createKeymapHandler(handler, enabled) {
   };
 }
 function useEscapeKeydown(host, handler) {
-  useEffect3(host, () => {
+  useEffect4(host, () => {
     const handleKeyDown = (event) => {
       if (event.key !== "Escape") {
         return;
@@ -353,13 +354,8 @@ function useEscapeKeydown(host, handler) {
 }
 
 // src/components/autocomplete/autocomplete-popover/element.gen.ts
-var AutocompletePopoverElement = class extends BaseElement4 {
-  constructor() {
-    super();
-    this._s = useAutocompletePopover(this);
-  }
+var AutocompletePopoverElement = class extends ElementMixin4(useAutocompletePopover, defaultAutocompletePopoverProps) {
 };
-defineProperties(AutocompletePopoverElement, defaultAutocompletePopoverProps);
 defineCustomElement("prosekit-autocomplete-popover", AutocompletePopoverElement);
 export {
   AutocompleteEmptyElement,

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

@@ -2,12 +2,11 @@ import {
   useEditorExtension
 } from "./chunk-VJEVDINM.js";
 import {
-  defineCustomElement,
-  defineProperties
-} from "./chunk-LJ7LCZM7.js";
+  defineCustomElement
+} from "./chunk-LCDA7GFP.js";
 
 // src/components/block-handle/block-drag-handle/element.gen.ts
-import { BaseElement } from "@aria-ui/core";
+import { ElementMixin } from "@aria-ui/core";
 
 // src/components/block-handle/block-drag-handle/props.ts
 var defaultBlockDragHandleProps = Object.freeze({
@@ -76,17 +75,12 @@ function useBlockDragHandle(host, props) {
 }
 
 // src/components/block-handle/block-drag-handle/element.gen.ts
-var BlockDragHandleElement = class extends BaseElement {
-  constructor() {
-    super();
-    this._s = useBlockDragHandle(this);
-  }
+var BlockDragHandleElement = class extends ElementMixin(useBlockDragHandle, defaultBlockDragHandleProps) {
 };
-defineProperties(BlockDragHandleElement, defaultBlockDragHandleProps);
 defineCustomElement("prosekit-block-drag-handle", BlockDragHandleElement);
 
 // src/components/block-handle/block-popover/element.gen.ts
-import { BaseElement as BaseElement2 } from "@aria-ui/core";
+import { ElementMixin as ElementMixin2 } from "@aria-ui/core";
 
 // src/components/block-handle/block-popover/props.ts
 import { defaultOverlayPositionerProps } from "@aria-ui/overlay";
@@ -226,13 +220,8 @@ function useHoverExtension(host, editor, handler) {
 }
 
 // src/components/block-handle/block-popover/element.gen.ts
-var BlockPopoverElement = class extends BaseElement2 {
-  constructor() {
-    super();
-    this._s = useBlockPopover(this);
-  }
+var BlockPopoverElement = class extends ElementMixin2(useBlockPopover, defaultBlockPopoverProps) {
 };
-defineProperties(BlockPopoverElement, defaultBlockPopoverProps);
 defineCustomElement("prosekit-block-popover", BlockPopoverElement);
 export {
   BlockDragHandleElement,

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

@@ -2,12 +2,11 @@ import {
   useEditorExtension
 } from "./chunk-VJEVDINM.js";
 import {
-  defineCustomElement,
-  defineProperties
-} from "./chunk-LJ7LCZM7.js";
+  defineCustomElement
+} from "./chunk-LCDA7GFP.js";
 
 // src/components/inline-popover/inline-popover/element.gen.ts
-import { BaseElement } from "@aria-ui/core";
+import { ElementMixin } from "@aria-ui/core";
 
 // src/components/inline-popover/inline-popover/props.ts
 import { defaultOverlayPositionerProps } from "@aria-ui/overlay";
@@ -54,7 +53,7 @@ function useEditorUpdateEvent(host, editor, handler) {
 }
 
 // src/components/inline-popover/inline-popover/virtual-selection-element.ts
-import { isNodeSelection, isTextSelection } from "@prosekit/core";
+import { isTextSelection } from "@prosekit/core";
 
 // src/utils/is-in-code-block.ts
 function isInCodeBlock(selection) {
@@ -68,7 +67,7 @@ function getVirtualSelectionElement(view) {
     return null;
   }
   const selection = view.state.selection;
-  if (!selection.empty && !isInCodeBlock(selection) && (isTextSelection(selection) || isNodeSelection(selection))) {
+  if (!selection.empty && !isInCodeBlock(selection) && isTextSelection(selection)) {
     const decoration = getInlineDecoration(view);
     if (decoration) {
       return decoration;
@@ -147,13 +146,8 @@ function useInlinePopoverReference(host, editor) {
 }
 
 // src/components/inline-popover/inline-popover/element.gen.ts
-var InlinePopoverElement = class extends BaseElement {
-  constructor() {
-    super();
-    this._s = useInlinePopover(this);
-  }
+var InlinePopoverElement = class extends ElementMixin(useInlinePopover, defaultInlinePopoverProps) {
 };
-defineProperties(InlinePopoverElement, defaultInlinePopoverProps);
 defineCustomElement("prosekit-inline-popover", InlinePopoverElement);
 export {
   InlinePopoverElement,

package/dist/prosekit-web-popover.js

@@ -1,10 +1,9 @@
 import {
-  defineCustomElement,
-  defineProperties
-} from "./chunk-LJ7LCZM7.js";
+  defineCustomElement
+} from "./chunk-LCDA7GFP.js";
 
 // src/components/popover/popover-content/element.gen.ts
-import { BaseElement } from "@aria-ui/core";
+import { ElementMixin } from "@aria-ui/core";
 
 // src/components/popover/popover-content/props.ts
 import {
@@ -15,17 +14,12 @@ import {
 import { usePopoverContent } from "@aria-ui/popover";
 
 // src/components/popover/popover-content/element.gen.ts
-var PopoverContentElement = class extends BaseElement {
-  constructor() {
-    super();
-    this._s = usePopoverContent(this);
-  }
+var PopoverContentElement = class extends ElementMixin(usePopoverContent, defaultPopoverContentProps) {
 };
-defineProperties(PopoverContentElement, defaultPopoverContentProps);
 defineCustomElement("prosekit-popover-content", PopoverContentElement);
 
 // src/components/popover/popover-root/element.gen.ts
-import { BaseElement as BaseElement2 } from "@aria-ui/core";
+import { ElementMixin as ElementMixin2 } from "@aria-ui/core";
 
 // src/components/popover/popover-root/props.ts
 import {
@@ -36,17 +30,12 @@ import {
 import { usePopoverRoot } from "@aria-ui/popover";
 
 // src/components/popover/popover-root/element.gen.ts
-var PopoverRootElement = class extends BaseElement2 {
-  constructor() {
-    super();
-    this._s = usePopoverRoot(this);
-  }
+var PopoverRootElement = class extends ElementMixin2(usePopoverRoot, defaultPopoverRootProps) {
 };
-defineProperties(PopoverRootElement, defaultPopoverRootProps);
 defineCustomElement("prosekit-popover-root", PopoverRootElement);
 
 // src/components/popover/popover-trigger/element.gen.ts
-import { BaseElement as BaseElement3 } from "@aria-ui/core";
+import { ElementMixin as ElementMixin3 } from "@aria-ui/core";
 
 // src/components/popover/popover-trigger/props.ts
 import {
@@ -54,20 +43,11 @@ import {
 } from "@aria-ui/popover";
 
 // src/components/popover/popover-trigger/state.ts
-import { usePopoverTrigger as _usePopoverTrigger } from "@aria-ui/popover";
-function usePopoverTrigger(host) {
-  _usePopoverTrigger(host);
-  return {};
-}
+import { usePopoverTrigger } from "@aria-ui/popover";
 
 // src/components/popover/popover-trigger/element.gen.ts
-var PopoverTriggerElement = class extends BaseElement3 {
-  constructor() {
-    super();
-    this._s = usePopoverTrigger(this);
-  }
+var PopoverTriggerElement = class extends ElementMixin3(usePopoverTrigger, defaultPopoverTriggerProps) {
 };
-defineProperties(PopoverTriggerElement, defaultPopoverTriggerProps);
 defineCustomElement("prosekit-popover-trigger", PopoverTriggerElement);
 export {
   PopoverContentElement,

package/dist/prosekit-web-resizable.js

@@ -1,10 +1,9 @@
 import {
-  defineCustomElement,
-  defineProperties
-} from "./chunk-LJ7LCZM7.js";
+  defineCustomElement
+} from "./chunk-LCDA7GFP.js";
 
 // src/components/resizable/resizable-handle/element.gen.ts
-import { BaseElement } from "@aria-ui/core";
+import { ElementMixin } from "@aria-ui/core";
 
 // src/components/resizable/resizable-handle/props.ts
 var defaultResizableHandleProps = {
@@ -188,17 +187,12 @@ function useResizableHandleState(host, state, context) {
 }
 
 // src/components/resizable/resizable-handle/element.gen.ts
-var ResizableHandleElement = class extends BaseElement {
-  constructor() {
-    super();
-    this._s = useResizableHandle(this);
-  }
+var ResizableHandleElement = class extends ElementMixin(useResizableHandle, defaultResizableHandleProps) {
 };
-defineProperties(ResizableHandleElement, defaultResizableHandleProps);
 defineCustomElement("prosekit-resizable-handle", ResizableHandleElement);
 
 // src/components/resizable/resizable-root/element.gen.ts
-import { BaseElement as BaseElement2 } from "@aria-ui/core";
+import { ElementMixin as ElementMixin2 } from "@aria-ui/core";
 
 // src/components/resizable/resizable-root/props.ts
 var defaultResizableRootProps = {
@@ -270,13 +264,8 @@ function updateResizableRootStyles(host, width, height, aspectRatio) {
 }
 
 // src/components/resizable/resizable-root/element.gen.ts
-var ResizableRootElement = class extends BaseElement2 {
-  constructor() {
-    super();
-    this._s = useResizableRoot(this);
-  }
+var ResizableRootElement = class extends ElementMixin2(useResizableRoot, defaultResizableRootProps) {
 };
-defineProperties(ResizableRootElement, defaultResizableRootProps);
 defineCustomElement("prosekit-resizable-root", ResizableRootElement);
 export {
   ResizableHandleElement,

package/dist/prosekit-web-tooltip.js

@@ -1,10 +1,9 @@
 import {
-  defineCustomElement,
-  defineProperties
-} from "./chunk-LJ7LCZM7.js";
+  defineCustomElement
+} from "./chunk-LCDA7GFP.js";
 
 // src/components/tooltip/tooltip-content/element.gen.ts
-import { BaseElement } from "@aria-ui/core";
+import { ElementMixin } from "@aria-ui/core";
 
 // src/components/tooltip/tooltip-content/props.ts
 import { defaultTooltipContentProps } from "@aria-ui/tooltip";
@@ -13,17 +12,12 @@ import { defaultTooltipContentProps } from "@aria-ui/tooltip";
 import { useTooltipContent } from "@aria-ui/tooltip";
 
 // src/components/tooltip/tooltip-content/element.gen.ts
-var TooltipContentElement = class extends BaseElement {
-  constructor() {
-    super();
-    this._s = useTooltipContent(this);
-  }
+var TooltipContentElement = class extends ElementMixin(useTooltipContent, defaultTooltipContentProps) {
 };
-defineProperties(TooltipContentElement, defaultTooltipContentProps);
 defineCustomElement("prosekit-tooltip-content", TooltipContentElement);
 
 // src/components/tooltip/tooltip-root/element.gen.ts
-import { BaseElement as BaseElement2 } from "@aria-ui/core";
+import { ElementMixin as ElementMixin2 } from "@aria-ui/core";
 
 // src/components/tooltip/tooltip-root/props.ts
 import { defaultTooltipRootProps } from "@aria-ui/tooltip";
@@ -32,36 +26,22 @@ import { defaultTooltipRootProps } from "@aria-ui/tooltip";
 import { useTooltipRoot } from "@aria-ui/tooltip";
 
 // src/components/tooltip/tooltip-root/element.gen.ts
-var TooltipRootElement = class extends BaseElement2 {
-  constructor() {
-    super();
-    this._s = useTooltipRoot(this);
-  }
+var TooltipRootElement = class extends ElementMixin2(useTooltipRoot, defaultTooltipRootProps) {
 };
-defineProperties(TooltipRootElement, defaultTooltipRootProps);
 defineCustomElement("prosekit-tooltip-root", TooltipRootElement);
 
 // src/components/tooltip/tooltip-trigger/element.gen.ts
-import { BaseElement as BaseElement3 } from "@aria-ui/core";
+import { ElementMixin as ElementMixin3 } from "@aria-ui/core";
 
 // src/components/tooltip/tooltip-trigger/props.ts
 var defaultTooltipTriggerProps = {};
 
 // src/components/tooltip/tooltip-trigger/state.ts
-import { useTooltipTrigger as _useTooltipTrigger } from "@aria-ui/tooltip";
-function useTooltipTrigger(host) {
-  _useTooltipTrigger(host);
-  return {};
-}
+import { useTooltipTrigger } from "@aria-ui/tooltip";
 
 // src/components/tooltip/tooltip-trigger/element.gen.ts
-var TooltipTriggerElement = class extends BaseElement3 {
-  constructor() {
-    super();
-    this._s = useTooltipTrigger(this);
-  }
+var TooltipTriggerElement = class extends ElementMixin3(useTooltipTrigger, defaultTooltipTriggerProps) {
 };
-defineProperties(TooltipTriggerElement, defaultTooltipTriggerProps);
 defineCustomElement("prosekit-tooltip-trigger", TooltipTriggerElement);
 export {
   TooltipContentElement,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/web",
   "type": "module",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -66,23 +66,23 @@
   ],
   "dependencies": {
     "@aria-ui/collection": "^0.0.3",
-    "@aria-ui/core": "^0.0.12",
-    "@aria-ui/listbox": "^0.0.11",
-    "@aria-ui/overlay": "^0.0.12",
-    "@aria-ui/popover": "^0.0.11",
-    "@aria-ui/presence": "^0.0.7",
-    "@aria-ui/tooltip": "^0.0.13",
-    "@floating-ui/dom": "^1.6.3",
-    "@prosekit/core": "^0.4.0",
-    "@prosekit/extensions": "^0.4.2",
-    "@prosekit/pm": "^0.1.2",
-    "@zag-js/dom-query": "^0.47.0"
+    "@aria-ui/core": "^0.0.13",
+    "@aria-ui/listbox": "^0.0.12",
+    "@aria-ui/overlay": "^0.0.13",
+    "@aria-ui/popover": "^0.0.12",
+    "@aria-ui/presence": "^0.0.8",
+    "@aria-ui/tooltip": "^0.0.14",
+    "@floating-ui/dom": "^1.6.4",
+    "@prosekit/core": "^0.4.2",
+    "@prosekit/extensions": "^0.4.7",
+    "@prosekit/pm": "^0.1.3",
+    "@zag-js/dom-query": "^0.49.0"
   },
   "devDependencies": {
     "@prosekit/dev": "*",
     "tsup": "^8.0.2",
     "typescript": "^5.4.5",
-    "vitest": "^1.5.0"
+    "vitest": "^1.6.0"
   },
   "scripts": {
     "build:tsup": "tsup",

package/dist/chunk-LJ7LCZM7.js

@@ -1,26 +0,0 @@
-// src/utils/define-custom-element.ts
-function defineCustomElement(name, constructor, options) {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  customElements.define(name, constructor, options);
-}
-
-// src/utils/define-properties.ts
-function defineProperties(ElementConstructor, defaultProps) {
-  for (const prop of Object.keys(defaultProps)) {
-    Object.defineProperty(ElementConstructor.prototype, prop, {
-      get() {
-        return this._s[prop].value;
-      },
-      set(v) {
-        this._s[prop].value = v;
-      }
-    });
-  }
-}
-
-export {
-  defineCustomElement,
-  defineProperties
-};