@prosekit/web 0.7.11 → 0.7.13

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

@@ -1,7 +1,7 @@
 import { defineCustomElement, registerCustomElement, type BaseElementConstructor } from "@aria-ui/core"
 
-import { useResizableRoot } from "./setup"
-import { resizableRootEvents, resizableRootProps, type ResizableRootEvents, type ResizableRootProps } from "./types"
+import { useResizableRoot } from "./setup.ts"
+import { resizableRootEvents, resizableRootProps, type ResizableRootEvents, type ResizableRootProps } from "./types.ts"
 
 const ResizableRootElementBase: BaseElementConstructor<ResizableRootProps> = defineCustomElement<
   ResizableRootProps,

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

@@ -1,9 +1,16 @@
 import { createSignal, useAttribute, useEffect, type ConnectableElement, type SetupOptions } from '@aria-ui/core'
 
-import { isFinitePositiveNumber } from '../../../utils/is-finite-positive-number'
-import { onResizeContext, onResizeEndContext, onResizeStartContext, type OnResize, type OnResizeEnd, type OnResizeStart } from '../context'
-
-import type { ResizableRootEvents, ResizableRootProps } from './types'
+import { isFinitePositiveNumber } from '../../../utils/is-finite-positive-number.ts'
+import {
+  onResizeContext,
+  onResizeEndContext,
+  onResizeStartContext,
+  type OnResize,
+  type OnResizeEnd,
+  type OnResizeStart,
+} from '../context.ts'
+
+import type { ResizableRootEvents, ResizableRootProps } from './types.ts'
 
 /**
  * @internal

package/src/components/resizable/resizable-root/types.ts

@@ -1,16 +1,50 @@
 import type { EventDeclarations, PropDeclarations } from '@aria-ui/core'
 
+import { isFinitePositiveNumber } from '../../../utils/is-finite-positive-number.ts'
+
 export interface ResizableRootProps {
   width: number | null
   height: number | null
   aspectRatio: number | null
 }
 
+function fromNumberAttribute(value: string | null): number | null {
+  if (typeof value === 'string') {
+    const number = Number.parseFloat(value)
+    if (isFinitePositiveNumber(number)) {
+      return number
+    }
+  }
+  return null
+}
+
+function toNumberAttribute(value: number | null): string | null {
+  if (typeof value === 'number') {
+    return `${value}`
+  }
+  return null
+}
+
 /** @internal */
 export const resizableRootProps: PropDeclarations<ResizableRootProps> = {
-  width: { default: null },
-  height: { default: null },
-  aspectRatio: { default: null },
+  width: {
+    default: null,
+    attribute: 'data-width',
+    fromAttribute: fromNumberAttribute,
+    toAttribute: toNumberAttribute,
+  },
+  height: {
+    default: null,
+    attribute: 'data-height',
+    fromAttribute: fromNumberAttribute,
+    toAttribute: toNumberAttribute,
+  },
+  aspectRatio: {
+    default: null,
+    attribute: 'data-aspect-ratio',
+    fromAttribute: fromNumberAttribute,
+    toAttribute: toNumberAttribute,
+  },
 }
 
 export interface ResizableRootEvents {

package/src/components/table-handle/context.ts

@@ -1,6 +1,6 @@
 import { createContext, type Context } from '@aria-ui/core'
 
-import type { DndInfo, HoveringCellInfo } from './utils'
+import type { DndInfo, HoveringCellInfo } from './utils.ts'
 
 /**
  * @internal

package/src/components/table-handle/dnd.ts

@@ -4,10 +4,10 @@ import { isHTMLElement } from '@ocavue/utils'
 import type { Editor } from '@prosekit/core'
 import type { EditorView } from '@prosekit/pm/view'
 
-import { assignStyles } from '../../utils/assign-styles'
-import { getSafeEditorView } from '../../utils/get-safe-editor-view'
+import { assignStyles } from '../../utils/assign-styles.ts'
+import { getSafeEditorView } from '../../utils/get-safe-editor-view.ts'
 
-import { tableHandleDndContext, tableHandleRootContext } from './context'
+import { tableHandleDndContext, tableHandleRootContext } from './context.ts'
 
 export type OnInitParams = {
   host: ConnectableElement

package/src/components/table-handle/hooks/use-drop.ts

@@ -2,8 +2,8 @@ import { createComputed, useEffect, type ConnectableElement, type ReadonlySignal
 import type { Editor } from '@prosekit/core'
 import { moveTableColumn, moveTableRow } from '@prosekit/extensions/table'
 
-import { getSafeEditorView } from '../../../utils/get-safe-editor-view'
-import type { TableHandleDndContext } from '../context'
+import { getSafeEditorView } from '../../../utils/get-safe-editor-view.ts'
+import type { TableHandleDndContext } from '../context.ts'
 
 export function useDrop(
   host: ConnectableElement,

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

@@ -1,37 +1,37 @@
 // This file is generated by packages/dev/src/gen-components.ts
 
-export { TableHandleColumnRootElement } from './table-handle-column-root/element.gen'
-export { tableHandleColumnRootEvents, tableHandleColumnRootProps, type TableHandleColumnRootEvents, type TableHandleColumnRootProps } from './table-handle-column-root/types'
-export { useTableHandleColumnRoot } from './table-handle-column-root/setup'
+export { TableHandleColumnRootElement } from './table-handle-column-root/element.gen.ts'
+export { tableHandleColumnRootEvents, tableHandleColumnRootProps, type TableHandleColumnRootEvents, type TableHandleColumnRootProps } from './table-handle-column-root/types.ts'
+export { useTableHandleColumnRoot } from './table-handle-column-root/setup.ts'
 
-export { TableHandleColumnTriggerElement } from './table-handle-column-trigger/element.gen'
-export { tableHandleColumnTriggerEvents, tableHandleColumnTriggerProps, type TableHandleColumnTriggerEvents, type TableHandleColumnTriggerProps } from './table-handle-column-trigger/types'
-export { useTableHandleColumnTrigger } from './table-handle-column-trigger/setup'
+export { TableHandleColumnTriggerElement } from './table-handle-column-trigger/element.gen.ts'
+export { tableHandleColumnTriggerEvents, tableHandleColumnTriggerProps, type TableHandleColumnTriggerEvents, type TableHandleColumnTriggerProps } from './table-handle-column-trigger/types.ts'
+export { useTableHandleColumnTrigger } from './table-handle-column-trigger/setup.ts'
 
-export { TableHandleDragPreviewElement } from './table-handle-drag-preview/element.gen'
-export { tableHandleDragPreviewEvents, tableHandleDragPreviewProps, type TableHandleDragPreviewEvents, type TableHandleDragPreviewProps } from './table-handle-drag-preview/types'
-export { useTableHandleDragPreview } from './table-handle-drag-preview/setup'
+export { TableHandleDragPreviewElement } from './table-handle-drag-preview/element.gen.ts'
+export { tableHandleDragPreviewEvents, tableHandleDragPreviewProps, type TableHandleDragPreviewEvents, type TableHandleDragPreviewProps } from './table-handle-drag-preview/types.ts'
+export { useTableHandleDragPreview } from './table-handle-drag-preview/setup.ts'
 
-export { TableHandleDropIndicatorElement } from './table-handle-drop-indicator/element.gen'
-export { tableHandleDropIndicatorEvents, tableHandleDropIndicatorProps, type TableHandleDropIndicatorEvents, type TableHandleDropIndicatorProps } from './table-handle-drop-indicator/types'
-export { useTableHandleDropIndicator } from './table-handle-drop-indicator/setup'
+export { TableHandleDropIndicatorElement } from './table-handle-drop-indicator/element.gen.ts'
+export { tableHandleDropIndicatorEvents, tableHandleDropIndicatorProps, type TableHandleDropIndicatorEvents, type TableHandleDropIndicatorProps } from './table-handle-drop-indicator/types.ts'
+export { useTableHandleDropIndicator } from './table-handle-drop-indicator/setup.ts'
 
-export { TableHandlePopoverContentElement } from './table-handle-popover-content/element.gen'
-export { tableHandlePopoverContentEvents, tableHandlePopoverContentProps, type TableHandlePopoverContentEvents, type TableHandlePopoverContentProps } from './table-handle-popover-content/types'
-export { useTableHandlePopoverContent } from './table-handle-popover-content/setup'
+export { TableHandlePopoverContentElement } from './table-handle-popover-content/element.gen.ts'
+export { tableHandlePopoverContentEvents, tableHandlePopoverContentProps, type TableHandlePopoverContentEvents, type TableHandlePopoverContentProps } from './table-handle-popover-content/types.ts'
+export { useTableHandlePopoverContent } from './table-handle-popover-content/setup.ts'
 
-export { TableHandlePopoverItemElement } from './table-handle-popover-item/element.gen'
-export { tableHandlePopoverItemEvents, tableHandlePopoverItemProps, type TableHandlePopoverItemEvents, type TableHandlePopoverItemProps } from './table-handle-popover-item/types'
-export { useTableHandlePopoverItem } from './table-handle-popover-item/setup'
+export { TableHandlePopoverItemElement } from './table-handle-popover-item/element.gen.ts'
+export { tableHandlePopoverItemEvents, tableHandlePopoverItemProps, type TableHandlePopoverItemEvents, type TableHandlePopoverItemProps } from './table-handle-popover-item/types.ts'
+export { useTableHandlePopoverItem } from './table-handle-popover-item/setup.ts'
 
-export { TableHandleRootElement } from './table-handle-root/element.gen'
-export { tableHandleRootEvents, tableHandleRootProps, type TableHandleRootEvents, type TableHandleRootProps } from './table-handle-root/types'
-export { useTableHandleRoot } from './table-handle-root/setup'
+export { TableHandleRootElement } from './table-handle-root/element.gen.ts'
+export { tableHandleRootEvents, tableHandleRootProps, type TableHandleRootEvents, type TableHandleRootProps } from './table-handle-root/types.ts'
+export { useTableHandleRoot } from './table-handle-root/setup.ts'
 
-export { TableHandleRowRootElement } from './table-handle-row-root/element.gen'
-export { tableHandleRowRootEvents, tableHandleRowRootProps, type TableHandleRowRootEvents, type TableHandleRowRootProps } from './table-handle-row-root/types'
-export { useTableHandleRowRoot } from './table-handle-row-root/setup'
+export { TableHandleRowRootElement } from './table-handle-row-root/element.gen.ts'
+export { tableHandleRowRootEvents, tableHandleRowRootProps, type TableHandleRowRootEvents, type TableHandleRowRootProps } from './table-handle-row-root/types.ts'
+export { useTableHandleRowRoot } from './table-handle-row-root/setup.ts'
 
-export { TableHandleRowTriggerElement } from './table-handle-row-trigger/element.gen'
-export { tableHandleRowTriggerEvents, tableHandleRowTriggerProps, type TableHandleRowTriggerEvents, type TableHandleRowTriggerProps } from './table-handle-row-trigger/types'
-export { useTableHandleRowTrigger } from './table-handle-row-trigger/setup'
+export { TableHandleRowTriggerElement } from './table-handle-row-trigger/element.gen.ts'
+export { tableHandleRowTriggerEvents, tableHandleRowTriggerProps, type TableHandleRowTriggerEvents, type TableHandleRowTriggerProps } from './table-handle-row-trigger/types.ts'
+export { useTableHandleRowTrigger } from './table-handle-row-trigger/setup.ts'

package/src/components/table-handle/table-handle-column-root/element.gen.ts

@@ -1,7 +1,7 @@
 import { defineCustomElement, registerCustomElement, type BaseElementConstructor } from "@aria-ui/core"
 
-import { useTableHandleColumnRoot } from "./setup"
-import { tableHandleColumnRootEvents, tableHandleColumnRootProps, type TableHandleColumnRootEvents, type TableHandleColumnRootProps } from "./types"
+import { useTableHandleColumnRoot } from "./setup.ts"
+import { tableHandleColumnRootEvents, tableHandleColumnRootProps, type TableHandleColumnRootEvents, type TableHandleColumnRootProps } from "./types.ts"
 
 const TableHandleColumnRootElementBase: BaseElementConstructor<TableHandleColumnRootProps> = defineCustomElement<
   TableHandleColumnRootProps,

package/src/components/table-handle/table-handle-column-root/setup.ts

@@ -3,11 +3,11 @@ import { menuRootProps, useMenuRoot, type MenuRootProps } from '@aria-ui/menu/el
 import { useOverlayPositionerState } from '@aria-ui/overlay/elements'
 import { usePresence } from '@aria-ui/presence'
 
-import { getStateWithDefaults } from '../../../utils/get-default-state'
-import { getSafeEditorView } from '../../../utils/get-safe-editor-view'
-import { tableHandleRootContext } from '../context'
+import { getStateWithDefaults } from '../../../utils/get-default-state.ts'
+import { getSafeEditorView } from '../../../utils/get-safe-editor-view.ts'
+import { tableHandleRootContext } from '../context.ts'
 
-import type { TableHandleColumnRootProps } from './types'
+import type { TableHandleColumnRootProps } from './types.ts'
 
 /**
  * @internal

package/src/components/table-handle/table-handle-column-trigger/element.gen.ts

@@ -1,7 +1,7 @@
 import { defineCustomElement, registerCustomElement, type BaseElementConstructor } from "@aria-ui/core"
 
-import { useTableHandleColumnTrigger } from "./setup"
-import { tableHandleColumnTriggerEvents, tableHandleColumnTriggerProps, type TableHandleColumnTriggerEvents, type TableHandleColumnTriggerProps } from "./types"
+import { useTableHandleColumnTrigger } from "./setup.ts"
+import { tableHandleColumnTriggerEvents, tableHandleColumnTriggerProps, type TableHandleColumnTriggerEvents, type TableHandleColumnTriggerProps } from "./types.ts"
 
 const TableHandleColumnTriggerElementBase: BaseElementConstructor<TableHandleColumnTriggerProps> = defineCustomElement<
   TableHandleColumnTriggerProps,

package/src/components/table-handle/table-handle-column-trigger/setup.ts

@@ -2,10 +2,10 @@ import { useEffect, useEventListener, type ConnectableElement, type SetupOptions
 import { useMenuTrigger } from '@aria-ui/menu/elements'
 import { selectTableColumn } from '@prosekit/extensions/table'
 
-import { tableHandleDndContext, tableHandleRootContext } from '../context'
-import { useEmptyImage } from '../hooks/use-empty-image'
+import { tableHandleDndContext, tableHandleRootContext } from '../context.ts'
+import { useEmptyImage } from '../hooks/use-empty-image.ts'
 
-import type { TableHandleColumnTriggerEvents, TableHandleColumnTriggerProps } from './types'
+import type { TableHandleColumnTriggerEvents, TableHandleColumnTriggerProps } from './types.ts'
 
 /**
  * @internal

package/src/components/table-handle/table-handle-drag-preview/element.gen.ts

@@ -1,7 +1,7 @@
 import { defineCustomElement, registerCustomElement, type BaseElementConstructor } from "@aria-ui/core"
 
-import { useTableHandleDragPreview } from "./setup"
-import { tableHandleDragPreviewEvents, tableHandleDragPreviewProps, type TableHandleDragPreviewEvents, type TableHandleDragPreviewProps } from "./types"
+import { useTableHandleDragPreview } from "./setup.ts"
+import { tableHandleDragPreviewEvents, tableHandleDragPreviewProps, type TableHandleDragPreviewEvents, type TableHandleDragPreviewProps } from "./types.ts"
 
 const TableHandleDragPreviewElementBase: BaseElementConstructor<TableHandleDragPreviewProps> = defineCustomElement<
   TableHandleDragPreviewProps,

package/src/components/table-handle/table-handle-drag-preview/render-preview.ts

@@ -1,8 +1,8 @@
-import { assignStyles } from '../../../utils/assign-styles'
-import { cloneElement, deepCloneElement } from '../../../utils/clone-element'
-import { fadeColor } from '../../../utils/fade-color'
-import { getEffectiveBackgroundColor } from '../../../utils/get-effective-background-color'
-import { injectStyle } from '../../../utils/inject-style'
+import { assignStyles } from '../../../utils/assign-styles.ts'
+import { cloneElement, deepCloneElement } from '../../../utils/clone-element.ts'
+import { fadeColor } from '../../../utils/fade-color.ts'
+import { getEffectiveBackgroundColor } from '../../../utils/get-effective-background-color.ts'
+import { injectStyle } from '../../../utils/inject-style.ts'
 
 export function clearPreviewDOM(previewRoot: HTMLElement): void {
   while (previewRoot.firstChild) {

package/src/components/table-handle/table-handle-drag-preview/setup.ts

@@ -1,11 +1,11 @@
 import { useEffect, type ConnectableElement, type SignalState } from '@aria-ui/core'
 
-import { assignStyles } from '../../../utils/assign-styles'
-import { useInitDndPosition, type OnInitParams } from '../dnd'
+import { assignStyles } from '../../../utils/assign-styles.ts'
+import { useInitDndPosition, type OnInitParams } from '../dnd.ts'
 
-import { clearPreviewDOM, createPreviewDOM } from './render-preview'
-import type { TableHandleDragPreviewProps } from './types'
-import { useUpdatePreviewPosition } from './updater'
+import { clearPreviewDOM, createPreviewDOM } from './render-preview.ts'
+import type { TableHandleDragPreviewProps } from './types.ts'
+import { useUpdatePreviewPosition } from './updater.ts'
 
 /**
  * @internal

package/src/components/table-handle/table-handle-drag-preview/updater.ts

@@ -2,10 +2,10 @@ import { createComputed, useEffect, type ConnectableElement, type ReadonlySignal
 import { computePosition, type ReferenceElement } from '@floating-ui/dom'
 import type { Editor } from '@prosekit/core'
 
-import { assignStyles } from '../../../utils/assign-styles'
-import { getSafeEditorView } from '../../../utils/get-safe-editor-view'
-import { tableHandleDndContext, tableHandleRootContext } from '../context'
-import { getDndRelatedDOMs } from '../dnd'
+import { assignStyles } from '../../../utils/assign-styles.ts'
+import { getSafeEditorView } from '../../../utils/get-safe-editor-view.ts'
+import { tableHandleDndContext, tableHandleRootContext } from '../context.ts'
+import { getDndRelatedDOMs } from '../dnd.ts'
 
 export function useUpdatePreviewPosition(host: ConnectableElement, editor: ReadonlySignal<Editor | null>): void {
   const dndContext = tableHandleDndContext.consume(host)

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

@@ -1,7 +1,7 @@
 import { defineCustomElement, registerCustomElement, type BaseElementConstructor } from "@aria-ui/core"
 
-import { useTableHandleDropIndicator } from "./setup"
-import { tableHandleDropIndicatorEvents, tableHandleDropIndicatorProps, type TableHandleDropIndicatorEvents, type TableHandleDropIndicatorProps } from "./types"
+import { useTableHandleDropIndicator } from "./setup.ts"
+import { tableHandleDropIndicatorEvents, tableHandleDropIndicatorProps, type TableHandleDropIndicatorEvents, type TableHandleDropIndicatorProps } from "./types.ts"
 
 const TableHandleDropIndicatorElementBase: BaseElementConstructor<TableHandleDropIndicatorProps> = defineCustomElement<
   TableHandleDropIndicatorProps,

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

@@ -1,10 +1,10 @@
 import { useEffect, type ConnectableElement, type SignalState } from '@aria-ui/core'
 
-import { assignStyles } from '../../../utils/assign-styles'
-import { useInitDndPosition, type OnInitParams } from '../dnd'
+import { assignStyles } from '../../../utils/assign-styles.ts'
+import { useInitDndPosition, type OnInitParams } from '../dnd.ts'
 
-import type { TableHandleDropIndicatorProps } from './types'
-import { useUpdateIndicatorPosition } from './updater'
+import type { TableHandleDropIndicatorProps } from './types.ts'
+import { useUpdateIndicatorPosition } from './updater.ts'
 
 const HANDLE_WIDTH = 2
 

package/src/components/table-handle/table-handle-drop-indicator/updater.ts

@@ -2,12 +2,12 @@ import { createComputed, useEffect, type ConnectableElement, type ReadonlySignal
 import { computePosition, offset } from '@floating-ui/dom'
 import type { Editor } from '@prosekit/core'
 
-import { assignStyles } from '../../../utils/assign-styles'
-import { getSafeEditorView } from '../../../utils/get-safe-editor-view'
-import { tableHandleDndContext, tableHandleRootContext } from '../context'
-import { getDndRelatedDOMs } from '../dnd'
+import { assignStyles } from '../../../utils/assign-styles.ts'
+import { getSafeEditorView } from '../../../utils/get-safe-editor-view.ts'
+import { tableHandleDndContext, tableHandleRootContext } from '../context.ts'
+import { getDndRelatedDOMs } from '../dnd.ts'
 
-import { getDragOverColumn, getDragOverRow } from './calc-drag-over'
+import { getDragOverColumn, getDragOverRow } from './calc-drag-over.ts'
 
 export function useUpdateIndicatorPosition(host: ConnectableElement, editor: ReadonlySignal<Editor | null>, handleWidth: number): void {
   const dndContext = tableHandleDndContext.consume(host)

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

@@ -1,7 +1,7 @@
 import { defineCustomElement, registerCustomElement, type BaseElementConstructor } from "@aria-ui/core"
 
-import { useTableHandlePopoverContent } from "./setup"
-import { tableHandlePopoverContentEvents, tableHandlePopoverContentProps, type TableHandlePopoverContentEvents, type TableHandlePopoverContentProps } from "./types"
+import { useTableHandlePopoverContent } from "./setup.ts"
+import { tableHandlePopoverContentEvents, tableHandlePopoverContentProps, type TableHandlePopoverContentEvents, type TableHandlePopoverContentProps } from "./types.ts"
 
 const TableHandlePopoverContentElementBase: BaseElementConstructor<TableHandlePopoverContentProps> = defineCustomElement<
   TableHandlePopoverContentProps,

package/src/components/table-handle/table-handle-popover-content/setup.ts

@@ -10,10 +10,10 @@ import {
 } from '@aria-ui/core'
 import { menuContentProps, useMenuContent, type MenuContentProps } from '@aria-ui/menu/elements'
 
-import { getStateWithDefaults } from '../../../utils/get-default-state'
-import { tableHandleRootContext } from '../context'
+import { getStateWithDefaults } from '../../../utils/get-default-state.ts'
+import { tableHandleRootContext } from '../context.ts'
 
-import type { TableHandlePopoverContentEvents, TableHandlePopoverContentProps } from './types'
+import type { TableHandlePopoverContentEvents, TableHandlePopoverContentProps } from './types.ts'
 
 /**
  * @internal

package/src/components/table-handle/table-handle-popover-item/element.gen.ts

@@ -1,7 +1,7 @@
 import { defineCustomElement, registerCustomElement, type BaseElementConstructor } from "@aria-ui/core"
 
-import { useTableHandlePopoverItem } from "./setup"
-import { tableHandlePopoverItemEvents, tableHandlePopoverItemProps, type TableHandlePopoverItemEvents, type TableHandlePopoverItemProps } from "./types"
+import { useTableHandlePopoverItem } from "./setup.ts"
+import { tableHandlePopoverItemEvents, tableHandlePopoverItemProps, type TableHandlePopoverItemEvents, type TableHandlePopoverItemProps } from "./types.ts"
 
 const TableHandlePopoverItemElementBase: BaseElementConstructor<TableHandlePopoverItemProps> = defineCustomElement<
   TableHandlePopoverItemProps,

package/src/components/table-handle/table-handle-popover-item/setup.ts

@@ -1,7 +1,7 @@
 import type { ConnectableElement, SetupOptions } from '@aria-ui/core'
 import { useMenuItem } from '@aria-ui/menu/elements'
 
-import type { TableHandlePopoverItemEvents, TableHandlePopoverItemProps } from './types'
+import type { TableHandlePopoverItemEvents, TableHandlePopoverItemProps } from './types.ts'
 
 /**
  * @internal

package/src/components/table-handle/table-handle-root/element.gen.ts

@@ -1,7 +1,7 @@
 import { defineCustomElement, registerCustomElement, type BaseElementConstructor } from "@aria-ui/core"
 
-import { useTableHandleRoot } from "./setup"
-import { tableHandleRootEvents, tableHandleRootProps, type TableHandleRootEvents, type TableHandleRootProps } from "./types"
+import { useTableHandleRoot } from "./setup.ts"
+import { tableHandleRootEvents, tableHandleRootProps, type TableHandleRootEvents, type TableHandleRootProps } from "./types.ts"
 
 const TableHandleRootElementBase: BaseElementConstructor<TableHandleRootProps> = defineCustomElement<
   TableHandleRootProps,

package/src/components/table-handle/table-handle-root/setup.ts

@@ -10,21 +10,21 @@ import {
 import { defineDOMEventHandler, type Editor } from '@prosekit/core'
 import type { EditorView } from '@prosekit/pm/view'
 
-import { useEditorExtension } from '../../../hooks/use-editor-extension'
-import { useEditorTyping } from '../../../hooks/use-editor-typing'
-import { useScrolling } from '../../../hooks/use-scrolling'
-import { useSelecting } from '../../../hooks/use-selecting'
+import { useEditorExtension } from '../../../hooks/use-editor-extension.ts'
+import { useEditorTyping } from '../../../hooks/use-editor-typing.ts'
+import { useScrolling } from '../../../hooks/use-scrolling.ts'
+import { useSelecting } from '../../../hooks/use-selecting.ts'
 import {
   defaultTableHandleDndContext,
   tableHandleDndContext,
   tableHandleRootContext,
   type TableHandleDndContext,
   type TableHandleRootContext,
-} from '../context'
-import { useDrop } from '../hooks/use-drop'
-import { getHoveringCell, isHoveringCellInfoEqual, type HoveringCellInfo } from '../utils'
+} from '../context.ts'
+import { useDrop } from '../hooks/use-drop.ts'
+import { getHoveringCell, isHoveringCellInfoEqual, type HoveringCellInfo } from '../utils.ts'
 
-import type { TableHandleRootProps } from './types'
+import type { TableHandleRootProps } from './types.ts'
 
 /**
  * @internal

package/src/components/table-handle/table-handle-row-root/element.gen.ts

@@ -1,7 +1,7 @@
 import { defineCustomElement, registerCustomElement, type BaseElementConstructor } from "@aria-ui/core"
 
-import { useTableHandleRowRoot } from "./setup"
-import { tableHandleRowRootEvents, tableHandleRowRootProps, type TableHandleRowRootEvents, type TableHandleRowRootProps } from "./types"
+import { useTableHandleRowRoot } from "./setup.ts"
+import { tableHandleRowRootEvents, tableHandleRowRootProps, type TableHandleRowRootEvents, type TableHandleRowRootProps } from "./types.ts"
 
 const TableHandleRowRootElementBase: BaseElementConstructor<TableHandleRowRootProps> = defineCustomElement<
   TableHandleRowRootProps,

package/src/components/table-handle/table-handle-row-root/setup.ts

@@ -11,11 +11,11 @@ import { menuRootEvents, menuRootProps, useMenuRoot } from '@aria-ui/menu/elemen
 import { useOverlayPositionerState } from '@aria-ui/overlay/elements'
 import { usePresence } from '@aria-ui/presence'
 
-import { getStateWithDefaults } from '../../../utils/get-default-state'
-import { getSafeEditorView } from '../../../utils/get-safe-editor-view'
-import { tableHandleRootContext } from '../context'
+import { getStateWithDefaults } from '../../../utils/get-default-state.ts'
+import { getSafeEditorView } from '../../../utils/get-safe-editor-view.ts'
+import { tableHandleRootContext } from '../context.ts'
 
-import type { TableHandleRowRootEvents, TableHandleRowRootProps } from './types'
+import type { TableHandleRowRootEvents, TableHandleRowRootProps } from './types.ts'
 
 /**
  * @internal

package/src/components/table-handle/table-handle-row-trigger/element.gen.ts

@@ -1,7 +1,7 @@
 import { defineCustomElement, registerCustomElement, type BaseElementConstructor } from "@aria-ui/core"
 
-import { useTableHandleRowTrigger } from "./setup"
-import { tableHandleRowTriggerEvents, tableHandleRowTriggerProps, type TableHandleRowTriggerEvents, type TableHandleRowTriggerProps } from "./types"
+import { useTableHandleRowTrigger } from "./setup.ts"
+import { tableHandleRowTriggerEvents, tableHandleRowTriggerProps, type TableHandleRowTriggerEvents, type TableHandleRowTriggerProps } from "./types.ts"
 
 const TableHandleRowTriggerElementBase: BaseElementConstructor<TableHandleRowTriggerProps> = defineCustomElement<
   TableHandleRowTriggerProps,

package/src/components/table-handle/table-handle-row-trigger/setup.ts

@@ -2,10 +2,10 @@ import { useEffect, useEventListener, type ConnectableElement, type SetupOptions
 import { useMenuTrigger } from '@aria-ui/menu/elements'
 import { selectTableRow } from '@prosekit/extensions/table'
 
-import { tableHandleDndContext, tableHandleRootContext } from '../context'
-import { useEmptyImage } from '../hooks/use-empty-image'
+import { tableHandleDndContext, tableHandleRootContext } from '../context.ts'
+import { useEmptyImage } from '../hooks/use-empty-image.ts'
 
-import type { TableHandleRowTriggerEvents, TableHandleRowTriggerProps } from './types'
+import type { TableHandleRowTriggerEvents, TableHandleRowTriggerProps } from './types.ts'
 
 /**
  * @internal

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

@@ -1,13 +1,13 @@
 // This file is generated by packages/dev/src/gen-components.ts
 
-export { TooltipContentElement } from './tooltip-content/element.gen'
-export { tooltipContentEvents, tooltipContentProps, type TooltipContentEvents, type TooltipContentProps } from './tooltip-content/types'
-export { useTooltipContent } from './tooltip-content/setup'
+export { TooltipContentElement } from './tooltip-content/element.gen.ts'
+export { tooltipContentEvents, tooltipContentProps, type TooltipContentEvents, type TooltipContentProps } from './tooltip-content/types.ts'
+export { useTooltipContent } from './tooltip-content/setup.ts'
 
-export { TooltipRootElement } from './tooltip-root/element.gen'
-export { tooltipRootEvents, tooltipRootProps, type TooltipRootEvents, type TooltipRootProps } from './tooltip-root/types'
-export { useTooltipRoot } from './tooltip-root/setup'
+export { TooltipRootElement } from './tooltip-root/element.gen.ts'
+export { tooltipRootEvents, tooltipRootProps, type TooltipRootEvents, type TooltipRootProps } from './tooltip-root/types.ts'
+export { useTooltipRoot } from './tooltip-root/setup.ts'
 
-export { TooltipTriggerElement } from './tooltip-trigger/element.gen'
-export { tooltipTriggerEvents, tooltipTriggerProps, type TooltipTriggerEvents, type TooltipTriggerProps } from './tooltip-trigger/types'
-export { useTooltipTrigger } from './tooltip-trigger/setup'
+export { TooltipTriggerElement } from './tooltip-trigger/element.gen.ts'
+export { tooltipTriggerEvents, tooltipTriggerProps, type TooltipTriggerEvents, type TooltipTriggerProps } from './tooltip-trigger/types.ts'
+export { useTooltipTrigger } from './tooltip-trigger/setup.ts'

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

@@ -1,7 +1,7 @@
 import { defineCustomElement, registerCustomElement, type BaseElementConstructor } from "@aria-ui/core"
 
-import { useTooltipContent } from "./setup"
-import { tooltipContentEvents, tooltipContentProps, type TooltipContentEvents, type TooltipContentProps } from "./types"
+import { useTooltipContent } from "./setup.ts"
+import { tooltipContentEvents, tooltipContentProps, type TooltipContentEvents, type TooltipContentProps } from "./types.ts"
 
 const TooltipContentElementBase: BaseElementConstructor<TooltipContentProps> = defineCustomElement<
   TooltipContentProps,

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

@@ -1,7 +1,7 @@
 import { defineCustomElement, registerCustomElement, type BaseElementConstructor } from "@aria-ui/core"
 
-import { useTooltipRoot } from "./setup"
-import { tooltipRootEvents, tooltipRootProps, type TooltipRootEvents, type TooltipRootProps } from "./types"
+import { useTooltipRoot } from "./setup.ts"
+import { tooltipRootEvents, tooltipRootProps, type TooltipRootEvents, type TooltipRootProps } from "./types.ts"
 
 const TooltipRootElementBase: BaseElementConstructor<TooltipRootProps> = defineCustomElement<
   TooltipRootProps,

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

@@ -1,7 +1,7 @@
 import { defineCustomElement, registerCustomElement, type BaseElementConstructor } from "@aria-ui/core"
 
-import { useTooltipTrigger } from "./setup"
-import { tooltipTriggerEvents, tooltipTriggerProps, type TooltipTriggerEvents, type TooltipTriggerProps } from "./types"
+import { useTooltipTrigger } from "./setup.ts"
+import { tooltipTriggerEvents, tooltipTriggerProps, type TooltipTriggerEvents, type TooltipTriggerProps } from "./types.ts"
 
 const TooltipTriggerElementBase: BaseElementConstructor<TooltipTriggerProps> = defineCustomElement<
   TooltipTriggerProps,

package/src/constants.ts

@@ -0,0 +1 @@
+export const DRAGGING_CLASS_NAME = 'prosekit-dragging'

package/src/hooks/use-editor-focus-event.ts

@@ -1,7 +1,7 @@
 import type { ConnectableElement, ReadonlySignal } from '@aria-ui/core'
 import { defineFocusChangeHandler, type Editor, type FocusChangeHandler } from '@prosekit/core'
 
-import { useEditorExtension } from './use-editor-extension'
+import { useEditorExtension } from './use-editor-extension.ts'
 
 /**
  * @internal

package/src/hooks/use-editor-typing.ts

@@ -1,7 +1,7 @@
 import { createSignal, type ConnectableElement, type ReadonlySignal } from '@aria-ui/core'
 import { defineDOMEventHandler, union, type Editor } from '@prosekit/core'
 
-import { useEditorExtension } from './use-editor-extension'
+import { useEditorExtension } from './use-editor-extension.ts'
 
 export function useEditorTyping(
   host: ConnectableElement,

package/src/hooks/use-editor-update-event.ts

@@ -1,7 +1,7 @@
 import type { ConnectableElement, ReadonlySignal } from '@aria-ui/core'
 import { defineUpdateHandler, type Editor, type UpdateHandler } from '@prosekit/core'
 
-import { useEditorExtension } from './use-editor-extension'
+import { useEditorExtension } from './use-editor-extension.ts'
 
 /**
  * @internal

package/src/hooks/use-keymap.ts

@@ -1,7 +1,7 @@
 import type { ConnectableElement, ReadonlySignal } from '@aria-ui/core'
 import { defineKeymap, type Editor, type Keymap } from '@prosekit/core'
 
-import { useEditorExtension } from './use-editor-extension'
+import { useEditorExtension } from './use-editor-extension.ts'
 
 export function useKeymap(
   host: ConnectableElement,