@prosekit/svelte 0.4.21 → 0.5.0

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

@@ -1,5 +1,11 @@
-import type { AutocompleteEmptyElement, AutocompleteEmptyProps } from '@prosekit/web/autocomplete';
+import type { AutocompleteEmptyElement, AutocompleteEmptyProps as Props, AutocompleteEmptyEvents as Events } from '@prosekit/web/autocomplete';
 import type { SvelteComponent } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
-export declare const AutocompleteEmpty: typeof SvelteComponent<Partial<AutocompleteEmptyProps> & HTMLAttributes<AutocompleteEmptyElement>>;
+import type { CreateProps } from '../create-props';
+/**
+ * Props for the {@link AutocompleteEmpty} component.
+ */
+export interface AutocompleteEmptyProps extends Partial<CreateProps<Props, Events>> {
+}
+export declare const AutocompleteEmpty: typeof SvelteComponent<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,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"}
+{"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,IAAI,KAAK,EAAE,uBAAuB,IAAI,MAAM,EAAE,MAAM,4BAA4B,CAAA;AAC9I,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAErD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAIlD;;GAEG;AACH,MAAM,WAAW,sBAAuB,SAAQ,OAAO,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;CAAG;AAEtF,eAAO,MAAM,iBAAiB,EAAgB,OAAO,eAAe,CAAC,sBAAsB,GAAG,cAAc,CAAC,wBAAwB,CAAC,CAAC,CAAA"}

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

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

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.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,4BAA4B,CAAA;AA8BnC,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.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,4BAA4B,CAAA;AAiCnC,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,5 +1,11 @@
-import type { AutocompleteItemElement, AutocompleteItemProps } from '@prosekit/web/autocomplete';
+import type { AutocompleteItemElement, AutocompleteItemProps as Props, AutocompleteItemEvents as Events } from '@prosekit/web/autocomplete';
 import type { SvelteComponent } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
-export declare const AutocompleteItem: typeof SvelteComponent<Partial<AutocompleteItemProps> & HTMLAttributes<AutocompleteItemElement>>;
+import type { CreateProps } from '../create-props';
+/**
+ * Props for the {@link AutocompleteItem} component.
+ */
+export interface AutocompleteItemProps extends Partial<CreateProps<Props, Events>> {
+}
+export declare const AutocompleteItem: typeof SvelteComponent<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,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"}
+{"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,IAAI,KAAK,EAAE,sBAAsB,IAAI,MAAM,EAAE,MAAM,4BAA4B,CAAA;AAC3I,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAErD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAIlD;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,OAAO,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;CAAG;AAErF,eAAO,MAAM,gBAAgB,EAAgB,OAAO,eAAe,CAAC,qBAAqB,GAAG,cAAc,CAAC,uBAAuB,CAAC,CAAC,CAAA"}

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

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

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.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,4BAA4B,CAAA;AA8BnC,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.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,4BAA4B,CAAA;AAiCnC,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,5 +1,11 @@
-import type { AutocompleteListElement, AutocompleteListProps } from '@prosekit/web/autocomplete';
+import type { AutocompleteListElement, AutocompleteListProps as Props, AutocompleteListEvents as Events } from '@prosekit/web/autocomplete';
 import type { SvelteComponent } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
-export declare const AutocompleteList: typeof SvelteComponent<Partial<AutocompleteListProps> & HTMLAttributes<AutocompleteListElement>>;
+import type { CreateProps } from '../create-props';
+/**
+ * Props for the {@link AutocompleteList} component.
+ */
+export interface AutocompleteListProps extends Partial<CreateProps<Props, Events>> {
+}
+export declare const AutocompleteList: typeof SvelteComponent<AutocompleteListProps & HTMLAttributes<AutocompleteListElement>>;
 //# sourceMappingURL=autocomplete-list.gen.d.ts.map

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

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

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

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

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.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,4BAA4B,CAAA;AA8BnC,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.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,4BAA4B,CAAA;AAiCnC,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,5 +1,11 @@
-import type { AutocompletePopoverElement, AutocompletePopoverProps } from '@prosekit/web/autocomplete';
+import type { AutocompletePopoverElement, AutocompletePopoverProps as Props, AutocompletePopoverEvents as Events } from '@prosekit/web/autocomplete';
 import type { SvelteComponent } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
-export declare const AutocompletePopover: typeof SvelteComponent<Partial<AutocompletePopoverProps> & HTMLAttributes<AutocompletePopoverElement>>;
+import type { CreateProps } from '../create-props';
+/**
+ * Props for the {@link AutocompletePopover} component.
+ */
+export interface AutocompletePopoverProps extends Partial<CreateProps<Props, Events>> {
+}
+export declare const AutocompletePopover: typeof SvelteComponent<AutocompletePopoverProps & HTMLAttributes<AutocompletePopoverElement>>;
 //# sourceMappingURL=autocomplete-popover.gen.d.ts.map

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

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

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

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

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.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,4BAA4B,CAAA;AA8BnC,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.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,4BAA4B,CAAA;AAiCnC,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/autocomplete/index.gen.d.ts

@@ -0,0 +1,5 @@
+export { AutocompleteEmpty, type AutocompleteEmptyProps } from './autocomplete-empty.gen';
+export { AutocompleteItem, type AutocompleteItemProps } from './autocomplete-item.gen';
+export { AutocompleteList, type AutocompleteListProps } from './autocomplete-list.gen';
+export { AutocompletePopover, type AutocompletePopoverProps } from './autocomplete-popover.gen';
+//# sourceMappingURL=index.gen.d.ts.map

package/dist/build/components/autocomplete/index.gen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.gen.d.ts","sourceRoot":"","sources":["../../../../../src/components/autocomplete/index.gen.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AAEzF,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAEtF,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAEtF,OAAO,EAAE,mBAAmB,EAAE,KAAK,wBAAwB,EAAE,MAAM,4BAA4B,CAAA"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"block-handle-add.gen.d.ts","sourceRoot":"","sources":["../../../../../src/components/block-handle/block-handle-add.gen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AAC5F,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"}
+{"version":3,"file":"block-handle-add.gen.d.ts","sourceRoot":"","sources":["../../../../../src/components/block-handle/block-handle-add.gen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,mBAAmB,IAAI,KAAK,EAAE,oBAAoB,IAAI,MAAM,EAAE,MAAM,4BAA4B,CAAA;AACrI,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAErD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAIlD;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,OAAO,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;CAAG;AAEnF,eAAO,MAAM,cAAc,EAAgB,OAAO,eAAe,CAAC,mBAAmB,GAAG,cAAc,CAAC,qBAAqB,CAAC,CAAC,CAAA"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"block-handle-add.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/block-handle/block-handle-add.gen.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,4BAA4B,CAAA;AA8BnC,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":"block-handle-add.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/block-handle/block-handle-add.gen.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,4BAA4B,CAAA;AAiCnC,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/block-handle/block-handle-draggable.gen.d.ts

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"block-handle-draggable.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/block-handle/block-handle-draggable.gen.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,4BAA4B,CAAA;AA8BnC,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,yBAAyB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC/D,MAAM,MAAM,0BAA0B,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACjE,MAAM,MAAM,yBAAyB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE/D,MAAM,CAAC,OAAO,OAAO,oBAAqB,SAAQ,oBAAoB,CAAC,yBAAyB,EAAE,0BAA0B,EAAE,yBAAyB,CAAC;CACvJ"}
+{"version":3,"file":"block-handle-draggable.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/block-handle/block-handle-draggable.gen.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,4BAA4B,CAAA;AAiCnC,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,yBAAyB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC/D,MAAM,MAAM,0BAA0B,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACjE,MAAM,MAAM,yBAAyB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE/D,MAAM,CAAC,OAAO,OAAO,oBAAqB,SAAQ,oBAAoB,CAAC,yBAAyB,EAAE,0BAA0B,EAAE,yBAAyB,CAAC;CACvJ"}

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"block-handle-popover.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/block-handle/block-handle-popover.gen.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,4BAA4B,CAAA;AA8BnC,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,uBAAuB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC7D,MAAM,MAAM,wBAAwB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC/D,MAAM,MAAM,uBAAuB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE7D,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,oBAAoB,CAAC,uBAAuB,EAAE,wBAAwB,EAAE,uBAAuB,CAAC;CAC/I"}
+{"version":3,"file":"block-handle-popover.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/block-handle/block-handle-popover.gen.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,4BAA4B,CAAA;AAiCnC,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,uBAAuB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC7D,MAAM,MAAM,wBAAwB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC/D,MAAM,MAAM,uBAAuB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE7D,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,oBAAoB,CAAC,uBAAuB,EAAE,wBAAwB,EAAE,uBAAuB,CAAC;CAC/I"}

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

@@ -0,0 +1,4 @@
+export { BlockHandleAdd, type BlockHandleAddProps } from './block-handle-add.gen';
+export { BlockHandleDraggable, type BlockHandleDraggableProps } from './block-handle-draggable.gen';
+export { BlockHandlePopover, type BlockHandlePopoverProps } from './block-handle-popover.gen';
+//# sourceMappingURL=index.gen.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.gen.d.ts","sourceRoot":"","sources":["../../../../../src/components/block-handle/index.gen.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AAEjF,OAAO,EAAE,oBAAoB,EAAE,KAAK,yBAAyB,EAAE,MAAM,8BAA8B,CAAA;AAEnG,OAAO,EAAE,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,MAAM,4BAA4B,CAAA"}

package/dist/build/components/block-handle/{index.js → index.gen.js}

@@ -1,5 +1,3 @@
-export { BlockDragHandle } from './block-drag-handle.gen';
 export { BlockHandleAdd } from './block-handle-add.gen';
 export { BlockHandleDraggable } from './block-handle-draggable.gen';
 export { BlockHandlePopover } from './block-handle-popover.gen';
-export { BlockPopover } from './block-popover.gen';

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

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+export { InlinePopover, type InlinePopoverProps } from './inline-popover.gen';
+//# sourceMappingURL=index.gen.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.gen.d.ts","sourceRoot":"","sources":["../../../../../src/components/inline-popover/index.gen.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,sBAAsB,CAAA"}

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

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

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

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

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

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

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.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,8BAA8B,CAAA;AA8BrC,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.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,8BAA8B,CAAA;AAiCrC,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/index.gen.d.ts

@@ -0,0 +1,4 @@
+export { PopoverContent, type PopoverContentProps } from './popover-content.gen';
+export { PopoverRoot, type PopoverRootProps } from './popover-root.gen';
+export { PopoverTrigger, type PopoverTriggerProps } from './popover-trigger.gen';
+//# sourceMappingURL=index.gen.d.ts.map

package/dist/build/components/popover/index.gen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.gen.d.ts","sourceRoot":"","sources":["../../../../../src/components/popover/index.gen.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhF,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAEvE,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,uBAAuB,CAAA"}

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

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

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

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

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

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

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.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,uBAAuB,CAAA;AA8B9B,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.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,uBAAuB,CAAA;AAiC9B,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"}