@prosekit/svelte 0.9.0-beta.0 → 0.9.0-beta.2

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

@@ -1,2 +0,0 @@
-import Component from './table-handle-column-root.gen.svelte';
-export const TableHandleColumnRoot = Component;

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"table-handle-column-trigger.gen.d.ts","sourceRoot":"","sources":["../../../../src/components/table-handle/table-handle-column-trigger.gen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,+BAA+B,EAAE,6BAA6B,IAAI,KAAK,EAAE,8BAA8B,IAAI,MAAM,EAAE,MAAM,4BAA4B,CAAA;AACnK,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAErD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAIrD;;GAEG;AACH,MAAM,WAAW,6BAA8B,SAAQ,OAAO,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;CAAG;AAE7F,eAAO,MAAM,wBAAwB,EAAgB,OAAO,eAAe,CAAC,6BAA6B,GAAG,cAAc,CAAC,+BAA+B,CAAC,CAAC,CAAA"}

package/dist/build/components/table-handle/table-handle-column-trigger.gen.js

@@ -1,2 +0,0 @@
-import Component from './table-handle-column-trigger.gen.svelte';
-export const TableHandleColumnTrigger = Component;

package/dist/build/components/table-handle/table-handle-column-trigger.gen.svelte

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"table-handle-popover-content.gen.d.ts","sourceRoot":"","sources":["../../../../src/components/table-handle/table-handle-popover-content.gen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gCAAgC,EAAE,8BAA8B,IAAI,KAAK,EAAE,+BAA+B,IAAI,MAAM,EAAE,MAAM,4BAA4B,CAAA;AACtK,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAErD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAIrD;;GAEG;AACH,MAAM,WAAW,8BAA+B,SAAQ,OAAO,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;CAAG;AAE9F,eAAO,MAAM,yBAAyB,EAAgB,OAAO,eAAe,CAAC,8BAA8B,GAAG,cAAc,CAAC,gCAAgC,CAAC,CAAC,CAAA"}

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

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

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

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

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

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

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

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

package/dist/build/components/table-handle/table-handle-popover-item.gen.js

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

package/dist/build/components/table-handle/table-handle-popover-item.gen.svelte

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

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

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

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

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

package/dist/build/components/table-handle/table-handle-row-root.gen.js

@@ -1,2 +0,0 @@
-import Component from './table-handle-row-root.gen.svelte';
-export const TableHandleRowRoot = Component;

package/dist/build/components/table-handle/table-handle-row-root.gen.svelte

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

package/dist/build/components/table-handle/table-handle-row-trigger.gen.d.ts

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

package/dist/build/components/table-handle/table-handle-row-trigger.gen.d.ts.map

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

package/dist/build/components/table-handle/table-handle-row-trigger.gen.js

@@ -1,2 +0,0 @@
-import Component from './table-handle-row-trigger.gen.svelte';
-export const TableHandleRowTrigger = Component;

package/dist/build/components/table-handle/table-handle-row-trigger.gen.svelte

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

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

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

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

@@ -1 +0,0 @@
-{"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,IAAI,KAAK,EAAE,oBAAoB,IAAI,MAAM,EAAE,MAAM,uBAAuB,CAAA;AAChI,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAErD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAIrD;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,OAAO,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;CAAG;AAEnF,eAAO,MAAM,cAAc,EAAgB,OAAO,eAAe,CAAC,mBAAmB,GAAG,cAAc,CAAC,qBAAqB,CAAC,CAAC,CAAA"}

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

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

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

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

package/dist/build/components/use-component.d.ts

@@ -1,3 +0,0 @@
-import type { EventHandler } from 'svelte/elements';
-export declare function useComponent(propNames: string[], eventNames: string[]): (element: HTMLElement | undefined, $$props: Record<string, unknown>) => [Record<string, unknown>, Record<string, EventHandler>];
-//# sourceMappingURL=use-component.d.ts.map

package/dist/build/components/use-component.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-component.d.ts","sourceRoot":"","sources":["../../../src/components/use-component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAQnD,wBAAgB,YAAY,CAC1B,SAAS,EAAE,MAAM,EAAE,EACnB,UAAU,EAAE,MAAM,EAAE,GACnB,CAAC,OAAO,EAAE,WAAW,GAAG,SAAS,EAAE,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CA0DjI"}

package/dist/build/components/use-component.js

@@ -1,50 +0,0 @@
-import { useEditorContext } from "../contexts/editor-context.js";
-// 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 useComponent(propNames, eventNames) {
-    const hasEditor = propNames.includes('editor');
-    const lowerCaseEventNameMap = new Map(eventNames.map((name) => [name.toLowerCase(), name]));
-    const editorContext = useEditorContext();
-    function handleChange(element, $$props) {
-        const properties = {};
-        const attributes = {};
-        const eventHandlers = {};
-        for (const [name, value] of Object.entries($$props)) {
-            if (value === undefined || name.startsWith('$')) {
-                continue;
-            }
-            if (propNames.includes(name)) {
-                properties[name] = value;
-                continue;
-            }
-            if (name.startsWith('on')) {
-                const lowerCaseEventName = name.slice(2).toLowerCase();
-                const eventName = lowerCaseEventNameMap.get(lowerCaseEventName);
-                if (eventName) {
-                    const extractDetail = eventName.endsWith('Change');
-                    eventHandlers[eventName] = (event) => {
-                        const handler = value;
-                        if (typeof handler === 'function') {
-                            handler(extractDetail ? event.detail : event);
-                        }
-                    };
-                    continue;
-                }
-            }
-            attributes[name] = value;
-        }
-        if (hasEditor && !properties.editor && editorContext) {
-            properties.editor = editorContext;
-        }
-        if (element) {
-            for (const [key, value] of Object.entries(properties)) {
-                ;
-                element[key] = value;
-            }
-        }
-        return [attributes, eventHandlers];
-    }
-    return handleChange;
-}

package/dist/build/components/use-event-handlers.d.ts

@@ -1,5 +0,0 @@
-export declare function useEventHandlers(element: HTMLElement, eventHandlers: Record<string, (...args: any[]) => any>): {
-    update(eventHandlers: Record<string, (...args: any[]) => any>): void;
-    destroy(): void;
-};
-//# sourceMappingURL=use-event-handlers.d.ts.map

package/dist/build/components/use-event-handlers.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-event-handlers.d.ts","sourceRoot":"","sources":["../../../src/components/use-event-handlers.ts"],"names":[],"mappings":"AAAA,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,WAAW,EACpB,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC;0BAgB9B,MAAM,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,GAAG,IAAI;eAGzD,IAAI;EAIlB"}

package/dist/build/components/use-event-handlers.js

@@ -1,20 +0,0 @@
-export function useEventHandlers(element, eventHandlers) {
-    const disposes = [];
-    const update = (eventHandlers) => {
-        disposes.forEach((dispose) => dispose());
-        disposes.length = 0;
-        for (const [name, handler] of Object.entries(eventHandlers)) {
-            element.addEventListener(name, handler);
-            disposes.push(() => element.removeEventListener(name, handler));
-        }
-    };
-    update(eventHandlers);
-    return {
-        update(eventHandlers) {
-            update(eventHandlers);
-        },
-        destroy() {
-            update({});
-        },
-    };
-}

package/src/components/autocomplete/autocomplete-list.gen.svelte

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

package/src/components/autocomplete/autocomplete-list.gen.ts

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

package/src/components/autocomplete/autocomplete-popover.gen.svelte

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

package/src/components/autocomplete/autocomplete-popover.gen.ts

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

package/src/components/block-handle/block-handle-popover.gen.svelte

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

package/src/components/block-handle/block-handle-popover.gen.ts

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

package/src/components/client-update/client-update.svelte

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

package/src/components/client-update/index.ts

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

package/src/components/create-props.ts

@@ -1,13 +0,0 @@
-export type CreateProps<
-  Props extends { [PropName in keyof Props]: unknown },
-  Events extends { [EventName in keyof Events]: CustomEvent },
-> = Props & CreateEventProps<Events>
-
-type CreateEventProps<
-  Events extends { [EventName in keyof Events]: CustomEvent },
-> = {
-  [EventName in keyof Events as `on${Capitalize<string & EventName>}`]: (
-    event: EventName extends `${string}Change` ? Events[EventName]['detail']
-      : Events[EventName],
-  ) => void
-}

package/src/components/inline-popover/inline-popover.gen.svelte

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

package/src/components/inline-popover/inline-popover.gen.ts

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

package/src/components/popover/popover-content.gen.svelte

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

package/src/components/popover/popover-content.gen.ts

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