@prosekit/web 0.3.18 → 0.4.0

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

@@ -1,27 +1,15 @@
 import {
   useEditorExtension
 } from "./chunk-MZSYOTZT.js";
-import {
-  defineCustomElement
-} from "./chunk-LCDA7GFP.js";
-
-// src/components/block-handle/block-drag-handle/element.gen.ts
-import { ElementBuilder } from "@aria-ui/core";
 
-// src/components/block-handle/block-drag-handle/props.ts
-var defaultBlockDragHandleProps = Object.freeze({
-  editor: null
-});
+// src/components/block-handle/block-handle-add/element.gen.ts
+import { defineCustomElement, registerCustomElement } from "@aria-ui/core";
 
-// src/components/block-handle/block-drag-handle/state.ts
+// src/components/block-handle/block-handle-add/setup.ts
 import {
-  createSignal,
-  useAttribute,
-  useEffect,
   useEventListener
 } from "@aria-ui/core";
-import { Fragment, Slice } from "@prosekit/pm/model";
-import { NodeSelection } from "@prosekit/pm/state";
+import { insertDefaultBlock } from "@prosekit/core";
 
 // src/components/block-handle/context.ts
 import { createContext } from "@aria-ui/core";
@@ -30,8 +18,51 @@ var blockPopoverContext = createContext(
   null
 );
 
-// src/components/block-handle/block-drag-handle/state.ts
-function useBlockDragHandle(host, state) {
+// src/components/block-handle/block-handle-add/setup.ts
+function useBlockHandleAdd(host, { state }) {
+  const context = blockPopoverContext.consume(host);
+  useEventListener(host, "pointerdown", (event) => {
+    event.preventDefault();
+    const editor = state.editor.get();
+    const hoverState = context.get();
+    if (!editor || !hoverState) {
+      return;
+    }
+    const { node, pos } = hoverState;
+    editor.exec(insertDefaultBlock({ pos: pos + node.nodeSize }));
+    editor.focus();
+    context.set(null);
+  });
+}
+
+// src/components/block-handle/block-handle-add/types.ts
+var blockHandleAddProps = {
+  editor: { default: null }
+};
+var blockHandleAddEvents = {};
+
+// src/components/block-handle/block-handle-add/element.gen.ts
+var BlockHandleAddElement = class extends defineCustomElement({
+  props: blockHandleAddProps,
+  events: blockHandleAddEvents,
+  setup: useBlockHandleAdd
+}) {
+};
+registerCustomElement("prosekit-block-handle-add", BlockHandleAddElement);
+
+// src/components/block-handle/block-handle-draggable/element.gen.ts
+import { defineCustomElement as defineCustomElement2, registerCustomElement as registerCustomElement2 } from "@aria-ui/core";
+
+// src/components/block-handle/block-handle-draggable/setup.ts
+import {
+  createSignal,
+  useAttribute,
+  useEffect,
+  useEventListener as useEventListener2
+} from "@aria-ui/core";
+import { Fragment, Slice } from "@prosekit/pm/model";
+import { NodeSelection } from "@prosekit/pm/state";
+function useBlockHandleDraggable(host, { state }) {
   const context = blockPopoverContext.consume(host);
   useEffect(host, () => {
     host.draggable = true;
@@ -41,7 +72,7 @@ function useBlockDragHandle(host, state) {
   useDataDraggingAttribute(host);
 }
 function usePointerDownHandler(host, context, editor) {
-  useEventListener(host, "pointerdown", () => {
+  useEventListener2(host, "pointerdown", () => {
     var _a, _b;
     const { pos } = (_a = context.get()) != null ? _a : {};
     const { view } = (_b = editor.get()) != null ? _b : {};
@@ -57,7 +88,7 @@ function usePointerDownHandler(host, context, editor) {
   });
 }
 function useDraggingPreview(host, context, editor) {
-  useEventListener(host, "dragstart", (event) => {
+  useEventListener2(host, "dragstart", (event) => {
     var _a;
     const hoverState = context.get();
     const { view } = (_a = editor.get()) != null ? _a : {};
@@ -81,105 +112,43 @@ function useDataDraggingAttribute(host) {
 }
 function useDragging(host) {
   const dragging = createSignal(false);
-  useEventListener(host, "dragstart", () => {
+  useEventListener2(host, "dragstart", () => {
     dragging.set(true);
   });
-  useEventListener(host, "dragend", () => {
+  useEventListener2(host, "dragend", () => {
     dragging.set(false);
   });
   return dragging;
 }
 
-// src/components/block-handle/block-drag-handle/element.gen.ts
-var BlockDragHandleElement = class extends ElementBuilder(useBlockDragHandle, defaultBlockDragHandleProps) {
+// src/components/block-handle/block-handle-draggable/types.ts
+var blockHandleDraggableProps = {
+  editor: { default: null }
 };
-defineCustomElement("prosekit-block-drag-handle", BlockDragHandleElement);
-
-// src/components/block-handle/block-handle-add/element.gen.ts
-import { ElementBuilder as ElementBuilder2 } from "@aria-ui/core";
-
-// src/components/block-handle/block-handle-add/props.ts
-var defaultBlockHandleAddProps = Object.freeze({
-  editor: null
-});
-
-// src/components/block-handle/block-handle-add/state.ts
-import {
-  useEventListener as useEventListener2
-} from "@aria-ui/core";
-import { insertDefaultBlock } from "@prosekit/core";
-function useBlockHandleAdd(host, state) {
-  const context = blockPopoverContext.consume(host);
-  useEventListener2(host, "pointerdown", (event) => {
-    event.preventDefault();
-    const editor = state.editor.get();
-    const hoverState = context.get();
-    if (!editor || !hoverState) {
-      return;
-    }
-    const { node, pos } = hoverState;
-    editor.exec(insertDefaultBlock({ pos: pos + node.nodeSize }));
-    editor.focus();
-    context.set(null);
-  });
-}
-
-// src/components/block-handle/block-handle-add/element.gen.ts
-var BlockHandleAddElement = class extends ElementBuilder2(useBlockHandleAdd, defaultBlockHandleAddProps) {
-};
-defineCustomElement("prosekit-block-handle-add", BlockHandleAddElement);
-
-// src/components/block-handle/block-handle-draggable/element.gen.ts
-import { ElementBuilder as ElementBuilder3 } from "@aria-ui/core";
-
-// src/components/block-handle/block-handle-draggable/props.ts
-var defaultBlockHandleDraggableProps = Object.freeze({
-  editor: null
-});
-
-// src/components/block-handle/block-handle-draggable/state.ts
-import "@aria-ui/core";
-function useBlockHandleDraggable(host, state) {
-  useBlockDragHandle(host, state);
-}
+var blockHandleDraggableEvents = {};
 
 // src/components/block-handle/block-handle-draggable/element.gen.ts
-var BlockHandleDraggableElement = class extends ElementBuilder3(useBlockHandleDraggable, defaultBlockHandleDraggableProps) {
+var BlockHandleDraggableElement = class extends defineCustomElement2({
+  props: blockHandleDraggableProps,
+  events: blockHandleDraggableEvents,
+  setup: useBlockHandleDraggable
+}) {
 };
-defineCustomElement("prosekit-block-handle-draggable", BlockHandleDraggableElement);
+registerCustomElement2("prosekit-block-handle-draggable", BlockHandleDraggableElement);
 
 // src/components/block-handle/block-handle-popover/element.gen.ts
-import { ElementBuilder as ElementBuilder4 } from "@aria-ui/core";
+import { defineCustomElement as defineCustomElement3, registerCustomElement as registerCustomElement3 } from "@aria-ui/core";
 
-// src/components/block-handle/block-popover/props.ts
-import {
-  defaultOverlayPositionerProps
-} from "@aria-ui/overlay";
-var defaultBlockPopoverProps = Object.freeze({
-  ...defaultOverlayPositionerProps,
-  editor: null,
-  placement: "left-start",
-  offset: 4
-});
-
-// src/components/block-handle/block-handle-popover/props.ts
-var defaultBlockHandlePopoverProps = Object.freeze({
-  ...defaultBlockPopoverProps
-});
-
-// src/components/block-handle/block-handle-popover/state.ts
-import "@aria-ui/core";
-
-// src/components/block-handle/block-popover/state.ts
+// src/components/block-handle/block-handle-popover/setup.ts
 import {
   createSignal as createSignal2,
   useAttribute as useAttribute2,
   useEffect as useEffect2
 } from "@aria-ui/core";
-import { useOverlayPositionerState } from "@aria-ui/overlay";
+import { useOverlayPositionerState } from "@aria-ui/overlay/elements";
 import { usePresence } from "@aria-ui/presence";
 
-// src/components/block-handle/block-popover/pointer-move.ts
+// src/components/block-handle/block-handle-popover/pointer-move.ts
 import { defineDOMEventHandler, union } from "@prosekit/core";
 
 // src/utils/throttle.ts
@@ -194,7 +163,7 @@ function throttle(callback, wait) {
   };
 }
 
-// src/components/block-handle/block-popover/pointer-move.ts
+// src/components/block-handle/block-handle-popover/pointer-move.ts
 function defineElementHoverHandler(handler) {
   const handlePointerEvent = (view, event) => {
     var _a;
@@ -254,8 +223,8 @@ function defineElementHoverHandler(handler) {
   );
 }
 
-// src/components/block-handle/block-popover/state.ts
-function useBlockPopover(host, state) {
+// src/components/block-handle/block-handle-popover/setup.ts
+function useBlockHandlePopover(host, { state }) {
   const { editor, ...overlayState } = state;
   const reference = createSignal2(null);
   useOverlayPositionerState(host, overlayState, { reference });
@@ -290,30 +259,34 @@ function isHoverStateEqual(a, b) {
   return a.element === b.element && a.pos === b.pos && a.node.eq(b.node);
 }
 
-// src/components/block-handle/block-handle-popover/state.ts
-function useBlockHandlePopover(host, state) {
-  useBlockPopover(host, state);
-}
-
-// src/components/block-handle/block-handle-popover/element.gen.ts
-var BlockHandlePopoverElement = class extends ElementBuilder4(useBlockHandlePopover, defaultBlockHandlePopoverProps) {
+// src/components/block-handle/block-handle-popover/types.ts
+import {
+  overlayPositionerProps
+} from "@aria-ui/overlay/elements";
+var blockHandlePopoverProps = {
+  ...overlayPositionerProps,
+  editor: { default: null },
+  placement: { default: "left-start" },
+  offset: { default: 4 }
 };
-defineCustomElement("prosekit-block-handle-popover", BlockHandlePopoverElement);
+var blockHandlePopoverEvents = {};
 
-// src/components/block-handle/block-popover/element.gen.ts
-import { ElementBuilder as ElementBuilder5 } from "@aria-ui/core";
-var BlockPopoverElement = class extends ElementBuilder5(useBlockPopover, defaultBlockPopoverProps) {
+// src/components/block-handle/block-handle-popover/element.gen.ts
+var BlockHandlePopoverElement = class extends defineCustomElement3({
+  props: blockHandlePopoverProps,
+  events: blockHandlePopoverEvents,
+  setup: useBlockHandlePopover
+}) {
 };
-defineCustomElement("prosekit-block-popover", BlockPopoverElement);
+registerCustomElement3("prosekit-block-handle-popover", BlockHandlePopoverElement);
 export {
-  BlockDragHandleElement,
   BlockHandleAddElement,
   BlockHandleDraggableElement,
   BlockHandlePopoverElement,
-  BlockPopoverElement,
-  defaultBlockDragHandleProps,
-  defaultBlockHandleAddProps,
-  defaultBlockHandleDraggableProps,
-  defaultBlockHandlePopoverProps,
-  defaultBlockPopoverProps
+  blockHandleAddEvents,
+  blockHandleAddProps,
+  blockHandleDraggableEvents,
+  blockHandleDraggableProps,
+  blockHandlePopoverEvents,
+  blockHandlePopoverProps
 };

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

@@ -1,3 +1,5 @@
 export { InlinePopoverElement } from './_tsup-dts-rollup';
-export { defaultInlinePopoverProps } from './_tsup-dts-rollup';
+export { inlinePopoverEvents } from './_tsup-dts-rollup';
+export { inlinePopoverProps } from './_tsup-dts-rollup';
+export { InlinePopoverEvents } from './_tsup-dts-rollup';
 export { InlinePopoverProps } from './_tsup-dts-rollup';

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

@@ -1,45 +1,18 @@
 import {
   useEditorExtension
 } from "./chunk-MZSYOTZT.js";
-import {
-  defineCustomElement
-} from "./chunk-LCDA7GFP.js";
 
 // src/components/inline-popover/inline-popover/element.gen.ts
-import { ElementBuilder } from "@aria-ui/core";
-
-// src/components/inline-popover/inline-popover/props.ts
-import {
-  defaultOverlayPositionerProps
-} from "@aria-ui/overlay";
-var defaultInlinePopoverProps = Object.freeze({
-  ...defaultOverlayPositionerProps,
-  editor: null,
-  defaultOpen: true,
-  open: false,
-  onOpenChange: null,
-  dismissOnEscape: true,
-  placement: "top",
-  offset: 12,
-  shift: true,
-  flip: true,
-  hide: true,
-  overlap: true,
-  inline: true,
-  overflowPadding: 8,
-  // Don't need boundary when hoist is true.
-  hoist: true,
-  boundary: []
-});
+import { defineCustomElement, registerCustomElement } from "@aria-ui/core";
 
-// src/components/inline-popover/inline-popover/state.ts
+// src/components/inline-popover/inline-popover/setup.ts
 import {
   createComputed,
   createSignal,
   useAttribute,
   useEffect
 } from "@aria-ui/core";
-import { useOverlayPositionerState } from "@aria-ui/overlay";
+import { useOverlayPositionerState } from "@aria-ui/overlay/elements";
 import { usePresence } from "@aria-ui/presence";
 
 // src/hooks/use-editor-focus-event.ts
@@ -120,8 +93,8 @@ function getInlineDecoration(view) {
   };
 }
 
-// src/components/inline-popover/inline-popover/state.ts
-function useInlinePopover(host, state) {
+// src/components/inline-popover/inline-popover/setup.ts
+function useInlinePopover(host, { state }) {
   const { editor, defaultOpen, open, onOpenChange, ...overlayState } = state;
   const reference = useInlinePopoverReference(host, editor);
   const hasReference = createComputed(() => !!reference.get());
@@ -174,11 +147,42 @@ function useInlinePopoverReference(host, editor) {
   return reference;
 }
 
+// src/components/inline-popover/inline-popover/types.ts
+import {
+  overlayPositionerEvents,
+  overlayPositionerProps
+} from "@aria-ui/overlay";
+var inlinePopoverProps = Object.freeze({
+  ...overlayPositionerProps,
+  editor: { default: null },
+  defaultOpen: { default: true },
+  open: { default: false },
+  onOpenChange: { default: null },
+  dismissOnEscape: { default: true },
+  placement: { default: "top" },
+  offset: { default: 12 },
+  shift: { default: true },
+  flip: { default: true },
+  hide: { default: true },
+  overlap: { default: true },
+  inline: { default: true },
+  overflowPadding: { default: 8 },
+  // Don't need boundary when hoist is true.
+  hoist: { default: true },
+  boundary: { default: [] }
+});
+var inlinePopoverEvents = overlayPositionerEvents;
+
 // src/components/inline-popover/inline-popover/element.gen.ts
-var InlinePopoverElement = class extends ElementBuilder(useInlinePopover, defaultInlinePopoverProps) {
+var InlinePopoverElement = class extends defineCustomElement({
+  props: inlinePopoverProps,
+  events: inlinePopoverEvents,
+  setup: useInlinePopover
+}) {
 };
-defineCustomElement("prosekit-inline-popover", InlinePopoverElement);
+registerCustomElement("prosekit-inline-popover", InlinePopoverElement);
 export {
   InlinePopoverElement,
-  defaultInlinePopoverProps
+  inlinePopoverEvents,
+  inlinePopoverProps
 };

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

@@ -1,9 +1,15 @@
 export { PopoverContentElement } from './_tsup-dts-rollup';
-export { defaultPopoverContentProps } from './_tsup-dts-rollup';
+export { popoverContentEvents } from './_tsup-dts-rollup';
+export { popoverContentProps } from './_tsup-dts-rollup';
+export { PopoverContentEvents } from './_tsup-dts-rollup';
 export { PopoverContentProps } from './_tsup-dts-rollup';
 export { PopoverRootElement } from './_tsup-dts-rollup';
-export { defaultPopoverRootProps } from './_tsup-dts-rollup';
+export { popoverRootEvents } from './_tsup-dts-rollup';
+export { popoverRootProps } from './_tsup-dts-rollup';
+export { PopoverRootEvents } from './_tsup-dts-rollup';
 export { PopoverRootProps } from './_tsup-dts-rollup';
 export { PopoverTriggerElement } from './_tsup-dts-rollup';
-export { defaultPopoverTriggerProps } from './_tsup-dts-rollup';
+export { popoverTriggerEvents } from './_tsup-dts-rollup';
+export { popoverTriggerProps } from './_tsup-dts-rollup';
+export { PopoverTriggerEvents } from './_tsup-dts-rollup';
 export { PopoverTriggerProps } from './_tsup-dts-rollup';

package/dist/prosekit-web-popover.js

@@ -1,59 +1,70 @@
-import {
-  defineCustomElement
-} from "./chunk-LCDA7GFP.js";
-
 // src/components/popover/popover-content/element.gen.ts
-import { ElementBuilder } from "@aria-ui/core";
+import { defineCustomElement, registerCustomElement } from "@aria-ui/core";
 
-// src/components/popover/popover-content/props.ts
-import {
-  defaultPopoverContentProps
-} from "@aria-ui/popover";
+// src/components/popover/popover-content/setup.ts
+import { usePopoverContent } from "@aria-ui/popover/elements";
 
-// src/components/popover/popover-content/state.ts
-import { usePopoverContent } from "@aria-ui/popover";
+// src/components/popover/popover-content/types.ts
+import {
+  popoverContentEvents,
+  popoverContentProps
+} from "@aria-ui/popover/elements";
 
 // src/components/popover/popover-content/element.gen.ts
-var PopoverContentElement = class extends ElementBuilder(usePopoverContent, defaultPopoverContentProps) {
+var PopoverContentElement = class extends defineCustomElement({
+  props: popoverContentProps,
+  events: popoverContentEvents,
+  setup: usePopoverContent
+}) {
 };
-defineCustomElement("prosekit-popover-content", PopoverContentElement);
+registerCustomElement("prosekit-popover-content", PopoverContentElement);
 
 // src/components/popover/popover-root/element.gen.ts
-import { ElementBuilder as ElementBuilder2 } from "@aria-ui/core";
+import { defineCustomElement as defineCustomElement2, registerCustomElement as registerCustomElement2 } from "@aria-ui/core";
 
-// src/components/popover/popover-root/props.ts
-import {
-  defaultPopoverRootProps
-} from "@aria-ui/popover";
+// src/components/popover/popover-root/setup.ts
+import { usePopoverRoot } from "@aria-ui/popover/elements";
 
-// src/components/popover/popover-root/state.ts
-import { usePopoverRoot } from "@aria-ui/popover";
+// src/components/popover/popover-root/types.ts
+import { popoverRootEvents, popoverRootProps } from "@aria-ui/popover/elements";
 
 // src/components/popover/popover-root/element.gen.ts
-var PopoverRootElement = class extends ElementBuilder2(usePopoverRoot, defaultPopoverRootProps) {
+var PopoverRootElement = class extends defineCustomElement2({
+  props: popoverRootProps,
+  events: popoverRootEvents,
+  setup: usePopoverRoot
+}) {
 };
-defineCustomElement("prosekit-popover-root", PopoverRootElement);
+registerCustomElement2("prosekit-popover-root", PopoverRootElement);
 
 // src/components/popover/popover-trigger/element.gen.ts
-import { ElementBuilder as ElementBuilder3 } from "@aria-ui/core";
+import { defineCustomElement as defineCustomElement3, registerCustomElement as registerCustomElement3 } from "@aria-ui/core";
 
-// src/components/popover/popover-trigger/props.ts
-import {
-  defaultPopoverTriggerProps
-} from "@aria-ui/popover";
+// src/components/popover/popover-trigger/setup.ts
+import { usePopoverTrigger } from "@aria-ui/popover/elements";
 
-// src/components/popover/popover-trigger/state.ts
-import { usePopoverTrigger } from "@aria-ui/popover";
+// src/components/popover/popover-trigger/types.ts
+import {
+  popoverTriggerEvents,
+  popoverTriggerProps
+} from "@aria-ui/popover/elements";
 
 // src/components/popover/popover-trigger/element.gen.ts
-var PopoverTriggerElement = class extends ElementBuilder3(usePopoverTrigger, defaultPopoverTriggerProps) {
+var PopoverTriggerElement = class extends defineCustomElement3({
+  props: popoverTriggerProps,
+  events: popoverTriggerEvents,
+  setup: usePopoverTrigger
+}) {
 };
-defineCustomElement("prosekit-popover-trigger", PopoverTriggerElement);
+registerCustomElement3("prosekit-popover-trigger", PopoverTriggerElement);
 export {
   PopoverContentElement,
   PopoverRootElement,
   PopoverTriggerElement,
-  defaultPopoverContentProps,
-  defaultPopoverRootProps,
-  defaultPopoverTriggerProps
+  popoverContentEvents,
+  popoverContentProps,
+  popoverRootEvents,
+  popoverRootProps,
+  popoverTriggerEvents,
+  popoverTriggerProps
 };

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

@@ -1,6 +1,10 @@
 export { ResizableHandleElement } from './_tsup-dts-rollup';
-export { defaultResizableHandleProps } from './_tsup-dts-rollup';
+export { resizableHandleEvents } from './_tsup-dts-rollup';
+export { resizableHandleProps } from './_tsup-dts-rollup';
+export { ResizableHandleEvents } from './_tsup-dts-rollup';
 export { ResizableHandleProps } from './_tsup-dts-rollup';
 export { ResizableRootElement } from './_tsup-dts-rollup';
-export { defaultResizableRootProps } from './_tsup-dts-rollup';
+export { resizableRootEvents } from './_tsup-dts-rollup';
+export { resizableRootProps } from './_tsup-dts-rollup';
+export { ResizableRootEvents } from './_tsup-dts-rollup';
 export { ResizableRootProps } from './_tsup-dts-rollup';