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

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/{prosekit.d.ts → prosekit/index.d.ts}

@@ -9,4 +9,4 @@ export interface ProseKitProps {
  * @public
  */
 export declare const ProseKit: typeof SvelteComponent<ProseKitProps>;
-//# sourceMappingURL=prosekit.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/dist/build/components/prosekit/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/prosekit/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAI7C,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,MAAM,CAAA;CACf;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,EACoB,OAAO,eAAe,CAAC,aAAa,CAAC,CAAA"}

package/dist/build/components/prosekit/index.js

@@ -0,0 +1,7 @@
+import Comp from './prosekit.svelte';
+/**
+ * The root component for a ProseKit editor.
+ *
+ * @public
+ */
+export const ProseKit = Comp;

package/dist/build/components/prosekit/prosekit.svelte

@@ -0,0 +1,14 @@
+<script lang="ts">
+import type { Editor } from '@prosekit/core'
+import { useProsemirrorAdapterProvider } from '@prosemirror-adapter/svelte'
+import { setEditorContext } from '../../contexts/editor-context'
+import { NodeViewConsumer } from '../node-view-consumer'
+
+export let editor: Editor
+
+setEditorContext(editor)
+useProsemirrorAdapterProvider()
+</script>
+
+<slot />
+<NodeViewConsumer />

package/dist/build/components/prosekit/prosekit.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prosekit.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/prosekit/prosekit.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAsB5C,QAAA,MAAM,SAAS;;gBAD8B,MAAM;;;;;;;;CACI,CAAC;AACxD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACnD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACrD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEnD,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,oBAAoB,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC;CACvG"}

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/contexts/editor-context.d.ts

@@ -6,5 +6,5 @@ export declare function setEditorContext(editor: Editor): void;
 /**
  * @internal
  */
-export declare function useEditorContext<E extends Extension>(): Editor<E> | null;
+export declare function useEditorContext<E extends Extension>(): Editor<E> | void;
 //# sourceMappingURL=editor-context.d.ts.map

package/dist/build/contexts/editor-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editor-context.d.ts","sourceRoot":"","sources":["../../../../src/contexts/editor-context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,MAAM,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAK3E;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAKrD;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,CAKxE"}
+{"version":3,"file":"editor-context.d.ts","sourceRoot":"","sources":["../../../../src/contexts/editor-context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,MAAM,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAK3E;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAKrD;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,CAIxE"}

package/dist/build/contexts/editor-context.js

@@ -14,8 +14,7 @@ export function setEditorContext(editor) {
  * @internal
  */
 export function useEditorContext() {
-    if (!hasContext(key)) {
-        return null;
+    if (hasContext(key)) {
+        return getContext(key);
     }
-    return getContext(key);
 }

package/dist/build/hooks/use-editor-extension.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-editor-extension.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-editor-extension.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAuB,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE5E,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAA;AAI5C;;GAEG;AACH,wBAAgB,kBAAkB,CAChC,WAAW,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACtC,cAAc,EAAE,QAAQ,CAAC,SAAS,GAAG,IAAI,CAAC,QAyB3C"}
+{"version":3,"file":"use-editor-extension.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-editor-extension.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAuB,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE5E,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAA;AAI5C;;GAEG;AACH,wBAAgB,kBAAkB,CAChC,WAAW,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACtC,cAAc,EAAE,QAAQ,CAAC,SAAS,GAAG,IAAI,CAAC,QA6B3C"}

package/dist/build/hooks/use-editor-extension.js

@@ -1,5 +1,5 @@
 import { Editor, EditorNotFoundError } from '@prosekit/core';
-import { onDestroy } from 'svelte';
+import { onMount } from 'svelte';
 import {} from 'svelte/store';
 import { useEditorContext } from '../contexts/editor-context';
 /**
@@ -7,21 +7,25 @@ import { useEditorContext } from '../contexts/editor-context';
  */
 export function useEditorExtension(maybeEditor, extensionStore) {
     const editorContext = useEditorContext();
-    let cleanup;
-    const unsubscribe = extensionStore.subscribe((extension) => {
-        cleanup === null || cleanup === void 0 ? void 0 : cleanup();
-        cleanup = undefined;
-        const editor = maybeEditor || editorContext;
-        if (!editor) {
-            throw new EditorNotFoundError();
-        }
-        if (extension) {
-            cleanup = editor.use(extension);
-        }
-    });
-    onDestroy(() => {
-        cleanup === null || cleanup === void 0 ? void 0 : cleanup();
-        cleanup = undefined;
-        unsubscribe();
+    onMount(() => {
+        let cleanup;
+        let unsubscribe;
+        unsubscribe = extensionStore.subscribe((extension) => {
+            cleanup === null || cleanup === void 0 ? void 0 : cleanup();
+            cleanup = undefined;
+            const editor = maybeEditor || editorContext;
+            if (!editor) {
+                throw new EditorNotFoundError();
+            }
+            if (extension) {
+                cleanup = editor.use(extension);
+            }
+        });
+        return () => {
+            cleanup === null || cleanup === void 0 ? void 0 : cleanup();
+            cleanup = undefined;
+            unsubscribe === null || unsubscribe === void 0 ? void 0 : unsubscribe();
+            unsubscribe = undefined;
+        };
     });
 }

package/dist/build/hooks/use-editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-editor.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-editor.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,MAAM,EACX,KAAK,SAAS,EAEf,MAAM,gBAAgB,CAAA;AAEvB,OAAO,EAAsB,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAA;AAIhE;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,CAAC,SAAS,SAAS,GAAG,GAAG,EAAE,OAAO,CAAC,EAAE;IAC7D;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CA2BtB"}
+{"version":3,"file":"use-editor.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-editor.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,MAAM,EACX,KAAK,SAAS,EACf,MAAM,gBAAgB,CAAA;AAEvB,OAAO,EAAsB,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAA;AAIhE;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,CAAC,SAAS,SAAS,GAAG,GAAG,EAAE,OAAO,CAAC,EAAE;IAC7D;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CA0BtB"}

package/dist/build/hooks/use-editor.js

@@ -1,5 +1,5 @@
-import { defineMountHandler, defineUpdateHandler, union, ProseKitError, } from '@prosekit/core';
-import { onDestroy, onMount } from 'svelte';
+import { ProseKitError, defineMountHandler, defineUpdateHandler, union, } from '@prosekit/core';
+import { onMount } from 'svelte';
 import { readonly, writable } from 'svelte/store';
 import { useEditorContext } from '../contexts/editor-context';
 /**
@@ -24,8 +24,7 @@ export function useEditor(options) {
                 defineMountHandler(forceUpdate),
                 defineUpdateHandler(forceUpdate),
             ]);
-            const dispose = editor.use(extension);
-            onDestroy(dispose);
+            return editor.use(extension);
         });
     }
     return readonly(editorStore);

package/dist/build/index.d.ts

@@ -1,8 +1,10 @@
-export { ProseKit } from './components/prosekit';
+export { ProseKit, type ProseKitProps } from './components/prosekit';
+export { useDocChange } from './hooks/use-doc-change';
 export { useEditor } from './hooks/use-editor';
 export { useExtension, type UseExtensionOptions } from './hooks/use-extension';
 export { useKeymap } from './hooks/use-keymap';
 export { useStateUpdate } from './hooks/use-state-update';
-export { useDocChange } from './hooks/use-doc-change';
+export { defineSvelteNodeView } from './node-view/define-svelte-node-view';
+export type { SvelteNodeViewComponent, SvelteNodeViewOptions, SvelteNodeViewProps, } from './node-view/types';
 export type { PropsWithClass } from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/build/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAE,YAAY,EAAE,KAAK,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC9E,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACrD,YAAY,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAA;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAE,YAAY,EAAE,KAAK,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC9E,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAA;AAC1E,YAAY,EACV,uBAAuB,EACvB,qBAAqB,EACrB,mBAAmB,GACpB,MAAM,mBAAmB,CAAA;AAC1B,YAAY,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA"}

package/dist/build/index.js

@@ -1,6 +1,7 @@
 export { ProseKit } from './components/prosekit';
+export { useDocChange } from './hooks/use-doc-change';
 export { useEditor } from './hooks/use-editor';
 export { useExtension } from './hooks/use-extension';
 export { useKeymap } from './hooks/use-keymap';
 export { useStateUpdate } from './hooks/use-state-update';
-export { useDocChange } from './hooks/use-doc-change';
+export { defineSvelteNodeView } from './node-view/define-svelte-node-view';

package/dist/build/node-view/define-svelte-node-view-factory.d.ts

@@ -0,0 +1,4 @@
+import type { NodeViewConstructor } from '@prosekit/pm/view';
+import type { SvelteNodeViewUserOptions } from '@prosemirror-adapter/svelte';
+export declare function defineSvelteNodeViewFactory(factory: (options: SvelteNodeViewUserOptions) => NodeViewConstructor): import("@prosekit/core").Extension<import("@prosekit/core").ExtensionTyping<any, any, any>>;
+//# sourceMappingURL=define-svelte-node-view-factory.d.ts.map

package/dist/build/node-view/define-svelte-node-view-factory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"define-svelte-node-view-factory.d.ts","sourceRoot":"","sources":["../../../../src/node-view/define-svelte-node-view-factory.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAC5D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AAE5E,wBAAgB,2BAA2B,CACzC,OAAO,EAAE,CAAC,OAAO,EAAE,yBAAyB,KAAK,mBAAmB,+FAMrE"}

package/dist/build/node-view/define-svelte-node-view-factory.js

@@ -0,0 +1,7 @@
+import { defineNodeViewFactory } from '@prosekit/core';
+export function defineSvelteNodeViewFactory(factory) {
+    return defineNodeViewFactory({
+        group: 'svelte',
+        factory,
+    });
+}

package/dist/build/node-view/define-svelte-node-view.d.ts

@@ -0,0 +1,9 @@
+import { type Extension } from '@prosekit/core';
+import type { SvelteNodeViewOptions } from './types';
+/**
+ * Defines a node view using a Svelte component.
+ *
+ * @public
+ */
+export declare function defineSvelteNodeView(options: SvelteNodeViewOptions): Extension;
+//# sourceMappingURL=define-svelte-node-view.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"define-svelte-node-view.d.ts","sourceRoot":"","sources":["../../../../src/node-view/define-svelte-node-view.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAMxE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAEpD;;;;GAIG;AACH,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,qBAAqB,GAC7B,SAAS,CAoBX"}

package/dist/build/node-view/define-svelte-node-view.js

@@ -0,0 +1,26 @@
+import { defineNodeViewComponent } from '@prosekit/core';
+import { NodeViewWrapper } from '../components/node-view-wrapper';
+/**
+ * Defines a node view using a Svelte component.
+ *
+ * @public
+ */
+export function defineSvelteNodeView(options) {
+    const { name, component, ...userOptions } = options;
+    const args = {
+        ...userOptions,
+        component: class NodeViewPropsWrapper extends NodeViewWrapper {
+            constructor(options) {
+                super({
+                    ...options,
+                    props: { ...options.props, component },
+                });
+            }
+        },
+    };
+    return defineNodeViewComponent({
+        group: 'svelte',
+        name,
+        args,
+    });
+}

package/dist/build/node-view/types.d.ts

@@ -0,0 +1,38 @@
+import type { BaseNodeViewOptions } from '@prosekit/core';
+import type { Attrs, ProseMirrorNode } from '@prosekit/pm/model';
+import type { Decoration, DecorationSource, EditorView } from '@prosekit/pm/view';
+import type { ComponentType, SvelteComponent } from 'svelte';
+import type { Writable } from 'svelte/store';
+/**
+ * @public
+ */
+export interface SvelteNodeViewProps {
+    contentRef: (node: HTMLElement | null) => void;
+    view: EditorView;
+    getPos: () => number | undefined;
+    setAttrs: (attrs: Attrs) => void;
+    node: Writable<ProseMirrorNode>;
+    selected: Writable<boolean>;
+    decorations: Writable<readonly Decoration[]>;
+    innerDecorations: Writable<DecorationSource>;
+}
+/**
+ * @public
+ */
+export type SvelteNodeViewComponent = ComponentType<SvelteComponent<SvelteNodeViewProps>>;
+/**
+ * Options for {@link defineSvelteNodeView}.
+ *
+ * @public
+ */
+export interface SvelteNodeViewOptions extends BaseNodeViewOptions {
+    /**
+     * The name of the node type.
+     */
+    name: string;
+    /**
+     * The Svelte component to render the node.
+     */
+    component: SvelteNodeViewComponent;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/build/node-view/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/node-view/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AACzD,OAAO,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAChE,OAAO,KAAK,EACV,UAAU,EACV,gBAAgB,EAChB,UAAU,EACX,MAAM,mBAAmB,CAAA;AAC1B,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAC5D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAE5C;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAElC,UAAU,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,IAAI,EAAE,UAAU,CAAA;IAChB,MAAM,EAAE,MAAM,MAAM,GAAG,SAAS,CAAA;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IAGhC,IAAI,EAAE,QAAQ,CAAC,eAAe,CAAC,CAAA;IAC/B,QAAQ,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;IAC3B,WAAW,EAAE,QAAQ,CAAC,SAAS,UAAU,EAAE,CAAC,CAAA;IAC5C,gBAAgB,EAAE,QAAQ,CAAC,gBAAgB,CAAC,CAAA;CAC7C;AAED;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG,aAAa,CACjD,eAAe,CAAC,mBAAmB,CAAC,CACrC,CAAA;AAED;;;;GAIG;AACH,MAAM,WAAW,qBAAsB,SAAQ,mBAAmB;IAChE;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;IAEZ;;OAEG;IACH,SAAS,EAAE,uBAAuB,CAAA;CACnC"}

package/dist/build/node-view/types.js

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

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;
+}