@prosekit/svelte 0.0.0-next-20240626133927 → 0.0.0-next-20240715024943

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/node-view-consumer/index.d.ts

@@ -0,0 +1,6 @@
+import type { SvelteComponent } from 'svelte';
+/**
+ * @internal
+ */
+export declare const NodeViewConsumer: typeof SvelteComponent<Record<string, never>>;
+//# sourceMappingURL=index.d.ts.map

package/dist/build/components/node-view-consumer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/node-view-consumer/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAI7C;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAW,OAAO,eAAe,CAC5D,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CACtB,CAAA"}

package/dist/build/components/node-view-consumer/index.js

@@ -0,0 +1,5 @@
+import Comp from './node-view-consumer.svelte';
+/**
+ * @internal
+ */
+export const NodeViewConsumer = Comp;

package/dist/build/components/node-view-consumer/node-view-consumer.svelte

@@ -0,0 +1,15 @@
+<script lang="ts">
+import {
+  useNodeViewFactory,
+  type NodeViewFactory,
+} from '@prosemirror-adapter/svelte'
+import { readable } from 'svelte/store'
+import { useExtension } from '../../hooks/use-extension'
+import { defineSvelteNodeViewFactory } from '../../node-view/define-svelte-node-view-factory'
+
+const nodeViewFactory: NodeViewFactory = useNodeViewFactory()
+const extension = defineSvelteNodeViewFactory(nodeViewFactory)
+useExtension(readable(extension))
+</script>
+
+<slot />

package/dist/build/components/node-view-consumer/node-view-consumer.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type NodeViewConsumerProps = typeof __propDef.props;
+export type NodeViewConsumerEvents = typeof __propDef.events;
+export type NodeViewConsumerSlots = typeof __propDef.slots;
+export default class NodeViewConsumer extends SvelteComponentTyped<NodeViewConsumerProps, NodeViewConsumerEvents, NodeViewConsumerSlots> {
+}
+export {};
+//# sourceMappingURL=node-view-consumer.svelte.d.ts.map

package/dist/build/components/node-view-consumer/node-view-consumer.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"node-view-consumer.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/node-view-consumer/node-view-consumer.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAwBD,QAAA,MAAM,SAAS;;;;;;;;CAAwC,CAAC;AACxD,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/node-view-wrapper/index.d.ts

@@ -0,0 +1,6 @@
+import type { SvelteComponent } from 'svelte';
+import type { SvelteNodeViewComponent } from '../../node-view/types';
+export declare const NodeViewWrapper: typeof SvelteComponent<{
+    component: SvelteNodeViewComponent;
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/build/components/node-view-wrapper/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/node-view-wrapper/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAE7C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAA;AAIpE,eAAO,MAAM,eAAe,EACQ,OAAO,eAAe,CAAC;IACvD,SAAS,EAAE,uBAAuB,CAAA;CACnC,CAAC,CAAA"}

package/dist/build/components/node-view-wrapper/index.js

@@ -0,0 +1,2 @@
+import Comp from './node-view-wrapper.svelte';
+export const NodeViewWrapper = Comp;

package/dist/build/components/node-view-wrapper/node-view-wrapper.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+import { useNodeViewContext } from '@prosemirror-adapter/svelte'
+import type { SvelteNodeViewProps } from '../../node-view/types'
+import type { SvelteComponent } from 'svelte'
+
+export let component: SvelteComponent<SvelteNodeViewProps>
+
+const nodeViewProps: SvelteNodeViewProps = {
+  contentRef: useNodeViewContext('contentRef'),
+  view: useNodeViewContext('view'),
+  getPos: useNodeViewContext('getPos'),
+  setAttrs: useNodeViewContext('setAttrs'),
+  node: useNodeViewContext('node'),
+  selected: useNodeViewContext('selected'),
+  decorations: useNodeViewContext('decorations'),
+  innerDecorations: useNodeViewContext('innerDecorations'),
+}
+</script>
+
+<svelte:component this={component} {...nodeViewProps} />

package/dist/build/components/node-view-wrapper/node-view-wrapper.svelte.d.ts

@@ -0,0 +1,19 @@
+import { SvelteComponentTyped } from "svelte";
+import type { SvelteNodeViewProps } from '../../node-view/types';
+import type { SvelteComponent } from 'svelte';
+declare const __propDef: {
+    props: {
+        component: SvelteComponent<SvelteNodeViewProps>;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type NodeViewWrapperProps = typeof __propDef.props;
+export type NodeViewWrapperEvents = typeof __propDef.events;
+export type NodeViewWrapperSlots = typeof __propDef.slots;
+export default class NodeViewWrapper extends SvelteComponentTyped<NodeViewWrapperProps, NodeViewWrapperEvents, NodeViewWrapperSlots> {
+}
+export {};
+//# sourceMappingURL=node-view-wrapper.svelte.d.ts.map

package/dist/build/components/node-view-wrapper/node-view-wrapper.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"node-view-wrapper.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/node-view-wrapper/node-view-wrapper.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAED,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAChE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAyB7C,QAAA,MAAM,SAAS;;mBADuC,eAAe,CAAC,mBAAmB,CAAC;;;;;;CACnC,CAAC;AACxD,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/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"}