@prosekit/svelte 0.8.10 → 0.9.0-beta.1

package/src/components/tooltip/tooltip-root.gen.svelte

@@ -1,23 +1,32 @@
+<!-- This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly. -->
+
 <script lang="ts">
-import '@prosekit/web/tooltip'
+  import { registerTooltipRootElement } from '@prosekit/web/tooltip'
+  import type { TooltipRootElement } from '@prosekit/web/tooltip'
+  registerTooltipRootElement()
+
+  let { defaultOpen: p0, disabled: p1, open: p2, onOpenChange: e0, children = undefined, ...restProps } = $props()
+  let element: TooltipRootElement | undefined
+  const handlers: EventListener[] = []
+
+  $effect(() => {
+    if (!element) return
+
+    Object.assign(element, { defaultOpen: p0, disabled: p1, open: p2 })
 
-import { tooltipRootProps, tooltipRootEvents } from '@prosekit/web/tooltip'
-import { ClientUpdate } from '../client-update/index.ts'
-import { useComponent } from '../use-component.ts'
-import { useEventHandlers } from '../use-event-handlers.ts'
+    handlers.length = 0
+    handlers.push(e0)
+  })
 
-let attributes: Record<string, unknown> = {}
-let eventHandlers: Record<string, (...args: any[]) => any> = {}
-let element: HTMLElement | undefined = undefined
-const handleChange = useComponent(Object.keys(tooltipRootProps), Object.keys(tooltipRootEvents))
+  $effect(() => {
+    if (!element) return
 
-$: {
-  [attributes, eventHandlers] = handleChange(element, $$props)
-}
+    const ac = new AbortController()
+    for (const [index, eventName] of ["openChange"].entries()) {
+      element.addEventListener(eventName, (event) => handlers[index]?.(event), { signal: ac.signal })
+    }
+    return () => ac.abort()
+  })
 </script>
 
-<ClientUpdate>
-  <prosekit-tooltip-root {...attributes} use:useEventHandlers={eventHandlers} bind:this={element}>
-    <slot />
-  </prosekit-tooltip-root>
-</ClientUpdate>
+<prosekit-tooltip-root {...restProps} bind:this={element}>{@render children?.()}</prosekit-tooltip-root>

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

@@ -1,14 +1,44 @@
-import type { TooltipRootElement, TooltipRootProps as Props, TooltipRootEvents as Events } from '@prosekit/web/tooltip'    
-import type { SvelteComponent } from 'svelte'
-import type { HTMLAttributes } from 'svelte/elements'
+/**
+ * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+ */
+
+import type { TooltipRootEvents, TooltipRootProps as TooltipRootElementProps } from '@prosekit/web/tooltip';
+import type { Component, Snippet } from 'svelte';
 
-import type { CreateProps } from '../create-props.ts'
+import TooltipRootComponent from './tooltip-root.gen.svelte';
 
-import Component from './tooltip-root.gen.svelte'
+/**
+ * Props for the {@link TooltipRoot} Svelte component.
+ *
+ * @public
+ */
+export interface TooltipRootProps {
+  /**
+   * Whether the overlay is initially open.
+   * @default false
+   */
+  defaultOpen?: TooltipRootElementProps['defaultOpen'];
+  /**
+   * Whether the overlay is currently open.
+   * @default null
+   */
+  open?: TooltipRootElementProps['open'];
+  /**
+   * Whether the component should ignore user interaction.
+   * @default false
+   */
+  disabled?: TooltipRootElementProps['disabled'];
+  /** Emitted when the tooltip is opened or closed. */
+  onOpenChange?: (event: TooltipRootEvents['openChange']) => void;
+  children?: Snippet;
+  [key: string]: unknown;
+}
 
 /**
- * Props for the {@link TooltipRoot} component.
+ * A Svelte component that renders an `prosekit-tooltip-root` custom element.
+ *
+ * @public
  */
-export interface TooltipRootProps extends Partial<CreateProps<Props, Events>> {}
+export const TooltipRoot: Component<TooltipRootProps> = TooltipRootComponent as unknown as Component<TooltipRootProps>;
 
-export const TooltipRoot = Component as typeof SvelteComponent<TooltipRootProps & HTMLAttributes<TooltipRootElement>>
+export type { TooltipRootEvents };

package/src/components/tooltip/tooltip-trigger.gen.svelte

@@ -1,23 +1,18 @@
+<!-- This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly. -->
+
 <script lang="ts">
-import '@prosekit/web/tooltip'
+  import { registerTooltipTriggerElement } from '@prosekit/web/tooltip'
+  import type { TooltipTriggerElement } from '@prosekit/web/tooltip'
+  registerTooltipTriggerElement()
 
-import { tooltipTriggerProps, tooltipTriggerEvents } from '@prosekit/web/tooltip'
-import { ClientUpdate } from '../client-update/index.ts'
-import { useComponent } from '../use-component.ts'
-import { useEventHandlers } from '../use-event-handlers.ts'
+  let { closeDelay: p0, disabled: p1, openDelay: p2, children = undefined, ...restProps } = $props()
+  let element: TooltipTriggerElement | undefined
 
-let attributes: Record<string, unknown> = {}
-let eventHandlers: Record<string, (...args: any[]) => any> = {}
-let element: HTMLElement | undefined = undefined
-const handleChange = useComponent(Object.keys(tooltipTriggerProps), Object.keys(tooltipTriggerEvents))
+  $effect(() => {
+    if (!element) return
 
-$: {
-  [attributes, eventHandlers] = handleChange(element, $$props)
-}
+    Object.assign(element, { closeDelay: p0, disabled: p1, openDelay: p2 })
+  })
 </script>
 
-<ClientUpdate>
-  <prosekit-tooltip-trigger {...attributes} use:useEventHandlers={eventHandlers} bind:this={element}>
-    <slot />
-  </prosekit-tooltip-trigger>
-</ClientUpdate>
+<prosekit-tooltip-trigger {...restProps} bind:this={element}>{@render children?.()}</prosekit-tooltip-trigger>

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

@@ -1,14 +1,40 @@
-import type { TooltipTriggerElement, TooltipTriggerProps as Props, TooltipTriggerEvents as Events } from '@prosekit/web/tooltip'    
-import type { SvelteComponent } from 'svelte'
-import type { HTMLAttributes } from 'svelte/elements'
+/**
+ * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+ */
 
-import type { CreateProps } from '../create-props.ts'
+import type { TooltipTriggerProps as TooltipTriggerElementProps } from '@prosekit/web/tooltip';
+import type { Component, Snippet } from 'svelte';
 
-import Component from './tooltip-trigger.gen.svelte'
+import TooltipTriggerComponent from './tooltip-trigger.gen.svelte';
 
 /**
- * Props for the {@link TooltipTrigger} component.
+ * Props for the {@link TooltipTrigger} Svelte component.
+ *
+ * @public
  */
-export interface TooltipTriggerProps extends Partial<CreateProps<Props, Events>> {}
+export interface TooltipTriggerProps {
+  /**
+   * Whether the component should ignore user interaction.
+   * @default false
+   */
+  disabled?: TooltipTriggerElementProps['disabled'];
+  /**
+   * The delay in milliseconds before opening the tooltip on hover.
+   * @default 600
+   */
+  openDelay?: TooltipTriggerElementProps['openDelay'];
+  /**
+   * The delay in milliseconds before closing the tooltip when hover/focus ends.
+   * @default 0
+   */
+  closeDelay?: TooltipTriggerElementProps['closeDelay'];
+  children?: Snippet;
+  [key: string]: unknown;
+}
 
-export const TooltipTrigger = Component as typeof SvelteComponent<TooltipTriggerProps & HTMLAttributes<TooltipTriggerElement>>
+/**
+ * A Svelte component that renders an `prosekit-tooltip-trigger` custom element.
+ *
+ * @public
+ */
+export const TooltipTrigger: Component<TooltipTriggerProps> = TooltipTriggerComponent as unknown as Component<TooltipTriggerProps>;

package/src/extensions/svelte-node-view.spec.ts

@@ -0,0 +1,85 @@
+import type { NodeJSON } from '@prosekit/core'
+import { beforeEach, describe, expect, it } from 'vitest'
+import { render } from 'vitest-browser-svelte'
+import { page } from 'vitest/browser'
+
+import TestEditor from '../testing/image-refresh-editor.svelte'
+import { resetState, state } from '../testing/image-refresh-state'
+
+describe('SvelteNodeView', () => {
+  beforeEach(() => {
+    resetState()
+  })
+
+  const paragraphJSON: NodeJSON = {
+    type: 'paragraph',
+    content: [{ type: 'text', text: 'Hello' }],
+  }
+  const imageRefreshJSON: NodeJSON = {
+    type: 'image',
+  }
+
+  const editor = page.getByTestId('editor')
+  const imageRefresh = page.getByTestId('image-refresh-view')
+
+  it('can render a single self-update image node', async () => {
+    const initialContent: NodeJSON = {
+      type: 'doc',
+      content: [imageRefreshJSON, paragraphJSON],
+    }
+    const screen = await render(TestEditor, { initialContent })
+    await expect.element(editor).toBeVisible()
+    await expect.element(imageRefresh).toBeInTheDocument()
+
+    const urls = new Set<string>()
+    const check = () => {
+      imageRefresh.elements().forEach((element) => {
+        const url = element.getAttribute('data-url')
+        if (url) {
+          urls.add(url)
+        }
+      })
+      return urls.size >= 5
+    }
+
+    await expect.poll(check, { interval: 50, timeout: 30_000 }).toBe(true)
+
+    await screen.unmount()
+
+    expect(state.imageRefresh.setAttrs).toBeGreaterThanOrEqual(5)
+    expect(state.imageRefresh.mounted).toBe(1)
+    expect(state.imageRefresh.unmounted).toBe(1)
+  })
+
+  it('can render multiple self-update image nodes', async () => {
+    const initialContent: NodeJSON = {
+      type: 'doc',
+      content: [imageRefreshJSON, paragraphJSON, imageRefreshJSON, imageRefreshJSON],
+    }
+    const screen = await render(TestEditor, { initialContent })
+    await expect.element(editor).toBeVisible()
+    await expect.element(imageRefresh.nth(0)).toBeInTheDocument()
+    await expect.element(imageRefresh.nth(1)).toBeInTheDocument()
+    await expect.element(imageRefresh.nth(2)).toBeInTheDocument()
+    await expect.element(imageRefresh.nth(3)).not.toBeInTheDocument()
+
+    const urls = new Set<string>()
+    const check = () => {
+      imageRefresh.elements().forEach((element) => {
+        const url = element.getAttribute('data-url')
+        if (url) {
+          urls.add(url)
+        }
+      })
+      return urls.size >= 15
+    }
+
+    await expect.poll(check, { interval: 50, timeout: 30_000 }).toBe(true)
+
+    await screen.unmount()
+
+    expect(state.imageRefresh.setAttrs).toBeGreaterThanOrEqual(15)
+    expect(state.imageRefresh.mounted).toBe(3)
+    expect(state.imageRefresh.unmounted).toBe(3)
+  })
+})

package/src/testing/image-refresh-editor.svelte

@@ -0,0 +1,26 @@
+<script lang="ts">
+import { createEditor, union, type NodeJSON } from '@prosekit/core'
+import { defineTestExtension } from '@prosekit/testing'
+
+import { defineSvelteNodeView, ProseKit } from '../index.ts'
+import ImageRefreshView from './image-refresh-view.svelte'
+
+export let initialContent: NodeJSON | undefined = undefined
+
+const extension = union(
+  defineTestExtension(),
+  defineSvelteNodeView({
+    name: 'image',
+    component: ImageRefreshView,
+  }),
+)
+
+const editor = createEditor({
+  extension,
+  defaultContent: initialContent,
+})
+</script>
+
+<ProseKit {editor}>
+  <div data-testid="editor" {@attach editor.mount}></div>
+</ProseKit>

package/src/testing/image-refresh-state.ts

@@ -0,0 +1,13 @@
+export const state = {
+  imageRefresh: {
+    mounted: 0,
+    unmounted: 0,
+    setAttrs: 0,
+  },
+}
+
+export function resetState() {
+  state.imageRefresh.mounted = 0
+  state.imageRefresh.unmounted = 0
+  state.imageRefresh.setAttrs = 0
+}

package/src/testing/image-refresh-view.svelte

@@ -0,0 +1,26 @@
+<script lang="ts">
+import type { ImageAttrs } from '@prosekit/testing'
+import { fromStore } from 'svelte/store'
+import type { SvelteNodeViewProps } from '../index.ts'
+import { state } from './image-refresh-state.ts'
+
+const props: SvelteNodeViewProps = $props()
+
+const node = $derived(fromStore(props.node))
+const url = $derived((node.current.attrs as ImageAttrs).src)
+
+$effect(() => {
+  state.imageRefresh.mounted++
+  const id = setInterval(() => {
+    state.imageRefresh.setAttrs++
+    props.setAttrs({ src: String(Math.random()) })
+  }, 50)
+
+  return () => {
+    state.imageRefresh.unmounted++
+    clearInterval(id)
+  }
+})
+</script>
+
+<div data-testid="image-refresh-view" data-url={url}></div>

package/dist/build/components/autocomplete/autocomplete-list.gen.d.ts

@@ -1,11 +0,0 @@
-import type { AutocompleteListElement, AutocompleteListProps as Props, AutocompleteListEvents as Events } from '@prosekit/web/autocomplete';
-import type { SvelteComponent } from 'svelte';
-import type { HTMLAttributes } from 'svelte/elements';
-import type { CreateProps } from '../create-props.ts';
-/**
- * Props for the {@link AutocompleteList} component.
- */
-export interface AutocompleteListProps extends Partial<CreateProps<Props, Events>> {
-}
-export declare const AutocompleteList: typeof SvelteComponent<AutocompleteListProps & HTMLAttributes<AutocompleteListElement>>;
-//# sourceMappingURL=autocomplete-list.gen.d.ts.map

package/dist/build/components/autocomplete/autocomplete-list.gen.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"autocomplete-list.gen.d.ts","sourceRoot":"","sources":["../../../../src/components/autocomplete/autocomplete-list.gen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,qBAAqB,IAAI,KAAK,EAAE,sBAAsB,IAAI,MAAM,EAAE,MAAM,4BAA4B,CAAA;AAC3I,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAErD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAIrD;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,OAAO,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;CAAG;AAErF,eAAO,MAAM,gBAAgB,EAAgB,OAAO,eAAe,CAAC,qBAAqB,GAAG,cAAc,CAAC,uBAAuB,CAAC,CAAC,CAAA"}

package/dist/build/components/autocomplete/autocomplete-list.gen.js

@@ -1,2 +0,0 @@
-import Component from './autocomplete-list.gen.svelte';
-export const AutocompleteList = Component;

package/dist/build/components/autocomplete/autocomplete-list.gen.svelte

@@ -1,23 +0,0 @@
-<script lang="ts">
-import '@prosekit/web/autocomplete'
-
-import { autocompleteListProps, autocompleteListEvents } from '@prosekit/web/autocomplete'
-import { ClientUpdate } from '../client-update/index.js'
-import { useComponent } from '../use-component.js'
-import { useEventHandlers } from '../use-event-handlers.js'
-
-let attributes: Record<string, unknown> = {}
-let eventHandlers: Record<string, (...args: any[]) => any> = {}
-let element: HTMLElement | undefined = undefined
-const handleChange = useComponent(Object.keys(autocompleteListProps), Object.keys(autocompleteListEvents))
-
-$: {
-  [attributes, eventHandlers] = handleChange(element, $$props)
-}
-</script>
-
-<ClientUpdate>
-  <prosekit-autocomplete-list {...attributes} use:useEventHandlers={eventHandlers} bind:this={element}>
-    <slot />
-  </prosekit-autocomplete-list>
-</ClientUpdate>

package/dist/build/components/autocomplete/autocomplete-popover.gen.d.ts

@@ -1,11 +0,0 @@
-import type { AutocompletePopoverElement, AutocompletePopoverProps as Props, AutocompletePopoverEvents as Events } from '@prosekit/web/autocomplete';
-import type { SvelteComponent } from 'svelte';
-import type { HTMLAttributes } from 'svelte/elements';
-import type { CreateProps } from '../create-props.ts';
-/**
- * Props for the {@link AutocompletePopover} component.
- */
-export interface AutocompletePopoverProps extends Partial<CreateProps<Props, Events>> {
-}
-export declare const AutocompletePopover: typeof SvelteComponent<AutocompletePopoverProps & HTMLAttributes<AutocompletePopoverElement>>;
-//# sourceMappingURL=autocomplete-popover.gen.d.ts.map

package/dist/build/components/autocomplete/autocomplete-popover.gen.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"autocomplete-popover.gen.d.ts","sourceRoot":"","sources":["../../../../src/components/autocomplete/autocomplete-popover.gen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,0BAA0B,EAAE,wBAAwB,IAAI,KAAK,EAAE,yBAAyB,IAAI,MAAM,EAAE,MAAM,4BAA4B,CAAA;AACpJ,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAErD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAIrD;;GAEG;AACH,MAAM,WAAW,wBAAyB,SAAQ,OAAO,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;CAAG;AAExF,eAAO,MAAM,mBAAmB,EAAgB,OAAO,eAAe,CAAC,wBAAwB,GAAG,cAAc,CAAC,0BAA0B,CAAC,CAAC,CAAA"}

package/dist/build/components/autocomplete/autocomplete-popover.gen.js

@@ -1,2 +0,0 @@
-import Component from './autocomplete-popover.gen.svelte';
-export const AutocompletePopover = Component;

package/dist/build/components/autocomplete/autocomplete-popover.gen.svelte

@@ -1,23 +0,0 @@
-<script lang="ts">
-import '@prosekit/web/autocomplete'
-
-import { autocompletePopoverProps, autocompletePopoverEvents } from '@prosekit/web/autocomplete'
-import { ClientUpdate } from '../client-update/index.js'
-import { useComponent } from '../use-component.js'
-import { useEventHandlers } from '../use-event-handlers.js'
-
-let attributes: Record<string, unknown> = {}
-let eventHandlers: Record<string, (...args: any[]) => any> = {}
-let element: HTMLElement | undefined = undefined
-const handleChange = useComponent(Object.keys(autocompletePopoverProps), Object.keys(autocompletePopoverEvents))
-
-$: {
-  [attributes, eventHandlers] = handleChange(element, $$props)
-}
-</script>
-
-<ClientUpdate>
-  <prosekit-autocomplete-popover {...attributes} use:useEventHandlers={eventHandlers} bind:this={element}>
-    <slot />
-  </prosekit-autocomplete-popover>
-</ClientUpdate>

package/dist/build/components/block-handle/block-handle-popover.gen.d.ts

@@ -1,11 +0,0 @@
-import type { BlockHandlePopoverElement, BlockHandlePopoverProps as Props, BlockHandlePopoverEvents as Events } from '@prosekit/web/block-handle';
-import type { SvelteComponent } from 'svelte';
-import type { HTMLAttributes } from 'svelte/elements';
-import type { CreateProps } from '../create-props.ts';
-/**
- * Props for the {@link BlockHandlePopover} component.
- */
-export interface BlockHandlePopoverProps extends Partial<CreateProps<Props, Events>> {
-}
-export declare const BlockHandlePopover: typeof SvelteComponent<BlockHandlePopoverProps & HTMLAttributes<BlockHandlePopoverElement>>;
-//# sourceMappingURL=block-handle-popover.gen.d.ts.map

package/dist/build/components/block-handle/block-handle-popover.gen.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"block-handle-popover.gen.d.ts","sourceRoot":"","sources":["../../../../src/components/block-handle/block-handle-popover.gen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,uBAAuB,IAAI,KAAK,EAAE,wBAAwB,IAAI,MAAM,EAAE,MAAM,4BAA4B,CAAA;AACjJ,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAErD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAIrD;;GAEG;AACH,MAAM,WAAW,uBAAwB,SAAQ,OAAO,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;CAAG;AAEvF,eAAO,MAAM,kBAAkB,EAAgB,OAAO,eAAe,CAAC,uBAAuB,GAAG,cAAc,CAAC,yBAAyB,CAAC,CAAC,CAAA"}

package/dist/build/components/block-handle/block-handle-popover.gen.js

@@ -1,2 +0,0 @@
-import Component from './block-handle-popover.gen.svelte';
-export const BlockHandlePopover = Component;

package/dist/build/components/block-handle/block-handle-popover.gen.svelte

@@ -1,23 +0,0 @@
-<script lang="ts">
-import '@prosekit/web/block-handle'
-
-import { blockHandlePopoverProps, blockHandlePopoverEvents } from '@prosekit/web/block-handle'
-import { ClientUpdate } from '../client-update/index.js'
-import { useComponent } from '../use-component.js'
-import { useEventHandlers } from '../use-event-handlers.js'
-
-let attributes: Record<string, unknown> = {}
-let eventHandlers: Record<string, (...args: any[]) => any> = {}
-let element: HTMLElement | undefined = undefined
-const handleChange = useComponent(Object.keys(blockHandlePopoverProps), Object.keys(blockHandlePopoverEvents))
-
-$: {
-  [attributes, eventHandlers] = handleChange(element, $$props)
-}
-</script>
-
-<ClientUpdate>
-  <prosekit-block-handle-popover {...attributes} use:useEventHandlers={eventHandlers} bind:this={element}>
-    <slot />
-  </prosekit-block-handle-popover>
-</ClientUpdate>

package/dist/build/components/client-update/client-update.svelte

@@ -1,15 +0,0 @@
-<script lang="ts">
-import { onMount } from 'svelte'
-
-// Forces a re-render when the component mounts. This resolves issues with
-// web-components after server-side rendering.
-let key = 1
-
-onMount(() => {
-  key = 2
-})
-</script>
-
-{#key key}
-  <slot />
-{/key}

package/dist/build/components/client-update/index.d.ts

@@ -1,2 +0,0 @@
-export { default as ClientUpdate } from './client-update.svelte';
-//# sourceMappingURL=index.d.ts.map

package/dist/build/components/client-update/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/client-update/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,wBAAwB,CAAA"}

package/dist/build/components/client-update/index.js

@@ -1 +0,0 @@
-export { default as ClientUpdate } from './client-update.svelte';

package/dist/build/components/create-props.d.ts

@@ -1,12 +0,0 @@
-export type CreateProps<Props extends {
-    [PropName in keyof Props]: unknown;
-}, Events extends {
-    [EventName in keyof Events]: CustomEvent;
-}> = Props & CreateEventProps<Events>;
-type CreateEventProps<Events extends {
-    [EventName in keyof Events]: CustomEvent;
-}> = {
-    [EventName in keyof Events as `on${Capitalize<string & EventName>}`]: (event: EventName extends `${string}Change` ? Events[EventName]['detail'] : Events[EventName]) => void;
-};
-export {};
-//# sourceMappingURL=create-props.d.ts.map

package/dist/build/components/create-props.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"create-props.d.ts","sourceRoot":"","sources":["../../../src/components/create-props.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,CACrB,KAAK,SAAS;KAAG,QAAQ,IAAI,MAAM,KAAK,GAAG,OAAO;CAAE,EACpD,MAAM,SAAS;KAAG,SAAS,IAAI,MAAM,MAAM,GAAG,WAAW;CAAE,IACzD,KAAK,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAA;AAEpC,KAAK,gBAAgB,CACnB,MAAM,SAAS;KAAG,SAAS,IAAI,MAAM,MAAM,GAAG,WAAW;CAAE,IACzD;KACD,SAAS,IAAI,MAAM,MAAM,IAAI,KAAK,UAAU,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,GAAG,CACpE,KAAK,EAAE,SAAS,SAAS,GAAG,MAAM,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,GACpE,MAAM,CAAC,SAAS,CAAC,KAClB,IAAI;CACV,CAAA"}

package/dist/build/components/create-props.js

@@ -1 +0,0 @@
-export {};

package/dist/build/components/inline-popover/inline-popover.gen.d.ts

@@ -1,11 +0,0 @@
-import type { InlinePopoverElement, InlinePopoverProps as Props, InlinePopoverEvents as Events } from '@prosekit/web/inline-popover';
-import type { SvelteComponent } from 'svelte';
-import type { HTMLAttributes } from 'svelte/elements';
-import type { CreateProps } from '../create-props.ts';
-/**
- * Props for the {@link InlinePopover} component.
- */
-export interface InlinePopoverProps extends Partial<CreateProps<Props, Events>> {
-}
-export declare const InlinePopover: typeof SvelteComponent<InlinePopoverProps & HTMLAttributes<InlinePopoverElement>>;
-//# sourceMappingURL=inline-popover.gen.d.ts.map

package/dist/build/components/inline-popover/inline-popover.gen.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"inline-popover.gen.d.ts","sourceRoot":"","sources":["../../../../src/components/inline-popover/inline-popover.gen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,kBAAkB,IAAI,KAAK,EAAE,mBAAmB,IAAI,MAAM,EAAE,MAAM,8BAA8B,CAAA;AACpI,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAErD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAIrD;;GAEG;AACH,MAAM,WAAW,kBAAmB,SAAQ,OAAO,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;CAAG;AAElF,eAAO,MAAM,aAAa,EAAgB,OAAO,eAAe,CAAC,kBAAkB,GAAG,cAAc,CAAC,oBAAoB,CAAC,CAAC,CAAA"}

package/dist/build/components/inline-popover/inline-popover.gen.js

@@ -1,2 +0,0 @@
-import Component from './inline-popover.gen.svelte';
-export const InlinePopover = Component;

package/dist/build/components/inline-popover/inline-popover.gen.svelte

@@ -1,23 +0,0 @@
-<script lang="ts">
-import '@prosekit/web/inline-popover'
-
-import { inlinePopoverProps, inlinePopoverEvents } from '@prosekit/web/inline-popover'
-import { ClientUpdate } from '../client-update/index.js'
-import { useComponent } from '../use-component.js'
-import { useEventHandlers } from '../use-event-handlers.js'
-
-let attributes: Record<string, unknown> = {}
-let eventHandlers: Record<string, (...args: any[]) => any> = {}
-let element: HTMLElement | undefined = undefined
-const handleChange = useComponent(Object.keys(inlinePopoverProps), Object.keys(inlinePopoverEvents))
-
-$: {
-  [attributes, eventHandlers] = handleChange(element, $$props)
-}
-</script>
-
-<ClientUpdate>
-  <prosekit-inline-popover {...attributes} use:useEventHandlers={eventHandlers} bind:this={element}>
-    <slot />
-  </prosekit-inline-popover>
-</ClientUpdate>

package/dist/build/components/popover/popover-content.gen.d.ts

@@ -1,11 +0,0 @@
-import type { PopoverContentElement, PopoverContentProps as Props, PopoverContentEvents as Events } from '@prosekit/web/popover';
-import type { SvelteComponent } from 'svelte';
-import type { HTMLAttributes } from 'svelte/elements';
-import type { CreateProps } from '../create-props.ts';
-/**
- * Props for the {@link PopoverContent} component.
- */
-export interface PopoverContentProps extends Partial<CreateProps<Props, Events>> {
-}
-export declare const PopoverContent: typeof SvelteComponent<PopoverContentProps & HTMLAttributes<PopoverContentElement>>;
-//# sourceMappingURL=popover-content.gen.d.ts.map

package/dist/build/components/popover/popover-content.gen.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"popover-content.gen.d.ts","sourceRoot":"","sources":["../../../../src/components/popover/popover-content.gen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,mBAAmB,IAAI,KAAK,EAAE,oBAAoB,IAAI,MAAM,EAAE,MAAM,uBAAuB,CAAA;AAChI,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAErD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAIrD;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,OAAO,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;CAAG;AAEnF,eAAO,MAAM,cAAc,EAAgB,OAAO,eAAe,CAAC,mBAAmB,GAAG,cAAc,CAAC,qBAAqB,CAAC,CAAC,CAAA"}

package/dist/build/components/popover/popover-content.gen.js

@@ -1,2 +0,0 @@
-import Component from './popover-content.gen.svelte';
-export const PopoverContent = Component;

package/dist/build/components/popover/popover-content.gen.svelte

@@ -1,23 +0,0 @@
-<script lang="ts">
-import '@prosekit/web/popover'
-
-import { popoverContentProps, popoverContentEvents } from '@prosekit/web/popover'
-import { ClientUpdate } from '../client-update/index.js'
-import { useComponent } from '../use-component.js'
-import { useEventHandlers } from '../use-event-handlers.js'
-
-let attributes: Record<string, unknown> = {}
-let eventHandlers: Record<string, (...args: any[]) => any> = {}
-let element: HTMLElement | undefined = undefined
-const handleChange = useComponent(Object.keys(popoverContentProps), Object.keys(popoverContentEvents))
-
-$: {
-  [attributes, eventHandlers] = handleChange(element, $$props)
-}
-</script>
-
-<ClientUpdate>
-  <prosekit-popover-content {...attributes} use:useEventHandlers={eventHandlers} bind:this={element}>
-    <slot />
-  </prosekit-popover-content>
-</ClientUpdate>

package/dist/build/components/table-handle/table-handle-column-root.gen.d.ts

@@ -1,11 +0,0 @@
-import type { TableHandleColumnRootElement, TableHandleColumnRootProps as Props, TableHandleColumnRootEvents as Events } from '@prosekit/web/table-handle';
-import type { SvelteComponent } from 'svelte';
-import type { HTMLAttributes } from 'svelte/elements';
-import type { CreateProps } from '../create-props.ts';
-/**
- * Props for the {@link TableHandleColumnRoot} component.
- */
-export interface TableHandleColumnRootProps extends Partial<CreateProps<Props, Events>> {
-}
-export declare const TableHandleColumnRoot: typeof SvelteComponent<TableHandleColumnRootProps & HTMLAttributes<TableHandleColumnRootElement>>;
-//# sourceMappingURL=table-handle-column-root.gen.d.ts.map

package/dist/build/components/table-handle/table-handle-column-root.gen.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"table-handle-column-root.gen.d.ts","sourceRoot":"","sources":["../../../../src/components/table-handle/table-handle-column-root.gen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,4BAA4B,EAAE,0BAA0B,IAAI,KAAK,EAAE,2BAA2B,IAAI,MAAM,EAAE,MAAM,4BAA4B,CAAA;AAC1J,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAErD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAIrD;;GAEG;AACH,MAAM,WAAW,0BAA2B,SAAQ,OAAO,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;CAAG;AAE1F,eAAO,MAAM,qBAAqB,EAAgB,OAAO,eAAe,CAAC,0BAA0B,GAAG,cAAc,CAAC,4BAA4B,CAAC,CAAC,CAAA"}