@prosekit/web 0.7.11 → 0.7.13

package/src/components/autocomplete/autocomplete-item/element.gen.ts

@@ -1,7 +1,7 @@
 import { defineCustomElement, registerCustomElement, type BaseElementConstructor } from "@aria-ui/core"
 
-import { useAutocompleteItem } from "./setup"
-import { autocompleteItemEvents, autocompleteItemProps, type AutocompleteItemEvents, type AutocompleteItemProps } from "./types"
+import { useAutocompleteItem } from "./setup.ts"
+import { autocompleteItemEvents, autocompleteItemProps, type AutocompleteItemEvents, type AutocompleteItemProps } from "./types.ts"
 
 const AutocompleteItemElementBase: BaseElementConstructor<AutocompleteItemProps> = defineCustomElement<
   AutocompleteItemProps,

package/src/components/autocomplete/autocomplete-item/setup.ts

@@ -1,9 +1,9 @@
 import { useEffect, useEventListener, type ConnectableElement, type SetupOptions } from '@aria-ui/core'
 import { useListboxItem } from '@aria-ui/listbox/elements'
 
-import { openContext } from '../context'
+import { openContext } from '../context.ts'
 
-import type { AutocompleteItemEvents, AutocompleteItemProps } from './types'
+import type { AutocompleteItemEvents, AutocompleteItemProps } from './types.ts'
 
 /**
  * @internal

package/src/components/autocomplete/autocomplete-list/element.gen.ts

@@ -1,7 +1,7 @@
 import { defineCustomElement, registerCustomElement, type BaseElementConstructor } from "@aria-ui/core"
 
-import { useAutocompleteList } from "./setup"
-import { autocompleteListEvents, autocompleteListProps, type AutocompleteListEvents, type AutocompleteListProps } from "./types"
+import { useAutocompleteList } from "./setup.ts"
+import { autocompleteListEvents, autocompleteListProps, type AutocompleteListEvents, type AutocompleteListProps } from "./types.ts"
 
 const AutocompleteListElementBase: BaseElementConstructor<AutocompleteListProps> = defineCustomElement<
   AutocompleteListProps,

package/src/components/autocomplete/autocomplete-list/setup.ts

@@ -7,12 +7,13 @@ import {
   type TypedEventTarget,
 } from '@aria-ui/core'
 import { listboxProps, useListbox, type ListboxProps } from '@aria-ui/listbox/elements'
-import { defineDOMEventHandler, Priority, withPriority, type Editor } from '@prosekit/core'
+import type { Priority } from '@prosekit/core'
+import { defineDOMEventHandler, withPriority, type Editor } from '@prosekit/core'
 
-import { getStateWithDefaults } from '../../../utils/get-default-state'
-import { onSubmitContext, openContext, queryContext } from '../context'
+import { getStateWithDefaults } from '../../../utils/get-default-state.ts'
+import { onSubmitContext, openContext, queryContext } from '../context.ts'
 
-import type { AutocompleteListEvents, AutocompleteListProps } from './types'
+import type { AutocompleteListEvents, AutocompleteListProps } from './types.ts'
 
 /**
  * @internal
@@ -103,7 +104,7 @@ function useKeyDownTarget(
       },
     )
 
-    return editorValue.use(withPriority(extension, Priority.highest))
+    return editorValue.use(withPriority(extension, 4 satisfies typeof Priority.highest))
   })
 
   return {

package/src/components/autocomplete/autocomplete-popover/element.gen.ts

@@ -1,7 +1,7 @@
 import { defineCustomElement, registerCustomElement, type BaseElementConstructor } from "@aria-ui/core"
 
-import { useAutocompletePopover } from "./setup"
-import { autocompletePopoverEvents, autocompletePopoverProps, type AutocompletePopoverEvents, type AutocompletePopoverProps } from "./types"
+import { useAutocompletePopover } from "./setup.ts"
+import { autocompletePopoverEvents, autocompletePopoverProps, type AutocompletePopoverEvents, type AutocompletePopoverProps } from "./types.ts"
 
 const AutocompletePopoverElementBase: BaseElementConstructor<AutocompletePopoverProps> = defineCustomElement<
   AutocompletePopoverProps,

package/src/components/autocomplete/autocomplete-popover/helpers.spec.ts

@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
 
-import { defaultQueryBuilder } from './helpers'
+import { defaultQueryBuilder } from './helpers.ts'
 
 describe('defaultQueryBuilder', () => {
   it('can remove extra spaces', () => {

package/src/components/autocomplete/autocomplete-popover/helpers.ts

@@ -1,7 +1,7 @@
 export function defaultQueryBuilder(match: RegExpExecArray): string {
   return match[0]
     .toLowerCase()
-    .replace(/[!"#$%&'()*+,-./:;<=>?@[\\\]^_`{|}~]/g, '')
-    .replace(/\s\s+/g, ' ')
+    .replaceAll(/[!"#$%&'()*+,-./:;<=>?@[\\\]^_`{|}~]/g, '')
+    .replaceAll(/\s\s+/g, ' ')
     .trim()
 }

package/src/components/autocomplete/autocomplete-popover/setup.ts

@@ -11,16 +11,16 @@ import {
 } from '@aria-ui/core'
 import { useOverlayPositionerState } from '@aria-ui/overlay/elements'
 import { usePresence } from '@aria-ui/presence'
-import { defineKeymap, Priority, withPriority, type Editor } from '@prosekit/core'
+import { defineKeymap, withPriority, type Editor, type Priority } from '@prosekit/core'
 import { AutocompleteRule, defineAutocomplete, type MatchHandler } from '@prosekit/extensions/autocomplete'
 
-import { useEditorExtension } from '../../../hooks/use-editor-extension'
-import { useFirstRendering } from '../../../hooks/use-first-rendering'
-import { getSafeEditorView } from '../../../utils/get-safe-editor-view'
-import { onSubmitContext, openContext, queryContext } from '../context'
+import { useEditorExtension } from '../../../hooks/use-editor-extension.ts'
+import { useFirstRendering } from '../../../hooks/use-first-rendering.ts'
+import { getSafeEditorView } from '../../../utils/get-safe-editor-view.ts'
+import { onSubmitContext, openContext, queryContext } from '../context.ts'
 
-import { defaultQueryBuilder } from './helpers'
-import type { AutocompletePopoverEvents, AutocompletePopoverProps } from './types'
+import { defaultQueryBuilder } from './helpers.ts'
+import type { AutocompletePopoverEvents, AutocompletePopoverProps } from './types.ts'
 
 /**
  * @internal
@@ -164,6 +164,6 @@ function useEscapeKeydown(
   handler: () => boolean,
 ): void {
   const keymap = { Escape: handler }
-  const extension = withPriority(defineKeymap(keymap), Priority.highest)
+  const extension = withPriority(defineKeymap(keymap), 4 satisfies typeof Priority.highest)
   useEditorExtension(host, editor, extension)
 }

package/src/components/autocomplete/index.gen.ts

@@ -1,17 +1,17 @@
 // This file is generated by packages/dev/src/gen-components.ts
 
-export { AutocompleteEmptyElement } from './autocomplete-empty/element.gen'
-export { autocompleteEmptyEvents, autocompleteEmptyProps, type AutocompleteEmptyEvents, type AutocompleteEmptyProps } from './autocomplete-empty/types'
-export { useAutocompleteEmpty } from './autocomplete-empty/setup'
+export { AutocompleteEmptyElement } from './autocomplete-empty/element.gen.ts'
+export { autocompleteEmptyEvents, autocompleteEmptyProps, type AutocompleteEmptyEvents, type AutocompleteEmptyProps } from './autocomplete-empty/types.ts'
+export { useAutocompleteEmpty } from './autocomplete-empty/setup.ts'
 
-export { AutocompleteItemElement } from './autocomplete-item/element.gen'
-export { autocompleteItemEvents, autocompleteItemProps, type AutocompleteItemEvents, type AutocompleteItemProps } from './autocomplete-item/types'
-export { useAutocompleteItem } from './autocomplete-item/setup'
+export { AutocompleteItemElement } from './autocomplete-item/element.gen.ts'
+export { autocompleteItemEvents, autocompleteItemProps, type AutocompleteItemEvents, type AutocompleteItemProps } from './autocomplete-item/types.ts'
+export { useAutocompleteItem } from './autocomplete-item/setup.ts'
 
-export { AutocompleteListElement } from './autocomplete-list/element.gen'
-export { autocompleteListEvents, autocompleteListProps, type AutocompleteListEvents, type AutocompleteListProps } from './autocomplete-list/types'
-export { useAutocompleteList } from './autocomplete-list/setup'
+export { AutocompleteListElement } from './autocomplete-list/element.gen.ts'
+export { autocompleteListEvents, autocompleteListProps, type AutocompleteListEvents, type AutocompleteListProps } from './autocomplete-list/types.ts'
+export { useAutocompleteList } from './autocomplete-list/setup.ts'
 
-export { AutocompletePopoverElement } from './autocomplete-popover/element.gen'
-export { autocompletePopoverEvents, autocompletePopoverProps, type AutocompletePopoverEvents, type AutocompletePopoverProps } from './autocomplete-popover/types'
-export { useAutocompletePopover } from './autocomplete-popover/setup'
+export { AutocompletePopoverElement } from './autocomplete-popover/element.gen.ts'
+export { autocompletePopoverEvents, autocompletePopoverProps, type AutocompletePopoverEvents, type AutocompletePopoverProps } from './autocomplete-popover/types.ts'
+export { useAutocompletePopover } from './autocomplete-popover/setup.ts'

package/src/components/block-handle/block-handle-add/element.gen.ts

@@ -1,7 +1,7 @@
 import { defineCustomElement, registerCustomElement, type BaseElementConstructor } from "@aria-ui/core"
 
-import { useBlockHandleAdd } from "./setup"
-import { blockHandleAddEvents, blockHandleAddProps, type BlockHandleAddEvents, type BlockHandleAddProps } from "./types"
+import { useBlockHandleAdd } from "./setup.ts"
+import { blockHandleAddEvents, blockHandleAddProps, type BlockHandleAddEvents, type BlockHandleAddProps } from "./types.ts"
 
 const BlockHandleAddElementBase: BaseElementConstructor<BlockHandleAddProps> = defineCustomElement<
   BlockHandleAddProps,

package/src/components/block-handle/block-handle-add/setup.ts

@@ -1,9 +1,9 @@
 import { useEventListener, type ConnectableElement, type SignalState } from '@aria-ui/core'
 import { insertDefaultBlock } from '@prosekit/core'
 
-import { blockPopoverContext } from '../context'
+import { blockPopoverContext } from '../context.ts'
 
-import type { BlockHandleAddProps } from './types'
+import type { BlockHandleAddProps } from './types.ts'
 
 /**
  * @internal

package/src/components/block-handle/block-handle-draggable/element.gen.ts

@@ -1,7 +1,7 @@
 import { defineCustomElement, registerCustomElement, type BaseElementConstructor } from "@aria-ui/core"
 
-import { useBlockHandleDraggable } from "./setup"
-import { blockHandleDraggableEvents, blockHandleDraggableProps, type BlockHandleDraggableEvents, type BlockHandleDraggableProps } from "./types"
+import { useBlockHandleDraggable } from "./setup.ts"
+import { blockHandleDraggableEvents, blockHandleDraggableProps, type BlockHandleDraggableEvents, type BlockHandleDraggableProps } from "./types.ts"
 
 const BlockHandleDraggableElementBase: BaseElementConstructor<BlockHandleDraggableProps> = defineCustomElement<
   BlockHandleDraggableProps,

package/src/components/block-handle/block-handle-draggable/set-drag-preview.ts

@@ -1,8 +1,7 @@
-import { assignStyles } from '../../../utils/assign-styles'
-import { deepCloneElement } from '../../../utils/clone-element'
-import { getClientRect } from '../../../utils/get-client-rect'
-import { injectStyle } from '../../../utils/inject-style'
-import { maxZIndex } from '../../../utils/max-z-index'
+import { DRAGGING_CLASS_NAME } from '../../../constants.ts'
+import { assignStyles } from '../../../utils/assign-styles.ts'
+import { getClientRect } from '../../../utils/get-client-rect.ts'
+import { maxZIndex } from '../../../utils/max-z-index.ts'
 
 /**
  * Sets a drag preview image for the given element and ensures the preview position
@@ -16,7 +15,7 @@ import { maxZIndex } from '../../../utils/max-z-index'
  * - Removes the container from the document body after the next frame.
  */
 export function setDragPreview(event: DragEvent, element: HTMLElement): void {
-  const { top, bottom, left, right } = getClientRect(element)
+  const { top, bottom, left, right } = getClientRect(element, { left: true, right: true, top: true, bottom: true })
   const width = right - left
   const height = bottom - top
   const elementX = left
@@ -28,6 +27,10 @@ export function setDragPreview(event: DragEvent, element: HTMLElement): void {
 
   const container = document.createElement('div')
 
+  // Add some class names so that all styles applied to
+  // given class names can also be applied to the drag preview.
+  container.classList.add('ProseMirror', DRAGGING_CLASS_NAME)
+
   // If outsideX is positive, the point is at the left side of the element.
   const outsideX = Math.round(elementX - clientX)
   // If outsideY is positive, the point is above the element.
@@ -66,19 +69,15 @@ export function setDragPreview(event: DragEvent, element: HTMLElement): void {
     height: `${height + borderY}px`,
   })
 
-  const [clonedElement, styleText] = deepCloneElement(element, true)
+  const clonedElement = element.cloneNode(true) as HTMLElement
 
   // A hardcoded opacity.
-  clonedElement.style.setProperty('opacity', '0.5', 'important')
-  // The bounding client rect doesn't include the margin, so we need to remove
-  // the margin too from the cloned element so that it can fit the container.
-  clonedElement.style.setProperty('margin', '0', 'important')
+  clonedElement.style.setProperty('opacity', '0.8', 'important')
   // Hide the outline of the cloned element.
   clonedElement.style.setProperty('outline-color', 'transparent', 'important')
 
-  document.body.appendChild(container)
   container.appendChild(clonedElement)
-  injectStyle(container, styleText)
+  document.body.appendChild(container)
 
   event.dataTransfer?.setDragImage(container, Math.max(-outsideX, 0), Math.max(-outsideY, 0))
 

package/src/components/block-handle/block-handle-draggable/setup.ts

@@ -6,12 +6,12 @@ import { Fragment, Slice } from '@prosekit/pm/model'
 import { NodeSelection } from '@prosekit/pm/state'
 import type { EditorView } from '@prosekit/pm/view'
 
-import { getBoxElement } from '../../../utils/get-box-element'
-import { getSafeEditorView } from '../../../utils/get-safe-editor-view'
-import { blockPopoverContext, draggingContext, type BlockPopoverContext, type HoverState } from '../context'
+import { DRAGGING_CLASS_NAME } from '../../../constants.ts'
+import { getSafeEditorView } from '../../../utils/get-safe-editor-view.ts'
+import { blockPopoverContext, draggingContext, type BlockPopoverContext, type HoverState } from '../context.ts'
 
-import { setDragPreview } from './set-drag-preview'
-import type { BlockHandleDraggableProps } from './types'
+import { setDragPreview } from './set-drag-preview.ts'
+import type { BlockHandleDraggableProps } from './types.ts'
 
 /**
  * @internal
@@ -36,7 +36,7 @@ export function useBlockHandleDraggable(
     const hoverState = context.get()
 
     if (view && hoverState) {
-      view.dom.classList.add('prosekit-dragging')
+      view.dom.classList.add(DRAGGING_CLASS_NAME)
       createDraggingPreview(view, hoverState, event)
       setViewDragging(view, hoverState)
     }
@@ -47,7 +47,7 @@ export function useBlockHandleDraggable(
 
     const view = getSafeEditorView(state.editor.get())
     if (view) {
-      view.dom.classList.remove('prosekit-dragging')
+      view.dom.classList.remove(DRAGGING_CLASS_NAME)
     }
   })
 
@@ -92,15 +92,10 @@ function createDraggingPreview(view: EditorView, hoverState: HoverState, event:
     return
   }
 
-  const boxElement = getBoxElement(element)
-  if (!boxElement || !isHTMLElement(boxElement)) {
-    return
-  }
-
   event.dataTransfer.clearData()
-  event.dataTransfer.setData('text/html', boxElement.outerHTML)
+  event.dataTransfer.setData('text/html', element.outerHTML)
   event.dataTransfer.effectAllowed = 'copyMove'
-  setDragPreview(event, boxElement)
+  setDragPreview(event, element)
 
   return
 }

package/src/components/block-handle/block-handle-popover/element.gen.ts

@@ -1,7 +1,7 @@
 import { defineCustomElement, registerCustomElement, type BaseElementConstructor } from "@aria-ui/core"
 
-import { useBlockHandlePopover } from "./setup"
-import { blockHandlePopoverEvents, blockHandlePopoverProps, type BlockHandlePopoverEvents, type BlockHandlePopoverProps } from "./types"
+import { useBlockHandlePopover } from "./setup.ts"
+import { blockHandlePopoverEvents, blockHandlePopoverProps, type BlockHandlePopoverEvents, type BlockHandlePopoverProps } from "./types.ts"
 
 const BlockHandlePopoverElementBase: BaseElementConstructor<BlockHandlePopoverProps> = defineCustomElement<
   BlockHandlePopoverProps,

package/src/components/block-handle/block-handle-popover/pointer-move.ts

@@ -1,12 +1,11 @@
 import type { VirtualElement } from '@floating-ui/dom'
-import { isElement, isHTMLElement, isTextNode } from '@ocavue/utils'
+import { isElement, isHTMLElement, isTextNode, throttle } from '@ocavue/utils'
 import { defineDOMEventHandler, union, type PlainExtension } from '@prosekit/core'
 import type { ProseMirrorNode } from '@prosekit/pm/model'
 import type { EditorView } from '@prosekit/pm/view'
 
-import { getClientRect } from '../../../utils/get-client-rect'
-import { throttle } from '../../../utils/throttle'
-import type { HoverState } from '../context'
+import { getClientRect } from '../../../utils/get-client-rect.ts'
+import type { HoverState } from '../context.ts'
 
 export type ElementHoverHandler = (
   reference: VirtualElement | null,
@@ -186,14 +185,7 @@ function findOuterRect(node: Node): Rect | undefined {
     return
   }
 
-  const rect = getClientRect(node)
-  const style = node.ownerDocument.defaultView?.getComputedStyle(node)
-  const marginLeft = style && Number.parseInt(style.marginLeft, 10) || 0
-  const marginRight = style && Number.parseInt(style.marginRight, 10) || 0
-  const left = rect.left - marginLeft
-  const right = rect.right + marginRight
-
-  return { top: rect.top, bottom: rect.bottom, left, right }
+  return getClientRect(node, { left: true, right: true })
 }
 
 function findFirstLineRectInNode(node: Node): Rect | undefined {

package/src/components/block-handle/block-handle-popover/setup.ts

@@ -4,12 +4,12 @@ import { usePresence } from '@aria-ui/presence'
 import type { VirtualElement } from '@floating-ui/dom'
 import type { Editor } from '@prosekit/core'
 
-import { useEditorExtension } from '../../../hooks/use-editor-extension'
-import { useScrolling } from '../../../hooks/use-scrolling'
-import { blockPopoverContext, draggingContext, type BlockPopoverContext, type HoverState } from '../context'
+import { useEditorExtension } from '../../../hooks/use-editor-extension.ts'
+import { useScrolling } from '../../../hooks/use-scrolling.ts'
+import { blockPopoverContext, draggingContext, type BlockPopoverContext, type HoverState } from '../context.ts'
 
-import { defineElementHoverHandler, type ElementHoverHandler } from './pointer-move'
-import type { BlockHandlePopoverEvents, BlockHandlePopoverProps } from './types'
+import { defineElementHoverHandler, type ElementHoverHandler } from './pointer-move.ts'
+import type { BlockHandlePopoverEvents, BlockHandlePopoverProps } from './types.ts'
 
 /**
  * @internal
@@ -64,7 +64,5 @@ function useHoverExtension(
 }
 
 function isHoverStateEqual(a: HoverState | null, b: HoverState | null) {
-  if (!a && !b) return true
-  if (!a || !b) return false
-  return a.pos === b.pos && a.node.eq(b.node)
+  return (!a && !b) || (a && b && a.pos === b.pos && a.node.eq(b.node))
 }

package/src/components/block-handle/index.gen.ts

@@ -1,13 +1,13 @@
 // This file is generated by packages/dev/src/gen-components.ts
 
-export { BlockHandleAddElement } from './block-handle-add/element.gen'
-export { blockHandleAddEvents, blockHandleAddProps, type BlockHandleAddEvents, type BlockHandleAddProps } from './block-handle-add/types'
-export { useBlockHandleAdd } from './block-handle-add/setup'
+export { BlockHandleAddElement } from './block-handle-add/element.gen.ts'
+export { blockHandleAddEvents, blockHandleAddProps, type BlockHandleAddEvents, type BlockHandleAddProps } from './block-handle-add/types.ts'
+export { useBlockHandleAdd } from './block-handle-add/setup.ts'
 
-export { BlockHandleDraggableElement } from './block-handle-draggable/element.gen'
-export { blockHandleDraggableEvents, blockHandleDraggableProps, type BlockHandleDraggableEvents, type BlockHandleDraggableProps } from './block-handle-draggable/types'
-export { useBlockHandleDraggable } from './block-handle-draggable/setup'
+export { BlockHandleDraggableElement } from './block-handle-draggable/element.gen.ts'
+export { blockHandleDraggableEvents, blockHandleDraggableProps, type BlockHandleDraggableEvents, type BlockHandleDraggableProps } from './block-handle-draggable/types.ts'
+export { useBlockHandleDraggable } from './block-handle-draggable/setup.ts'
 
-export { BlockHandlePopoverElement } from './block-handle-popover/element.gen'
-export { blockHandlePopoverEvents, blockHandlePopoverProps, type BlockHandlePopoverEvents, type BlockHandlePopoverProps } from './block-handle-popover/types'
-export { useBlockHandlePopover } from './block-handle-popover/setup'
+export { BlockHandlePopoverElement } from './block-handle-popover/element.gen.ts'
+export { blockHandlePopoverEvents, blockHandlePopoverProps, type BlockHandlePopoverEvents, type BlockHandlePopoverProps } from './block-handle-popover/types.ts'
+export { useBlockHandlePopover } from './block-handle-popover/setup.ts'

package/src/components/drop-indicator/drop-indicator/element.gen.ts

@@ -1,7 +1,7 @@
 import { defineCustomElement, registerCustomElement, type BaseElementConstructor } from "@aria-ui/core"
 
-import { useDropIndicator } from "./setup"
-import { dropIndicatorEvents, dropIndicatorProps, type DropIndicatorEvents, type DropIndicatorProps } from "./types"
+import { useDropIndicator } from "./setup.ts"
+import { dropIndicatorEvents, dropIndicatorProps, type DropIndicatorEvents, type DropIndicatorProps } from "./types.ts"
 
 const DropIndicatorElementBase: BaseElementConstructor<DropIndicatorProps> = defineCustomElement<
   DropIndicatorProps,

package/src/components/drop-indicator/drop-indicator/setup.ts

@@ -2,11 +2,11 @@ import { createComputed, createSignal, useEffect, type ConnectableElement, type
 import { usePresence } from '@aria-ui/presence'
 import { defineDropIndicator, type ShowHandlerOptions } from '@prosekit/extensions/drop-indicator'
 
-import { useEditorExtension } from '../../../hooks/use-editor-extension'
-import { useScrolling } from '../../../hooks/use-scrolling'
-import { assignStyles } from '../../../utils/assign-styles'
+import { useEditorExtension } from '../../../hooks/use-editor-extension.ts'
+import { useScrolling } from '../../../hooks/use-scrolling.ts'
+import { assignStyles } from '../../../utils/assign-styles.ts'
 
-import type { DropIndicatorEvents, DropIndicatorProps } from './types'
+import type { DropIndicatorEvents, DropIndicatorProps } from './types.ts'
 
 /**
  * @internal

package/src/components/drop-indicator/index.gen.ts

@@ -1,5 +1,5 @@
 // This file is generated by packages/dev/src/gen-components.ts
 
-export { DropIndicatorElement } from './drop-indicator/element.gen'
-export { dropIndicatorEvents, dropIndicatorProps, type DropIndicatorEvents, type DropIndicatorProps } from './drop-indicator/types'
-export { useDropIndicator } from './drop-indicator/setup'
+export { DropIndicatorElement } from './drop-indicator/element.gen.ts'
+export { dropIndicatorEvents, dropIndicatorProps, type DropIndicatorEvents, type DropIndicatorProps } from './drop-indicator/types.ts'
+export { useDropIndicator } from './drop-indicator/setup.ts'

package/src/components/inline-popover/index.gen.ts

@@ -1,5 +1,5 @@
 // This file is generated by packages/dev/src/gen-components.ts
 
-export { InlinePopoverElement } from './inline-popover/element.gen'
-export { inlinePopoverEvents, inlinePopoverProps, type InlinePopoverEvents, type InlinePopoverProps } from './inline-popover/types'
-export { useInlinePopover } from './inline-popover/setup'
+export { InlinePopoverElement } from './inline-popover/element.gen.ts'
+export { inlinePopoverEvents, inlinePopoverProps, type InlinePopoverEvents, type InlinePopoverProps } from './inline-popover/types.ts'
+export { useInlinePopover } from './inline-popover/setup.ts'

package/src/components/inline-popover/inline-popover/element.gen.ts

@@ -1,7 +1,7 @@
 import { defineCustomElement, registerCustomElement, type BaseElementConstructor } from "@aria-ui/core"
 
-import { useInlinePopover } from "./setup"
-import { inlinePopoverEvents, inlinePopoverProps, type InlinePopoverEvents, type InlinePopoverProps } from "./types"
+import { useInlinePopover } from "./setup.ts"
+import { inlinePopoverEvents, inlinePopoverProps, type InlinePopoverEvents, type InlinePopoverProps } from "./types.ts"
 
 const InlinePopoverElementBase: BaseElementConstructor<InlinePopoverProps> = defineCustomElement<
   InlinePopoverProps,

package/src/components/inline-popover/inline-popover/setup.ts

@@ -13,12 +13,12 @@ import type { ReferenceElement } from '@floating-ui/dom'
 import type { Editor } from '@prosekit/core'
 import type { Selection } from '@prosekit/pm/state'
 
-import { useEditorFocusChangeEvent } from '../../../hooks/use-editor-focus-event'
-import { useEditorUpdateEvent } from '../../../hooks/use-editor-update-event'
-import { useKeymap } from '../../../hooks/use-keymap'
+import { useEditorFocusChangeEvent } from '../../../hooks/use-editor-focus-event.ts'
+import { useEditorUpdateEvent } from '../../../hooks/use-editor-update-event.ts'
+import { useKeymap } from '../../../hooks/use-keymap.ts'
 
-import type { InlinePopoverEvents, InlinePopoverProps } from './types'
-import { getVirtualSelectionElement } from './virtual-selection-element'
+import type { InlinePopoverEvents, InlinePopoverProps } from './types.ts'
+import { getVirtualSelectionElement } from './virtual-selection-element.ts'
 
 /**
  * @internal

package/src/components/popover/index.gen.ts

@@ -1,13 +1,13 @@
 // This file is generated by packages/dev/src/gen-components.ts
 
-export { PopoverContentElement } from './popover-content/element.gen'
-export { popoverContentEvents, popoverContentProps, type PopoverContentEvents, type PopoverContentProps } from './popover-content/types'
-export { usePopoverContent } from './popover-content/setup'
+export { PopoverContentElement } from './popover-content/element.gen.ts'
+export { popoverContentEvents, popoverContentProps, type PopoverContentEvents, type PopoverContentProps } from './popover-content/types.ts'
+export { usePopoverContent } from './popover-content/setup.ts'
 
-export { PopoverRootElement } from './popover-root/element.gen'
-export { popoverRootEvents, popoverRootProps, type PopoverRootEvents, type PopoverRootProps } from './popover-root/types'
-export { usePopoverRoot } from './popover-root/setup'
+export { PopoverRootElement } from './popover-root/element.gen.ts'
+export { popoverRootEvents, popoverRootProps, type PopoverRootEvents, type PopoverRootProps } from './popover-root/types.ts'
+export { usePopoverRoot } from './popover-root/setup.ts'
 
-export { PopoverTriggerElement } from './popover-trigger/element.gen'
-export { popoverTriggerEvents, popoverTriggerProps, type PopoverTriggerEvents, type PopoverTriggerProps } from './popover-trigger/types'
-export { usePopoverTrigger } from './popover-trigger/setup'
+export { PopoverTriggerElement } from './popover-trigger/element.gen.ts'
+export { popoverTriggerEvents, popoverTriggerProps, type PopoverTriggerEvents, type PopoverTriggerProps } from './popover-trigger/types.ts'
+export { usePopoverTrigger } from './popover-trigger/setup.ts'

package/src/components/popover/popover-content/element.gen.ts

@@ -1,7 +1,7 @@
 import { defineCustomElement, registerCustomElement, type BaseElementConstructor } from "@aria-ui/core"
 
-import { usePopoverContent } from "./setup"
-import { popoverContentEvents, popoverContentProps, type PopoverContentEvents, type PopoverContentProps } from "./types"
+import { usePopoverContent } from "./setup.ts"
+import { popoverContentEvents, popoverContentProps, type PopoverContentEvents, type PopoverContentProps } from "./types.ts"
 
 const PopoverContentElementBase: BaseElementConstructor<PopoverContentProps> = defineCustomElement<
   PopoverContentProps,

package/src/components/popover/popover-root/element.gen.ts

@@ -1,7 +1,7 @@
 import { defineCustomElement, registerCustomElement, type BaseElementConstructor } from "@aria-ui/core"
 
-import { usePopoverRoot } from "./setup"
-import { popoverRootEvents, popoverRootProps, type PopoverRootEvents, type PopoverRootProps } from "./types"
+import { usePopoverRoot } from "./setup.ts"
+import { popoverRootEvents, popoverRootProps, type PopoverRootEvents, type PopoverRootProps } from "./types.ts"
 
 const PopoverRootElementBase: BaseElementConstructor<PopoverRootProps> = defineCustomElement<
   PopoverRootProps,

package/src/components/popover/popover-trigger/element.gen.ts

@@ -1,7 +1,7 @@
 import { defineCustomElement, registerCustomElement, type BaseElementConstructor } from "@aria-ui/core"
 
-import { usePopoverTrigger } from "./setup"
-import { popoverTriggerEvents, popoverTriggerProps, type PopoverTriggerEvents, type PopoverTriggerProps } from "./types"
+import { usePopoverTrigger } from "./setup.ts"
+import { popoverTriggerEvents, popoverTriggerProps, type PopoverTriggerEvents, type PopoverTriggerProps } from "./types.ts"
 
 const PopoverTriggerElementBase: BaseElementConstructor<PopoverTriggerProps> = defineCustomElement<
   PopoverTriggerProps,

package/src/components/resizable/index.gen.ts

@@ -1,9 +1,9 @@
 // This file is generated by packages/dev/src/gen-components.ts
 
-export { ResizableHandleElement } from './resizable-handle/element.gen'
-export { resizableHandleEvents, resizableHandleProps, type ResizableHandleEvents, type ResizableHandleProps } from './resizable-handle/types'
-export { useResizableHandle } from './resizable-handle/setup'
+export { ResizableHandleElement } from './resizable-handle/element.gen.ts'
+export { resizableHandleEvents, resizableHandleProps, type ResizableHandleEvents, type ResizableHandleProps } from './resizable-handle/types.ts'
+export { useResizableHandle } from './resizable-handle/setup.ts'
 
-export { ResizableRootElement } from './resizable-root/element.gen'
-export { resizableRootEvents, resizableRootProps, type ResizableRootEvents, type ResizableRootProps } from './resizable-root/types'
-export { useResizableRoot } from './resizable-root/setup'
+export { ResizableRootElement } from './resizable-root/element.gen.ts'
+export { resizableRootEvents, resizableRootProps, type ResizableRootEvents, type ResizableRootProps } from './resizable-root/types.ts'
+export { useResizableRoot } from './resizable-root/setup.ts'

package/src/components/resizable/resizable-handle/calc-resize.spec.ts

@@ -1,6 +1,6 @@
 import { expect, test } from 'vitest'
 
-import { calcResize } from './calc-resize'
+import { calcResize } from './calc-resize.ts'
 
 test('calcBottomRightResize', () => {
   const testIncrease = (dx: number, dy: number) => {

package/src/components/resizable/resizable-handle/calc-resize.ts

@@ -1,4 +1,4 @@
-import { isFinitePositiveNumber } from '../../../utils/is-finite-positive-number'
+import { isFinitePositiveNumber } from '../../../utils/is-finite-positive-number.ts'
 
 export function calcResize(
   position:

package/src/components/resizable/resizable-handle/element.gen.ts

@@ -1,7 +1,7 @@
 import { defineCustomElement, registerCustomElement, type BaseElementConstructor } from "@aria-ui/core"
 
-import { useResizableHandle } from "./setup"
-import { resizableHandleEvents, resizableHandleProps, type ResizableHandleEvents, type ResizableHandleProps } from "./types"
+import { useResizableHandle } from "./setup.ts"
+import { resizableHandleEvents, resizableHandleProps, type ResizableHandleEvents, type ResizableHandleProps } from "./types.ts"
 
 const ResizableHandleElementBase: BaseElementConstructor<ResizableHandleProps> = defineCustomElement<
   ResizableHandleProps,

package/src/components/resizable/resizable-handle/setup.ts

@@ -1,10 +1,17 @@
 import { createSignal, useEffect, type ConnectableElement, type ReadonlySignal, type SignalState } from '@aria-ui/core'
 import { getWindow } from '@ocavue/utils'
 
-import { onResizeContext, onResizeEndContext, onResizeStartContext, type OnResize, type OnResizeEnd, type OnResizeStart } from '../context'
-
-import { calcResize } from './calc-resize'
-import type { ResizableHandleProps } from './types'
+import {
+  onResizeContext,
+  onResizeEndContext,
+  onResizeStartContext,
+  type OnResize,
+  type OnResizeEnd,
+  type OnResizeStart,
+} from '../context.ts'
+
+import { calcResize } from './calc-resize.ts'
+import type { ResizableHandleProps } from './types.ts'
 
 /**
  * @internal