@prosekit/svelte 0.4.0 → 0.4.2

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

@@ -1,6 +1,5 @@
-import type { AutocompleteEmptyProps } from '@prosekit/web/autocomplete';
+import type { AutocompleteEmptyElement, AutocompleteEmptyProps } from '@prosekit/web/autocomplete';
 import type { SvelteComponent } from 'svelte';
-export declare const AutocompleteEmpty: typeof SvelteComponent<Partial<AutocompleteEmptyProps> & {
-    class?: string;
-}>;
+import type { HTMLAttributes } from 'svelte/elements';
+export declare const AutocompleteEmpty: typeof SvelteComponent<Partial<AutocompleteEmptyProps> & HTMLAttributes<AutocompleteEmptyElement>>;
 //# sourceMappingURL=autocomplete-empty.gen.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"autocomplete-empty.gen.d.ts","sourceRoot":"","sources":["../../../../../src/components/autocomplete/autocomplete-empty.gen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAA;AACxE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAI7C,eAAO,MAAM,iBAAiB,EAA+C,OAAO,eAAe,CAAC,OAAO,CAAC,sBAAsB,CAAC,GAAG;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAC,CAAC,CAAA"}
+{"version":3,"file":"autocomplete-empty.gen.d.ts","sourceRoot":"","sources":["../../../../../src/components/autocomplete/autocomplete-empty.gen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAA;AAClG,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAIrD,eAAO,MAAM,iBAAiB,EAAgB,OAAO,eAAe,CAAC,OAAO,CAAC,sBAAsB,CAAC,GAAG,cAAc,CAAC,wBAAwB,CAAC,CAAC,CAAA"}

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

@@ -1,14 +1,17 @@
 <script lang="ts">
 import '@prosekit/web/autocomplete'
 import { defaultAutocompleteEmptyProps } from '@prosekit/web/autocomplete'
+import { useWebComponent } from '../../utils/use-web-component'
 
-import { useEditorContext } from '../../contexts/editor-context'
+let attributes: Record<string, unknown> = {}
+let element: HTMLElement | undefined = undefined
+const handleChange = useWebComponent(defaultAutocompleteEmptyProps)
 
-const hasEditor = Object.hasOwn(defaultAutocompleteEmptyProps, 'editor')
-const editorContext = useEditorContext()
-const editor = hasEditor ? editorContext : undefined
+$: {
+  attributes = handleChange(element, $$props)
+}
 </script>
 
-<prosekit-autocomplete-empty {editor} {...$$props}>
+<prosekit-autocomplete-empty {...attributes} bind:this={element}>
   <slot />
 </prosekit-autocomplete-empty>

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

@@ -1 +1 @@
-{"version":3,"file":"autocomplete-empty.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/autocomplete/autocomplete-empty.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,4BAA4B,CAAA;AAsBnC,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,sBAAsB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC5D,MAAM,MAAM,uBAAuB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC9D,MAAM,MAAM,sBAAsB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE5D,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,oBAAoB,CAAC,sBAAsB,EAAE,uBAAuB,EAAE,sBAAsB,CAAC;CAC3I"}
+{"version":3,"file":"autocomplete-empty.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/autocomplete/autocomplete-empty.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,4BAA4B,CAAA;AAwBnC,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,sBAAsB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC5D,MAAM,MAAM,uBAAuB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC9D,MAAM,MAAM,sBAAsB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE5D,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,oBAAoB,CAAC,sBAAsB,EAAE,uBAAuB,EAAE,sBAAsB,CAAC;CAC3I"}

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

@@ -1,6 +1,5 @@
-import type { AutocompleteItemProps } from '@prosekit/web/autocomplete';
+import type { AutocompleteItemElement, AutocompleteItemProps } from '@prosekit/web/autocomplete';
 import type { SvelteComponent } from 'svelte';
-export declare const AutocompleteItem: typeof SvelteComponent<Partial<AutocompleteItemProps> & {
-    class?: string;
-}>;
+import type { HTMLAttributes } from 'svelte/elements';
+export declare const AutocompleteItem: typeof SvelteComponent<Partial<AutocompleteItemProps> & HTMLAttributes<AutocompleteItemElement>>;
 //# sourceMappingURL=autocomplete-item.gen.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"autocomplete-item.gen.d.ts","sourceRoot":"","sources":["../../../../../src/components/autocomplete/autocomplete-item.gen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AACvE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAI7C,eAAO,MAAM,gBAAgB,EAA+C,OAAO,eAAe,CAAC,OAAO,CAAC,qBAAqB,CAAC,GAAG;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAC,CAAC,CAAA"}
+{"version":3,"file":"autocomplete-item.gen.d.ts","sourceRoot":"","sources":["../../../../../src/components/autocomplete/autocomplete-item.gen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AAChG,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAIrD,eAAO,MAAM,gBAAgB,EAAgB,OAAO,eAAe,CAAC,OAAO,CAAC,qBAAqB,CAAC,GAAG,cAAc,CAAC,uBAAuB,CAAC,CAAC,CAAA"}

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

@@ -1,14 +1,17 @@
 <script lang="ts">
 import '@prosekit/web/autocomplete'
 import { defaultAutocompleteItemProps } from '@prosekit/web/autocomplete'
+import { useWebComponent } from '../../utils/use-web-component'
 
-import { useEditorContext } from '../../contexts/editor-context'
+let attributes: Record<string, unknown> = {}
+let element: HTMLElement | undefined = undefined
+const handleChange = useWebComponent(defaultAutocompleteItemProps)
 
-const hasEditor = Object.hasOwn(defaultAutocompleteItemProps, 'editor')
-const editorContext = useEditorContext()
-const editor = hasEditor ? editorContext : undefined
+$: {
+  attributes = handleChange(element, $$props)
+}
 </script>
 
-<prosekit-autocomplete-item {editor} {...$$props}>
+<prosekit-autocomplete-item {...attributes} bind:this={element}>
   <slot />
 </prosekit-autocomplete-item>

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

@@ -1 +1 @@
-{"version":3,"file":"autocomplete-item.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/autocomplete/autocomplete-item.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,4BAA4B,CAAA;AAsBnC,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,qBAAqB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC3D,MAAM,MAAM,sBAAsB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC7D,MAAM,MAAM,qBAAqB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE3D,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,oBAAoB,CAAC,qBAAqB,EAAE,sBAAsB,EAAE,qBAAqB,CAAC;CACvI"}
+{"version":3,"file":"autocomplete-item.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/autocomplete/autocomplete-item.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,4BAA4B,CAAA;AAwBnC,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,qBAAqB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC3D,MAAM,MAAM,sBAAsB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC7D,MAAM,MAAM,qBAAqB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE3D,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,oBAAoB,CAAC,qBAAqB,EAAE,sBAAsB,EAAE,qBAAqB,CAAC;CACvI"}

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

@@ -1,6 +1,5 @@
-import type { AutocompleteListProps } from '@prosekit/web/autocomplete';
+import type { AutocompleteListElement, AutocompleteListProps } from '@prosekit/web/autocomplete';
 import type { SvelteComponent } from 'svelte';
-export declare const AutocompleteList: typeof SvelteComponent<Partial<AutocompleteListProps> & {
-    class?: string;
-}>;
+import type { HTMLAttributes } from 'svelte/elements';
+export declare const AutocompleteList: typeof SvelteComponent<Partial<AutocompleteListProps> & HTMLAttributes<AutocompleteListElement>>;
 //# sourceMappingURL=autocomplete-list.gen.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"autocomplete-list.gen.d.ts","sourceRoot":"","sources":["../../../../../src/components/autocomplete/autocomplete-list.gen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AACvE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAI7C,eAAO,MAAM,gBAAgB,EAA+C,OAAO,eAAe,CAAC,OAAO,CAAC,qBAAqB,CAAC,GAAG;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAC,CAAC,CAAA"}
+{"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,EAAE,MAAM,4BAA4B,CAAA;AAChG,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAIrD,eAAO,MAAM,gBAAgB,EAAgB,OAAO,eAAe,CAAC,OAAO,CAAC,qBAAqB,CAAC,GAAG,cAAc,CAAC,uBAAuB,CAAC,CAAC,CAAA"}

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

@@ -1,14 +1,17 @@
 <script lang="ts">
 import '@prosekit/web/autocomplete'
 import { defaultAutocompleteListProps } from '@prosekit/web/autocomplete'
+import { useWebComponent } from '../../utils/use-web-component'
 
-import { useEditorContext } from '../../contexts/editor-context'
+let attributes: Record<string, unknown> = {}
+let element: HTMLElement | undefined = undefined
+const handleChange = useWebComponent(defaultAutocompleteListProps)
 
-const hasEditor = Object.hasOwn(defaultAutocompleteListProps, 'editor')
-const editorContext = useEditorContext()
-const editor = hasEditor ? editorContext : undefined
+$: {
+  attributes = handleChange(element, $$props)
+}
 </script>
 
-<prosekit-autocomplete-list {editor} {...$$props}>
+<prosekit-autocomplete-list {...attributes} bind:this={element}>
   <slot />
 </prosekit-autocomplete-list>

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

@@ -1 +1 @@
-{"version":3,"file":"autocomplete-list.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/autocomplete/autocomplete-list.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,4BAA4B,CAAA;AAsBnC,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,qBAAqB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC3D,MAAM,MAAM,sBAAsB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC7D,MAAM,MAAM,qBAAqB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE3D,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,oBAAoB,CAAC,qBAAqB,EAAE,sBAAsB,EAAE,qBAAqB,CAAC;CACvI"}
+{"version":3,"file":"autocomplete-list.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/autocomplete/autocomplete-list.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,4BAA4B,CAAA;AAwBnC,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,qBAAqB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC3D,MAAM,MAAM,sBAAsB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC7D,MAAM,MAAM,qBAAqB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE3D,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,oBAAoB,CAAC,qBAAqB,EAAE,sBAAsB,EAAE,qBAAqB,CAAC;CACvI"}

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

@@ -1,6 +1,5 @@
-import type { AutocompletePopoverProps } from '@prosekit/web/autocomplete';
+import type { AutocompletePopoverElement, AutocompletePopoverProps } from '@prosekit/web/autocomplete';
 import type { SvelteComponent } from 'svelte';
-export declare const AutocompletePopover: typeof SvelteComponent<Partial<AutocompletePopoverProps> & {
-    class?: string;
-}>;
+import type { HTMLAttributes } from 'svelte/elements';
+export declare const AutocompletePopover: typeof SvelteComponent<Partial<AutocompletePopoverProps> & HTMLAttributes<AutocompletePopoverElement>>;
 //# sourceMappingURL=autocomplete-popover.gen.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"autocomplete-popover.gen.d.ts","sourceRoot":"","sources":["../../../../../src/components/autocomplete/autocomplete-popover.gen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAA;AAC1E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAI7C,eAAO,MAAM,mBAAmB,EAA+C,OAAO,eAAe,CAAC,OAAO,CAAC,wBAAwB,CAAC,GAAG;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAC,CAAC,CAAA"}
+{"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,EAAE,MAAM,4BAA4B,CAAA;AACtG,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAIrD,eAAO,MAAM,mBAAmB,EAAgB,OAAO,eAAe,CAAC,OAAO,CAAC,wBAAwB,CAAC,GAAG,cAAc,CAAC,0BAA0B,CAAC,CAAC,CAAA"}

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

@@ -1,14 +1,17 @@
 <script lang="ts">
 import '@prosekit/web/autocomplete'
 import { defaultAutocompletePopoverProps } from '@prosekit/web/autocomplete'
+import { useWebComponent } from '../../utils/use-web-component'
 
-import { useEditorContext } from '../../contexts/editor-context'
+let attributes: Record<string, unknown> = {}
+let element: HTMLElement | undefined = undefined
+const handleChange = useWebComponent(defaultAutocompletePopoverProps)
 
-const hasEditor = Object.hasOwn(defaultAutocompletePopoverProps, 'editor')
-const editorContext = useEditorContext()
-const editor = hasEditor ? editorContext : undefined
+$: {
+  attributes = handleChange(element, $$props)
+}
 </script>
 
-<prosekit-autocomplete-popover {editor} {...$$props}>
+<prosekit-autocomplete-popover {...attributes} bind:this={element}>
   <slot />
 </prosekit-autocomplete-popover>

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

@@ -1 +1 @@
-{"version":3,"file":"autocomplete-popover.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/autocomplete/autocomplete-popover.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,4BAA4B,CAAA;AAsBnC,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,wBAAwB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC9D,MAAM,MAAM,yBAAyB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAChE,MAAM,MAAM,wBAAwB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE9D,MAAM,CAAC,OAAO,OAAO,mBAAoB,SAAQ,oBAAoB,CAAC,wBAAwB,EAAE,yBAAyB,EAAE,wBAAwB,CAAC;CACnJ"}
+{"version":3,"file":"autocomplete-popover.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/autocomplete/autocomplete-popover.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,4BAA4B,CAAA;AAwBnC,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,wBAAwB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC9D,MAAM,MAAM,yBAAyB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAChE,MAAM,MAAM,wBAAwB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE9D,MAAM,CAAC,OAAO,OAAO,mBAAoB,SAAQ,oBAAoB,CAAC,wBAAwB,EAAE,yBAAyB,EAAE,wBAAwB,CAAC;CACnJ"}

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

@@ -1,6 +1,5 @@
-import type { BlockDragHandleProps } from '@prosekit/web/block-handle';
+import type { BlockDragHandleElement, BlockDragHandleProps } from '@prosekit/web/block-handle';
 import type { SvelteComponent } from 'svelte';
-export declare const BlockDragHandle: typeof SvelteComponent<Partial<BlockDragHandleProps> & {
-    class?: string;
-}>;
+import type { HTMLAttributes } from 'svelte/elements';
+export declare const BlockDragHandle: typeof SvelteComponent<Partial<BlockDragHandleProps> & HTMLAttributes<BlockDragHandleElement>>;
 //# sourceMappingURL=block-drag-handle.gen.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"block-drag-handle.gen.d.ts","sourceRoot":"","sources":["../../../../../src/components/block-handle/block-drag-handle.gen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AACtE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAI7C,eAAO,MAAM,eAAe,EAA+C,OAAO,eAAe,CAAC,OAAO,CAAC,oBAAoB,CAAC,GAAG;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAC,CAAC,CAAA"}
+{"version":3,"file":"block-drag-handle.gen.d.ts","sourceRoot":"","sources":["../../../../../src/components/block-handle/block-drag-handle.gen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AAC9F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAIrD,eAAO,MAAM,eAAe,EAAgB,OAAO,eAAe,CAAC,OAAO,CAAC,oBAAoB,CAAC,GAAG,cAAc,CAAC,sBAAsB,CAAC,CAAC,CAAA"}

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

@@ -1,14 +1,17 @@
 <script lang="ts">
 import '@prosekit/web/block-handle'
 import { defaultBlockDragHandleProps } from '@prosekit/web/block-handle'
+import { useWebComponent } from '../../utils/use-web-component'
 
-import { useEditorContext } from '../../contexts/editor-context'
+let attributes: Record<string, unknown> = {}
+let element: HTMLElement | undefined = undefined
+const handleChange = useWebComponent(defaultBlockDragHandleProps)
 
-const hasEditor = Object.hasOwn(defaultBlockDragHandleProps, 'editor')
-const editorContext = useEditorContext()
-const editor = hasEditor ? editorContext : undefined
+$: {
+  attributes = handleChange(element, $$props)
+}
 </script>
 
-<prosekit-block-drag-handle {editor} {...$$props}>
+<prosekit-block-drag-handle {...attributes} bind:this={element}>
   <slot />
 </prosekit-block-drag-handle>

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

@@ -1 +1 @@
-{"version":3,"file":"block-drag-handle.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/block-handle/block-drag-handle.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,4BAA4B,CAAA;AAsBnC,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC1D,MAAM,MAAM,qBAAqB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC5D,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE1D,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,oBAAoB,CAAC,oBAAoB,EAAE,qBAAqB,EAAE,oBAAoB,CAAC;CACnI"}
+{"version":3,"file":"block-drag-handle.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/block-handle/block-drag-handle.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,4BAA4B,CAAA;AAwBnC,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC1D,MAAM,MAAM,qBAAqB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC5D,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE1D,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,oBAAoB,CAAC,oBAAoB,EAAE,qBAAqB,EAAE,oBAAoB,CAAC;CACnI"}

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

@@ -1,6 +1,5 @@
-import type { BlockPopoverProps } from '@prosekit/web/block-handle';
+import type { BlockPopoverElement, BlockPopoverProps } from '@prosekit/web/block-handle';
 import type { SvelteComponent } from 'svelte';
-export declare const BlockPopover: typeof SvelteComponent<Partial<BlockPopoverProps> & {
-    class?: string;
-}>;
+import type { HTMLAttributes } from 'svelte/elements';
+export declare const BlockPopover: typeof SvelteComponent<Partial<BlockPopoverProps> & HTMLAttributes<BlockPopoverElement>>;
 //# sourceMappingURL=block-popover.gen.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"block-popover.gen.d.ts","sourceRoot":"","sources":["../../../../../src/components/block-handle/block-popover.gen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AACnE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAI7C,eAAO,MAAM,YAAY,EAA+C,OAAO,eAAe,CAAC,OAAO,CAAC,iBAAiB,CAAC,GAAG;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAC,CAAC,CAAA"}
+{"version":3,"file":"block-popover.gen.d.ts","sourceRoot":"","sources":["../../../../../src/components/block-handle/block-popover.gen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AACxF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAIrD,eAAO,MAAM,YAAY,EAAgB,OAAO,eAAe,CAAC,OAAO,CAAC,iBAAiB,CAAC,GAAG,cAAc,CAAC,mBAAmB,CAAC,CAAC,CAAA"}

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

@@ -1,14 +1,17 @@
 <script lang="ts">
 import '@prosekit/web/block-handle'
 import { defaultBlockPopoverProps } from '@prosekit/web/block-handle'
+import { useWebComponent } from '../../utils/use-web-component'
 
-import { useEditorContext } from '../../contexts/editor-context'
+let attributes: Record<string, unknown> = {}
+let element: HTMLElement | undefined = undefined
+const handleChange = useWebComponent(defaultBlockPopoverProps)
 
-const hasEditor = Object.hasOwn(defaultBlockPopoverProps, 'editor')
-const editorContext = useEditorContext()
-const editor = hasEditor ? editorContext : undefined
+$: {
+  attributes = handleChange(element, $$props)
+}
 </script>
 
-<prosekit-block-popover {editor} {...$$props}>
+<prosekit-block-popover {...attributes} bind:this={element}>
   <slot />
 </prosekit-block-popover>

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

@@ -1 +1 @@
-{"version":3,"file":"block-popover.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/block-handle/block-popover.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,4BAA4B,CAAA;AAsBnC,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACvD,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACzD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEvD,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,oBAAoB,CAAC,iBAAiB,EAAE,kBAAkB,EAAE,iBAAiB,CAAC;CACvH"}
+{"version":3,"file":"block-popover.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/block-handle/block-popover.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,4BAA4B,CAAA;AAwBnC,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACvD,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACzD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEvD,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,oBAAoB,CAAC,iBAAiB,EAAE,kBAAkB,EAAE,iBAAiB,CAAC;CACvH"}

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

@@ -1,6 +1,5 @@
-import type { InlinePopoverProps } from '@prosekit/web/inline-popover';
+import type { InlinePopoverElement, InlinePopoverProps } from '@prosekit/web/inline-popover';
 import type { SvelteComponent } from 'svelte';
-export declare const InlinePopover: typeof SvelteComponent<Partial<InlinePopoverProps> & {
-    class?: string;
-}>;
+import type { HTMLAttributes } from 'svelte/elements';
+export declare const InlinePopover: typeof SvelteComponent<Partial<InlinePopoverProps> & HTMLAttributes<InlinePopoverElement>>;
 //# sourceMappingURL=inline-popover.gen.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"inline-popover.gen.d.ts","sourceRoot":"","sources":["../../../../../src/components/inline-popover/inline-popover.gen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAA;AACtE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAI7C,eAAO,MAAM,aAAa,EAA+C,OAAO,eAAe,CAAC,OAAO,CAAC,kBAAkB,CAAC,GAAG;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAC,CAAC,CAAA"}
+{"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,EAAE,MAAM,8BAA8B,CAAA;AAC5F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAIrD,eAAO,MAAM,aAAa,EAAgB,OAAO,eAAe,CAAC,OAAO,CAAC,kBAAkB,CAAC,GAAG,cAAc,CAAC,oBAAoB,CAAC,CAAC,CAAA"}

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

@@ -1,14 +1,17 @@
 <script lang="ts">
 import '@prosekit/web/inline-popover'
 import { defaultInlinePopoverProps } from '@prosekit/web/inline-popover'
+import { useWebComponent } from '../../utils/use-web-component'
 
-import { useEditorContext } from '../../contexts/editor-context'
+let attributes: Record<string, unknown> = {}
+let element: HTMLElement | undefined = undefined
+const handleChange = useWebComponent(defaultInlinePopoverProps)
 
-const hasEditor = Object.hasOwn(defaultInlinePopoverProps, 'editor')
-const editorContext = useEditorContext()
-const editor = hasEditor ? editorContext : undefined
+$: {
+  attributes = handleChange(element, $$props)
+}
 </script>
 
-<prosekit-inline-popover {editor} {...$$props}>
+<prosekit-inline-popover {...attributes} bind:this={element}>
   <slot />
 </prosekit-inline-popover>

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

@@ -1 +1 @@
-{"version":3,"file":"inline-popover.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/inline-popover/inline-popover.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,8BAA8B,CAAA;AAsBrC,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACxD,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC1D,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAExD,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,oBAAoB,CAAC,kBAAkB,EAAE,mBAAmB,EAAE,kBAAkB,CAAC;CAC3H"}
+{"version":3,"file":"inline-popover.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/inline-popover/inline-popover.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,8BAA8B,CAAA;AAwBrC,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACxD,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC1D,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAExD,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,oBAAoB,CAAC,kBAAkB,EAAE,mBAAmB,EAAE,kBAAkB,CAAC;CAC3H"}

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

@@ -1,6 +1,5 @@
-import type { PopoverContentProps } from '@prosekit/web/popover';
+import type { PopoverContentElement, PopoverContentProps } from '@prosekit/web/popover';
 import type { SvelteComponent } from 'svelte';
-export declare const PopoverContent: typeof SvelteComponent<Partial<PopoverContentProps> & {
-    class?: string;
-}>;
+import type { HTMLAttributes } from 'svelte/elements';
+export declare const PopoverContent: typeof SvelteComponent<Partial<PopoverContentProps> & HTMLAttributes<PopoverContentElement>>;
 //# sourceMappingURL=popover-content.gen.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"popover-content.gen.d.ts","sourceRoot":"","sources":["../../../../../src/components/popover/popover-content.gen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAChE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAI7C,eAAO,MAAM,cAAc,EAA+C,OAAO,eAAe,CAAC,OAAO,CAAC,mBAAmB,CAAC,GAAG;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAC,CAAC,CAAA"}
+{"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,EAAE,MAAM,uBAAuB,CAAA;AACvF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAIrD,eAAO,MAAM,cAAc,EAAgB,OAAO,eAAe,CAAC,OAAO,CAAC,mBAAmB,CAAC,GAAG,cAAc,CAAC,qBAAqB,CAAC,CAAC,CAAA"}

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

@@ -1,14 +1,17 @@
 <script lang="ts">
 import '@prosekit/web/popover'
 import { defaultPopoverContentProps } from '@prosekit/web/popover'
+import { useWebComponent } from '../../utils/use-web-component'
 
-import { useEditorContext } from '../../contexts/editor-context'
+let attributes: Record<string, unknown> = {}
+let element: HTMLElement | undefined = undefined
+const handleChange = useWebComponent(defaultPopoverContentProps)
 
-const hasEditor = Object.hasOwn(defaultPopoverContentProps, 'editor')
-const editorContext = useEditorContext()
-const editor = hasEditor ? editorContext : undefined
+$: {
+  attributes = handleChange(element, $$props)
+}
 </script>
 
-<prosekit-popover-content {editor} {...$$props}>
+<prosekit-popover-content {...attributes} bind:this={element}>
   <slot />
 </prosekit-popover-content>

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

@@ -1 +1 @@
-{"version":3,"file":"popover-content.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/popover/popover-content.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,uBAAuB,CAAA;AAsB9B,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACzD,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC3D,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEzD,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,oBAAoB,CAAC,mBAAmB,EAAE,oBAAoB,EAAE,mBAAmB,CAAC;CAC/H"}
+{"version":3,"file":"popover-content.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/popover/popover-content.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,uBAAuB,CAAA;AAwB9B,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACzD,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC3D,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEzD,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,oBAAoB,CAAC,mBAAmB,EAAE,oBAAoB,EAAE,mBAAmB,CAAC;CAC/H"}

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

@@ -1,6 +1,5 @@
-import type { PopoverRootProps } from '@prosekit/web/popover';
+import type { PopoverRootElement, PopoverRootProps } from '@prosekit/web/popover';
 import type { SvelteComponent } from 'svelte';
-export declare const PopoverRoot: typeof SvelteComponent<Partial<PopoverRootProps> & {
-    class?: string;
-}>;
+import type { HTMLAttributes } from 'svelte/elements';
+export declare const PopoverRoot: typeof SvelteComponent<Partial<PopoverRootProps> & HTMLAttributes<PopoverRootElement>>;
 //# sourceMappingURL=popover-root.gen.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"popover-root.gen.d.ts","sourceRoot":"","sources":["../../../../../src/components/popover/popover-root.gen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAC7D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAI7C,eAAO,MAAM,WAAW,EAA+C,OAAO,eAAe,CAAC,OAAO,CAAC,gBAAgB,CAAC,GAAG;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAC,CAAC,CAAA"}
+{"version":3,"file":"popover-root.gen.d.ts","sourceRoot":"","sources":["../../../../../src/components/popover/popover-root.gen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACjF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAIrD,eAAO,MAAM,WAAW,EAAgB,OAAO,eAAe,CAAC,OAAO,CAAC,gBAAgB,CAAC,GAAG,cAAc,CAAC,kBAAkB,CAAC,CAAC,CAAA"}

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

@@ -1,14 +1,17 @@
 <script lang="ts">
 import '@prosekit/web/popover'
 import { defaultPopoverRootProps } from '@prosekit/web/popover'
+import { useWebComponent } from '../../utils/use-web-component'
 
-import { useEditorContext } from '../../contexts/editor-context'
+let attributes: Record<string, unknown> = {}
+let element: HTMLElement | undefined = undefined
+const handleChange = useWebComponent(defaultPopoverRootProps)
 
-const hasEditor = Object.hasOwn(defaultPopoverRootProps, 'editor')
-const editorContext = useEditorContext()
-const editor = hasEditor ? editorContext : undefined
+$: {
+  attributes = handleChange(element, $$props)
+}
 </script>
 
-<prosekit-popover-root {editor} {...$$props}>
+<prosekit-popover-root {...attributes} bind:this={element}>
   <slot />
 </prosekit-popover-root>

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

@@ -1 +1 @@
-{"version":3,"file":"popover-root.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/popover/popover-root.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,uBAAuB,CAAA;AAsB9B,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACtD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACxD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEtD,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,oBAAoB,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,gBAAgB,CAAC;CACnH"}
+{"version":3,"file":"popover-root.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/popover/popover-root.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,uBAAuB,CAAA;AAwB9B,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACtD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACxD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEtD,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,oBAAoB,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,gBAAgB,CAAC;CACnH"}

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

@@ -1,6 +1,5 @@
-import type { PopoverTriggerProps } from '@prosekit/web/popover';
+import type { PopoverTriggerElement, PopoverTriggerProps } from '@prosekit/web/popover';
 import type { SvelteComponent } from 'svelte';
-export declare const PopoverTrigger: typeof SvelteComponent<Partial<PopoverTriggerProps> & {
-    class?: string;
-}>;
+import type { HTMLAttributes } from 'svelte/elements';
+export declare const PopoverTrigger: typeof SvelteComponent<Partial<PopoverTriggerProps> & HTMLAttributes<PopoverTriggerElement>>;
 //# sourceMappingURL=popover-trigger.gen.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"popover-trigger.gen.d.ts","sourceRoot":"","sources":["../../../../../src/components/popover/popover-trigger.gen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAChE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAI7C,eAAO,MAAM,cAAc,EAA+C,OAAO,eAAe,CAAC,OAAO,CAAC,mBAAmB,CAAC,GAAG;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAC,CAAC,CAAA"}
+{"version":3,"file":"popover-trigger.gen.d.ts","sourceRoot":"","sources":["../../../../../src/components/popover/popover-trigger.gen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AACvF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAIrD,eAAO,MAAM,cAAc,EAAgB,OAAO,eAAe,CAAC,OAAO,CAAC,mBAAmB,CAAC,GAAG,cAAc,CAAC,qBAAqB,CAAC,CAAC,CAAA"}

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

@@ -1,14 +1,17 @@
 <script lang="ts">
 import '@prosekit/web/popover'
 import { defaultPopoverTriggerProps } from '@prosekit/web/popover'
+import { useWebComponent } from '../../utils/use-web-component'
 
-import { useEditorContext } from '../../contexts/editor-context'
+let attributes: Record<string, unknown> = {}
+let element: HTMLElement | undefined = undefined
+const handleChange = useWebComponent(defaultPopoverTriggerProps)
 
-const hasEditor = Object.hasOwn(defaultPopoverTriggerProps, 'editor')
-const editorContext = useEditorContext()
-const editor = hasEditor ? editorContext : undefined
+$: {
+  attributes = handleChange(element, $$props)
+}
 </script>
 
-<prosekit-popover-trigger {editor} {...$$props}>
+<prosekit-popover-trigger {...attributes} bind:this={element}>
   <slot />
 </prosekit-popover-trigger>

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

@@ -1 +1 @@
-{"version":3,"file":"popover-trigger.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/popover/popover-trigger.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,uBAAuB,CAAA;AAsB9B,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACzD,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC3D,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEzD,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,oBAAoB,CAAC,mBAAmB,EAAE,oBAAoB,EAAE,mBAAmB,CAAC;CAC/H"}
+{"version":3,"file":"popover-trigger.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/popover/popover-trigger.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,uBAAuB,CAAA;AAwB9B,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACzD,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC3D,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEzD,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,oBAAoB,CAAC,mBAAmB,EAAE,oBAAoB,EAAE,mBAAmB,CAAC;CAC/H"}

package/dist/build/components/resizable/resizable-handle.gen.d.ts

@@ -1,6 +1,5 @@
-import type { ResizableHandleProps } from '@prosekit/web/resizable';
+import type { ResizableHandleElement, ResizableHandleProps } from '@prosekit/web/resizable';
 import type { SvelteComponent } from 'svelte';
-export declare const ResizableHandle: typeof SvelteComponent<Partial<ResizableHandleProps> & {
-    class?: string;
-}>;
+import type { HTMLAttributes } from 'svelte/elements';
+export declare const ResizableHandle: typeof SvelteComponent<Partial<ResizableHandleProps> & HTMLAttributes<ResizableHandleElement>>;
 //# sourceMappingURL=resizable-handle.gen.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"resizable-handle.gen.d.ts","sourceRoot":"","sources":["../../../../../src/components/resizable/resizable-handle.gen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAA;AACnE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAI7C,eAAO,MAAM,eAAe,EAA+C,OAAO,eAAe,CAAC,OAAO,CAAC,oBAAoB,CAAC,GAAG;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAC,CAAC,CAAA"}
+{"version":3,"file":"resizable-handle.gen.d.ts","sourceRoot":"","sources":["../../../../../src/components/resizable/resizable-handle.gen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAA;AAC3F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAIrD,eAAO,MAAM,eAAe,EAAgB,OAAO,eAAe,CAAC,OAAO,CAAC,oBAAoB,CAAC,GAAG,cAAc,CAAC,sBAAsB,CAAC,CAAC,CAAA"}

package/dist/build/components/resizable/resizable-handle.gen.svelte

@@ -1,14 +1,17 @@
 <script lang="ts">
 import '@prosekit/web/resizable'
 import { defaultResizableHandleProps } from '@prosekit/web/resizable'
+import { useWebComponent } from '../../utils/use-web-component'
 
-import { useEditorContext } from '../../contexts/editor-context'
+let attributes: Record<string, unknown> = {}
+let element: HTMLElement | undefined = undefined
+const handleChange = useWebComponent(defaultResizableHandleProps)
 
-const hasEditor = Object.hasOwn(defaultResizableHandleProps, 'editor')
-const editorContext = useEditorContext()
-const editor = hasEditor ? editorContext : undefined
+$: {
+  attributes = handleChange(element, $$props)
+}
 </script>
 
-<prosekit-resizable-handle {editor} {...$$props}>
+<prosekit-resizable-handle {...attributes} bind:this={element}>
   <slot />
 </prosekit-resizable-handle>

package/dist/build/components/resizable/resizable-handle.gen.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resizable-handle.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/resizable/resizable-handle.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,yBAAyB,CAAA;AAsBhC,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC1D,MAAM,MAAM,qBAAqB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC5D,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE1D,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,oBAAoB,CAAC,oBAAoB,EAAE,qBAAqB,EAAE,oBAAoB,CAAC;CACnI"}
+{"version":3,"file":"resizable-handle.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/resizable/resizable-handle.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,yBAAyB,CAAA;AAwBhC,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC1D,MAAM,MAAM,qBAAqB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC5D,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE1D,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,oBAAoB,CAAC,oBAAoB,EAAE,qBAAqB,EAAE,oBAAoB,CAAC;CACnI"}

package/dist/build/components/resizable/resizable-root.gen.d.ts

@@ -1,6 +1,5 @@
-import type { ResizableRootProps } from '@prosekit/web/resizable';
+import type { ResizableRootElement, ResizableRootProps } from '@prosekit/web/resizable';
 import type { SvelteComponent } from 'svelte';
-export declare const ResizableRoot: typeof SvelteComponent<Partial<ResizableRootProps> & {
-    class?: string;
-}>;
+import type { HTMLAttributes } from 'svelte/elements';
+export declare const ResizableRoot: typeof SvelteComponent<Partial<ResizableRootProps> & HTMLAttributes<ResizableRootElement>>;
 //# sourceMappingURL=resizable-root.gen.d.ts.map

package/dist/build/components/resizable/resizable-root.gen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resizable-root.gen.d.ts","sourceRoot":"","sources":["../../../../../src/components/resizable/resizable-root.gen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AACjE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAI7C,eAAO,MAAM,aAAa,EAA+C,OAAO,eAAe,CAAC,OAAO,CAAC,kBAAkB,CAAC,GAAG;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAC,CAAC,CAAA"}
+{"version":3,"file":"resizable-root.gen.d.ts","sourceRoot":"","sources":["../../../../../src/components/resizable/resizable-root.gen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AACvF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAIrD,eAAO,MAAM,aAAa,EAAgB,OAAO,eAAe,CAAC,OAAO,CAAC,kBAAkB,CAAC,GAAG,cAAc,CAAC,oBAAoB,CAAC,CAAC,CAAA"}

package/dist/build/components/resizable/resizable-root.gen.svelte

@@ -1,14 +1,17 @@
 <script lang="ts">
 import '@prosekit/web/resizable'
 import { defaultResizableRootProps } from '@prosekit/web/resizable'
+import { useWebComponent } from '../../utils/use-web-component'
 
-import { useEditorContext } from '../../contexts/editor-context'
+let attributes: Record<string, unknown> = {}
+let element: HTMLElement | undefined = undefined
+const handleChange = useWebComponent(defaultResizableRootProps)
 
-const hasEditor = Object.hasOwn(defaultResizableRootProps, 'editor')
-const editorContext = useEditorContext()
-const editor = hasEditor ? editorContext : undefined
+$: {
+  attributes = handleChange(element, $$props)
+}
 </script>
 
-<prosekit-resizable-root {editor} {...$$props}>
+<prosekit-resizable-root {...attributes} bind:this={element}>
   <slot />
 </prosekit-resizable-root>

package/dist/build/components/resizable/resizable-root.gen.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resizable-root.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/resizable/resizable-root.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,yBAAyB,CAAA;AAsBhC,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACxD,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC1D,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAExD,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,oBAAoB,CAAC,kBAAkB,EAAE,mBAAmB,EAAE,kBAAkB,CAAC;CAC3H"}
+{"version":3,"file":"resizable-root.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/resizable/resizable-root.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,yBAAyB,CAAA;AAwBhC,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACxD,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC1D,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAExD,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,oBAAoB,CAAC,kBAAkB,EAAE,mBAAmB,EAAE,kBAAkB,CAAC;CAC3H"}

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

@@ -1,6 +1,5 @@
-import type { TooltipContentProps } from '@prosekit/web/tooltip';
+import type { TooltipContentElement, TooltipContentProps } from '@prosekit/web/tooltip';
 import type { SvelteComponent } from 'svelte';
-export declare const TooltipContent: typeof SvelteComponent<Partial<TooltipContentProps> & {
-    class?: string;
-}>;
+import type { HTMLAttributes } from 'svelte/elements';
+export declare const TooltipContent: typeof SvelteComponent<Partial<TooltipContentProps> & HTMLAttributes<TooltipContentElement>>;
 //# sourceMappingURL=tooltip-content.gen.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip-content.gen.d.ts","sourceRoot":"","sources":["../../../../../src/components/tooltip/tooltip-content.gen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAChE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAI7C,eAAO,MAAM,cAAc,EAA+C,OAAO,eAAe,CAAC,OAAO,CAAC,mBAAmB,CAAC,GAAG;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAC,CAAC,CAAA"}
+{"version":3,"file":"tooltip-content.gen.d.ts","sourceRoot":"","sources":["../../../../../src/components/tooltip/tooltip-content.gen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AACvF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAIrD,eAAO,MAAM,cAAc,EAAgB,OAAO,eAAe,CAAC,OAAO,CAAC,mBAAmB,CAAC,GAAG,cAAc,CAAC,qBAAqB,CAAC,CAAC,CAAA"}

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

@@ -1,14 +1,17 @@
 <script lang="ts">
 import '@prosekit/web/tooltip'
 import { defaultTooltipContentProps } from '@prosekit/web/tooltip'
+import { useWebComponent } from '../../utils/use-web-component'
 
-import { useEditorContext } from '../../contexts/editor-context'
+let attributes: Record<string, unknown> = {}
+let element: HTMLElement | undefined = undefined
+const handleChange = useWebComponent(defaultTooltipContentProps)
 
-const hasEditor = Object.hasOwn(defaultTooltipContentProps, 'editor')
-const editorContext = useEditorContext()
-const editor = hasEditor ? editorContext : undefined
+$: {
+  attributes = handleChange(element, $$props)
+}
 </script>
 
-<prosekit-tooltip-content {editor} {...$$props}>
+<prosekit-tooltip-content {...attributes} bind:this={element}>
   <slot />
 </prosekit-tooltip-content>

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip-content.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/tooltip/tooltip-content.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,uBAAuB,CAAA;AAsB9B,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACzD,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC3D,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEzD,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,oBAAoB,CAAC,mBAAmB,EAAE,oBAAoB,EAAE,mBAAmB,CAAC;CAC/H"}
+{"version":3,"file":"tooltip-content.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/tooltip/tooltip-content.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,uBAAuB,CAAA;AAwB9B,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACzD,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC3D,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEzD,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,oBAAoB,CAAC,mBAAmB,EAAE,oBAAoB,EAAE,mBAAmB,CAAC;CAC/H"}

package/dist/build/components/tooltip/tooltip-root.gen.d.ts

@@ -1,6 +1,5 @@
-import type { TooltipRootProps } from '@prosekit/web/tooltip';
+import type { TooltipRootElement, TooltipRootProps } from '@prosekit/web/tooltip';
 import type { SvelteComponent } from 'svelte';
-export declare const TooltipRoot: typeof SvelteComponent<Partial<TooltipRootProps> & {
-    class?: string;
-}>;
+import type { HTMLAttributes } from 'svelte/elements';
+export declare const TooltipRoot: typeof SvelteComponent<Partial<TooltipRootProps> & HTMLAttributes<TooltipRootElement>>;
 //# sourceMappingURL=tooltip-root.gen.d.ts.map

package/dist/build/components/tooltip/tooltip-root.gen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip-root.gen.d.ts","sourceRoot":"","sources":["../../../../../src/components/tooltip/tooltip-root.gen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAC7D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAI7C,eAAO,MAAM,WAAW,EAA+C,OAAO,eAAe,CAAC,OAAO,CAAC,gBAAgB,CAAC,GAAG;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAC,CAAC,CAAA"}
+{"version":3,"file":"tooltip-root.gen.d.ts","sourceRoot":"","sources":["../../../../../src/components/tooltip/tooltip-root.gen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACjF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAIrD,eAAO,MAAM,WAAW,EAAgB,OAAO,eAAe,CAAC,OAAO,CAAC,gBAAgB,CAAC,GAAG,cAAc,CAAC,kBAAkB,CAAC,CAAC,CAAA"}

package/dist/build/components/tooltip/tooltip-root.gen.svelte

@@ -1,14 +1,17 @@
 <script lang="ts">
 import '@prosekit/web/tooltip'
 import { defaultTooltipRootProps } from '@prosekit/web/tooltip'
+import { useWebComponent } from '../../utils/use-web-component'
 
-import { useEditorContext } from '../../contexts/editor-context'
+let attributes: Record<string, unknown> = {}
+let element: HTMLElement | undefined = undefined
+const handleChange = useWebComponent(defaultTooltipRootProps)
 
-const hasEditor = Object.hasOwn(defaultTooltipRootProps, 'editor')
-const editorContext = useEditorContext()
-const editor = hasEditor ? editorContext : undefined
+$: {
+  attributes = handleChange(element, $$props)
+}
 </script>
 
-<prosekit-tooltip-root {editor} {...$$props}>
+<prosekit-tooltip-root {...attributes} bind:this={element}>
   <slot />
 </prosekit-tooltip-root>

package/dist/build/components/tooltip/tooltip-root.gen.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip-root.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/tooltip/tooltip-root.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,uBAAuB,CAAA;AAsB9B,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACtD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACxD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEtD,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,oBAAoB,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,gBAAgB,CAAC;CACnH"}
+{"version":3,"file":"tooltip-root.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/tooltip/tooltip-root.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,uBAAuB,CAAA;AAwB9B,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACtD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACxD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEtD,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,oBAAoB,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,gBAAgB,CAAC;CACnH"}

package/dist/build/components/tooltip/tooltip-trigger.gen.d.ts

@@ -1,6 +1,5 @@
-import type { TooltipTriggerProps } from '@prosekit/web/tooltip';
+import type { TooltipTriggerElement, TooltipTriggerProps } from '@prosekit/web/tooltip';
 import type { SvelteComponent } from 'svelte';
-export declare const TooltipTrigger: typeof SvelteComponent<Partial<TooltipTriggerProps> & {
-    class?: string;
-}>;
+import type { HTMLAttributes } from 'svelte/elements';
+export declare const TooltipTrigger: typeof SvelteComponent<Partial<TooltipTriggerProps> & HTMLAttributes<TooltipTriggerElement>>;
 //# sourceMappingURL=tooltip-trigger.gen.d.ts.map

package/dist/build/components/tooltip/tooltip-trigger.gen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip-trigger.gen.d.ts","sourceRoot":"","sources":["../../../../../src/components/tooltip/tooltip-trigger.gen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAChE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAI7C,eAAO,MAAM,cAAc,EAA+C,OAAO,eAAe,CAAC,OAAO,CAAC,mBAAmB,CAAC,GAAG;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAC,CAAC,CAAA"}
+{"version":3,"file":"tooltip-trigger.gen.d.ts","sourceRoot":"","sources":["../../../../../src/components/tooltip/tooltip-trigger.gen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AACvF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAIrD,eAAO,MAAM,cAAc,EAAgB,OAAO,eAAe,CAAC,OAAO,CAAC,mBAAmB,CAAC,GAAG,cAAc,CAAC,qBAAqB,CAAC,CAAC,CAAA"}

package/dist/build/components/tooltip/tooltip-trigger.gen.svelte

@@ -1,14 +1,17 @@
 <script lang="ts">
 import '@prosekit/web/tooltip'
 import { defaultTooltipTriggerProps } from '@prosekit/web/tooltip'
+import { useWebComponent } from '../../utils/use-web-component'
 
-import { useEditorContext } from '../../contexts/editor-context'
+let attributes: Record<string, unknown> = {}
+let element: HTMLElement | undefined = undefined
+const handleChange = useWebComponent(defaultTooltipTriggerProps)
 
-const hasEditor = Object.hasOwn(defaultTooltipTriggerProps, 'editor')
-const editorContext = useEditorContext()
-const editor = hasEditor ? editorContext : undefined
+$: {
+  attributes = handleChange(element, $$props)
+}
 </script>
 
-<prosekit-tooltip-trigger {editor} {...$$props}>
+<prosekit-tooltip-trigger {...attributes} bind:this={element}>
   <slot />
 </prosekit-tooltip-trigger>

package/dist/build/components/tooltip/tooltip-trigger.gen.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip-trigger.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/tooltip/tooltip-trigger.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,uBAAuB,CAAA;AAsB9B,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACzD,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC3D,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEzD,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,oBAAoB,CAAC,mBAAmB,EAAE,oBAAoB,EAAE,mBAAmB,CAAC;CAC/H"}
+{"version":3,"file":"tooltip-trigger.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/tooltip/tooltip-trigger.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,uBAAuB,CAAA;AAwB9B,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACzD,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC3D,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEzD,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,oBAAoB,CAAC,mBAAmB,EAAE,oBAAoB,EAAE,mBAAmB,CAAC;CAC/H"}

package/dist/build/utils/use-web-component.d.ts

@@ -0,0 +1,2 @@
+export declare function useWebComponent(defaultProps: Readonly<Record<string, unknown>>): (element: HTMLElement | undefined, $$props: Record<string, unknown>) => Record<string, unknown>;
+//# sourceMappingURL=use-web-component.d.ts.map

package/dist/build/utils/use-web-component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-web-component.d.ts","sourceRoot":"","sources":["../../../../src/utils/use-web-component.ts"],"names":[],"mappings":"AAMA,wBAAgB,eAAe,CAC7B,YAAY,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,aAQpC,WAAW,GAAG,SAAS,WACvB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,6BA6BnC"}

package/dist/build/utils/use-web-component.js

@@ -0,0 +1,36 @@
+import { useEditorContext } from '../contexts/editor-context';
+// For unknown reason, Svelte v4 cannot set properties on a web component
+// when I directly use `{...$$props}`. It seems that Svelte v4 recognizes
+// the properties as attributes. Here is a workaround to set the properties
+// on the element manually and only let Svelte set the attributes.
+export function useWebComponent(defaultProps) {
+    const propertyNames = Object.keys(defaultProps);
+    const hasEditor = propertyNames.includes('editor');
+    const editorContext = useEditorContext();
+    function handleChange(element, $$props) {
+        const properties = {};
+        const attributes = {};
+        for (const [key, value] of Object.entries($$props)) {
+            if (value === undefined || key.startsWith('$')) {
+                continue;
+            }
+            else if (propertyNames.includes(key)) {
+                properties[key] = value;
+            }
+            else {
+                attributes[key] = value;
+            }
+        }
+        if (hasEditor && !properties.editor && editorContext) {
+            properties.editor = editorContext;
+        }
+        if (element) {
+            for (const [key, value] of Object.entries(properties)) {
+                ;
+                element[key] = value;
+            }
+        }
+        return attributes;
+    }
+    return handleChange;
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/svelte",
   "type": "module",
-  "version": "0.4.0",
+  "version": "0.4.2",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -73,7 +73,7 @@
   "dependencies": {
     "@prosemirror-adapter/svelte": "^0.2.6",
     "@prosekit/core": "^0.7.1",
-    "@prosekit/web": "^0.2.3",
+    "@prosekit/web": "^0.3.0",
     "@prosekit/pm": "^0.1.5"
   },
   "peerDependencies": {
@@ -86,7 +86,7 @@
   },
   "devDependencies": {
     "@sveltejs/package": "^2.3.2",
-    "@types/node": "^20.14.9",
+    "@types/node": "^20.14.10",
     "read-pkg": "^9.0.1",
     "svelte": "^4.2.18",
     "svelte-check": "^3.8.4",