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

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

@@ -0,0 +1,21 @@
+<!-- This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly. -->
+
+<script lang="ts">
+  import { registerTableHandleColumnPositionerElement } from '@prosekit/web/table-handle'
+  import type { TableHandleColumnPositionerElement } from '@prosekit/web/table-handle'
+  import { useEditorContext } from '../../contexts/editor-context.js'
+  registerTableHandleColumnPositionerElement()
+
+  let { altBoundary: p0, autoUpdate: p1, boundary: p2, editor: p3, elementContext: p4, fitViewport: p5, flip: p6, hide: p7, hoist: p8, inline: p9, offset: p10, overflowPadding: p11, overlap: p12, placement: p13, rootBoundary: p14, sameHeight: p15, sameWidth: p16, shift: p17, strategy: p18, children = undefined, ...restProps } = $props()
+  let element: TableHandleColumnPositionerElement | undefined
+
+  const p3Fallback = useEditorContext()
+
+  $effect(() => {
+    if (!element) return
+
+    Object.assign(element, { altBoundary: p0, autoUpdate: p1, boundary: p2, editor: p3 ?? p3Fallback, elementContext: p4, fitViewport: p5, flip: p6, hide: p7, hoist: p8, inline: p9, offset: p10, overflowPadding: p11, overlap: p12, placement: p13, rootBoundary: p14, sameHeight: p15, sameWidth: p16, shift: p17, strategy: p18 })
+  })
+</script>
+
+<prosekit-table-handle-column-positioner {...restProps} bind:this={element}>{@render children?.()}</prosekit-table-handle-column-positioner>

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

@@ -0,0 +1,25 @@
+declare const TableHandleColumnPositioner: import("svelte").Component<{
+    altBoundary: any;
+    autoUpdate: any;
+    boundary: any;
+    editor: any;
+    elementContext: any;
+    fitViewport: any;
+    flip: any;
+    hide: any;
+    hoist: any;
+    inline: any;
+    offset: any;
+    overflowPadding: any;
+    overlap: any;
+    placement: any;
+    rootBoundary: any;
+    sameHeight: any;
+    sameWidth: any;
+    shift: any;
+    strategy: any;
+    children?: any;
+} & Record<string, any>, {}, "">;
+type TableHandleColumnPositioner = ReturnType<typeof TableHandleColumnPositioner>;
+export default TableHandleColumnPositioner;
+//# sourceMappingURL=table-handle-column-positioner.gen.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table-handle-column-positioner.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/table-handle/table-handle-column-positioner.gen.svelte.ts"],"names":[],"mappings":"AA+BA,QAAA,MAAM,2BAA2B;iBApBuE,GAAG;gBAAc,GAAG;cAAY,GAAG;YAAU,GAAG;oBAAkB,GAAG;iBAAe,GAAG;UAAQ,GAAG;UAAQ,GAAG;WAAS,GAAG;YAAU,GAAG;YAAU,GAAG;qBAAmB,GAAG;aAAW,GAAG;eAAa,GAAG;kBAAgB,GAAG;gBAAc,GAAG;eAAa,GAAG;WAAS,GAAG;cAAY,GAAG;eAAa,GAAG;gCAoBrU,CAAC;AAC1E,KAAK,2BAA2B,GAAG,UAAU,CAAC,OAAO,2BAA2B,CAAC,CAAC;AAClF,eAAe,2BAA2B,CAAC"}

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

@@ -1,11 +1,26 @@
-import type { TableHandleDragPreviewElement, TableHandleDragPreviewProps as Props, TableHandleDragPreviewEvents 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 TableHandleDragPreview} component.
+ * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
  */
-export interface TableHandleDragPreviewProps extends Partial<CreateProps<Props, Events>> {
+import type { TableHandleDragPreviewProps as TableHandleDragPreviewElementProps } from '@prosekit/web/table-handle';
+import type { Component, Snippet } from 'svelte';
+/**
+ * Props for the {@link TableHandleDragPreview} Svelte component.
+ *
+ * @public
+ */
+export interface TableHandleDragPreviewProps {
+    /**
+     * @default null
+     * @hidden
+     */
+    editor?: TableHandleDragPreviewElementProps['editor'];
+    children?: Snippet;
+    [key: string]: unknown;
 }
-export declare const TableHandleDragPreview: typeof SvelteComponent<TableHandleDragPreviewProps & HTMLAttributes<TableHandleDragPreviewElement>>;
+/**
+ * A Svelte component that renders an `prosekit-table-handle-drag-preview` custom element.
+ *
+ * @public
+ */
+export declare const TableHandleDragPreview: Component<TableHandleDragPreviewProps>;
 //# sourceMappingURL=table-handle-drag-preview.gen.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"table-handle-drag-preview.gen.d.ts","sourceRoot":"","sources":["../../../../src/components/table-handle/table-handle-drag-preview.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"}
+{"version":3,"file":"table-handle-drag-preview.gen.d.ts","sourceRoot":"","sources":["../../../../src/components/table-handle/table-handle-drag-preview.gen.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,2BAA2B,IAAI,kCAAkC,EAAE,MAAM,4BAA4B,CAAC;AACpH,OAAO,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAIjD;;;;GAIG;AACH,MAAM,WAAW,2BAA2B;IAC1C;;;OAGG;IACH,MAAM,CAAC,EAAE,kCAAkC,CAAC,QAAQ,CAAC,CAAC;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,EAAE,SAAS,CAAC,2BAA2B,CAAwF,CAAC"}

package/dist/build/components/table-handle/table-handle-drag-preview.gen.js

@@ -1,2 +1,10 @@
-import Component from './table-handle-drag-preview.gen.svelte';
-export const TableHandleDragPreview = Component;
+/**
+ * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+ */
+import TableHandleDragPreviewComponent from './table-handle-drag-preview.gen.svelte';
+/**
+ * A Svelte component that renders an `prosekit-table-handle-drag-preview` custom element.
+ *
+ * @public
+ */
+export const TableHandleDragPreview = TableHandleDragPreviewComponent;

package/dist/build/components/table-handle/table-handle-drag-preview.gen.svelte

@@ -1,23 +1,21 @@
+<!-- This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly. -->
+
 <script lang="ts">
-import '@prosekit/web/table-handle'
+  import { registerTableHandleDragPreviewElement } from '@prosekit/web/table-handle'
+  import type { TableHandleDragPreviewElement } from '@prosekit/web/table-handle'
+  import { useEditorContext } from '../../contexts/editor-context.js'
+  registerTableHandleDragPreviewElement()
+
+  let { editor: p0, children = undefined, ...restProps } = $props()
+  let element: TableHandleDragPreviewElement | undefined
 
-import { tableHandleDragPreviewProps, tableHandleDragPreviewEvents } 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'
+  const p0Fallback = useEditorContext()
 
-let attributes: Record<string, unknown> = {}
-let eventHandlers: Record<string, (...args: any[]) => any> = {}
-let element: HTMLElement | undefined = undefined
-const handleChange = useComponent(Object.keys(tableHandleDragPreviewProps), Object.keys(tableHandleDragPreviewEvents))
+  $effect(() => {
+    if (!element) return
 
-$: {
-  [attributes, eventHandlers] = handleChange(element, $$props)
-}
+    Object.assign(element, { editor: p0 ?? p0Fallback })
+  })
 </script>
 
-<ClientUpdate>
-  <prosekit-table-handle-drag-preview {...attributes} use:useEventHandlers={eventHandlers} bind:this={element}>
-    <slot />
-  </prosekit-table-handle-drag-preview>
-</ClientUpdate>
+<prosekit-table-handle-drag-preview {...restProps} bind:this={element}>{@render children?.()}</prosekit-table-handle-drag-preview>

package/dist/build/components/table-handle/table-handle-drag-preview.gen.svelte.d.ts

@@ -0,0 +1,7 @@
+declare const TableHandleDragPreview: import("svelte").Component<{
+    editor: any;
+    children?: any;
+} & Record<string, any>, {}, "">;
+type TableHandleDragPreview = ReturnType<typeof TableHandleDragPreview>;
+export default TableHandleDragPreview;
+//# sourceMappingURL=table-handle-drag-preview.gen.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table-handle-drag-preview.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/table-handle/table-handle-drag-preview.gen.svelte.ts"],"names":[],"mappings":"AA+BA,QAAA,MAAM,sBAAsB;YApBkE,GAAG;eAAa,GAAG;gCAoB7C,CAAC;AACrE,KAAK,sBAAsB,GAAG,UAAU,CAAC,OAAO,sBAAsB,CAAC,CAAC;AACxE,eAAe,sBAAsB,CAAC"}

package/dist/build/components/table-handle/table-handle-drop-indicator.gen.d.ts

@@ -1,11 +1,26 @@
-import type { TableHandleDropIndicatorElement, TableHandleDropIndicatorProps as Props, TableHandleDropIndicatorEvents 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 TableHandleDropIndicator} component.
+ * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
  */
-export interface TableHandleDropIndicatorProps extends Partial<CreateProps<Props, Events>> {
+import type { TableHandleDropIndicatorProps as TableHandleDropIndicatorElementProps } from '@prosekit/web/table-handle';
+import type { Component, Snippet } from 'svelte';
+/**
+ * Props for the {@link TableHandleDropIndicator} Svelte component.
+ *
+ * @public
+ */
+export interface TableHandleDropIndicatorProps {
+    /**
+     * @default null
+     * @hidden
+     */
+    editor?: TableHandleDropIndicatorElementProps['editor'];
+    children?: Snippet;
+    [key: string]: unknown;
 }
-export declare const TableHandleDropIndicator: typeof SvelteComponent<TableHandleDropIndicatorProps & HTMLAttributes<TableHandleDropIndicatorElement>>;
+/**
+ * A Svelte component that renders an `prosekit-table-handle-drop-indicator` custom element.
+ *
+ * @public
+ */
+export declare const TableHandleDropIndicator: Component<TableHandleDropIndicatorProps>;
 //# sourceMappingURL=table-handle-drop-indicator.gen.d.ts.map

package/dist/build/components/table-handle/table-handle-drop-indicator.gen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-handle-drop-indicator.gen.d.ts","sourceRoot":"","sources":["../../../../src/components/table-handle/table-handle-drop-indicator.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"}
+{"version":3,"file":"table-handle-drop-indicator.gen.d.ts","sourceRoot":"","sources":["../../../../src/components/table-handle/table-handle-drop-indicator.gen.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,6BAA6B,IAAI,oCAAoC,EAAE,MAAM,4BAA4B,CAAC;AACxH,OAAO,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAIjD;;;;GAIG;AACH,MAAM,WAAW,6BAA6B;IAC5C;;;OAGG;IACH,MAAM,CAAC,EAAE,oCAAoC,CAAC,QAAQ,CAAC,CAAC;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,EAAE,SAAS,CAAC,6BAA6B,CAA4F,CAAC"}

package/dist/build/components/table-handle/table-handle-drop-indicator.gen.js

@@ -1,2 +1,10 @@
-import Component from './table-handle-drop-indicator.gen.svelte';
-export const TableHandleDropIndicator = Component;
+/**
+ * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+ */
+import TableHandleDropIndicatorComponent from './table-handle-drop-indicator.gen.svelte';
+/**
+ * A Svelte component that renders an `prosekit-table-handle-drop-indicator` custom element.
+ *
+ * @public
+ */
+export const TableHandleDropIndicator = TableHandleDropIndicatorComponent;

package/dist/build/components/table-handle/table-handle-drop-indicator.gen.svelte

@@ -1,23 +1,21 @@
+<!-- This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly. -->
+
 <script lang="ts">
-import '@prosekit/web/table-handle'
+  import { registerTableHandleDropIndicatorElement } from '@prosekit/web/table-handle'
+  import type { TableHandleDropIndicatorElement } from '@prosekit/web/table-handle'
+  import { useEditorContext } from '../../contexts/editor-context.js'
+  registerTableHandleDropIndicatorElement()
+
+  let { editor: p0, children = undefined, ...restProps } = $props()
+  let element: TableHandleDropIndicatorElement | undefined
 
-import { tableHandleDropIndicatorProps, tableHandleDropIndicatorEvents } 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'
+  const p0Fallback = useEditorContext()
 
-let attributes: Record<string, unknown> = {}
-let eventHandlers: Record<string, (...args: any[]) => any> = {}
-let element: HTMLElement | undefined = undefined
-const handleChange = useComponent(Object.keys(tableHandleDropIndicatorProps), Object.keys(tableHandleDropIndicatorEvents))
+  $effect(() => {
+    if (!element) return
 
-$: {
-  [attributes, eventHandlers] = handleChange(element, $$props)
-}
+    Object.assign(element, { editor: p0 ?? p0Fallback })
+  })
 </script>
 
-<ClientUpdate>
-  <prosekit-table-handle-drop-indicator {...attributes} use:useEventHandlers={eventHandlers} bind:this={element}>
-    <slot />
-  </prosekit-table-handle-drop-indicator>
-</ClientUpdate>
+<prosekit-table-handle-drop-indicator {...restProps} bind:this={element}>{@render children?.()}</prosekit-table-handle-drop-indicator>

package/dist/build/components/table-handle/table-handle-drop-indicator.gen.svelte.d.ts

@@ -0,0 +1,7 @@
+declare const TableHandleDropIndicator: import("svelte").Component<{
+    editor: any;
+    children?: any;
+} & Record<string, any>, {}, "">;
+type TableHandleDropIndicator = ReturnType<typeof TableHandleDropIndicator>;
+export default TableHandleDropIndicator;
+//# sourceMappingURL=table-handle-drop-indicator.gen.svelte.d.ts.map

package/dist/build/components/table-handle/table-handle-drop-indicator.gen.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-handle-drop-indicator.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/table-handle/table-handle-drop-indicator.gen.svelte.ts"],"names":[],"mappings":"AA+BA,QAAA,MAAM,wBAAwB;YApBkE,GAAG;eAAa,GAAG;gCAoB7C,CAAC;AACvE,KAAK,wBAAwB,GAAG,UAAU,CAAC,OAAO,wBAAwB,CAAC,CAAC;AAC5E,eAAe,wBAAwB,CAAC"}

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

@@ -1,11 +1,28 @@
-import type { TableHandleRootElement, TableHandleRootProps as Props, TableHandleRootEvents 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 TableHandleRoot} component.
+ * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
  */
-export interface TableHandleRootProps extends Partial<CreateProps<Props, Events>> {
+import type { TableHandleRootProps as TableHandleRootElementProps } from '@prosekit/web/table-handle';
+import type { Component, Snippet } from 'svelte';
+/**
+ * Props for the {@link TableHandleRoot} Svelte component.
+ *
+ * @public
+ */
+export interface TableHandleRootProps {
+    /**
+     * The ProseKit editor instance.
+     *
+     * @default null
+     * @hidden
+     */
+    editor?: TableHandleRootElementProps['editor'];
+    children?: Snippet;
+    [key: string]: unknown;
 }
-export declare const TableHandleRoot: typeof SvelteComponent<TableHandleRootProps & HTMLAttributes<TableHandleRootElement>>;
+/**
+ * A Svelte component that renders an `prosekit-table-handle-root` custom element.
+ *
+ * @public
+ */
+export declare const TableHandleRoot: Component<TableHandleRootProps>;
 //# sourceMappingURL=table-handle-root.gen.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"table-handle-root.gen.d.ts","sourceRoot":"","sources":["../../../../src/components/table-handle/table-handle-root.gen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,oBAAoB,IAAI,KAAK,EAAE,qBAAqB,IAAI,MAAM,EAAE,MAAM,4BAA4B,CAAA;AACxI,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,oBAAqB,SAAQ,OAAO,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;CAAG;AAEpF,eAAO,MAAM,eAAe,EAAgB,OAAO,eAAe,CAAC,oBAAoB,GAAG,cAAc,CAAC,sBAAsB,CAAC,CAAC,CAAA"}
+{"version":3,"file":"table-handle-root.gen.d.ts","sourceRoot":"","sources":["../../../../src/components/table-handle/table-handle-root.gen.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,oBAAoB,IAAI,2BAA2B,EAAE,MAAM,4BAA4B,CAAC;AACtG,OAAO,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAIjD;;;;GAIG;AACH,MAAM,WAAW,oBAAoB;IACnC;;;;;OAKG;IACH,MAAM,CAAC,EAAE,2BAA2B,CAAC,QAAQ,CAAC,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED;;;;GAIG;AACH,eAAO,MAAM,eAAe,EAAE,SAAS,CAAC,oBAAoB,CAA0E,CAAC"}

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

@@ -1,2 +1,10 @@
-import Component from './table-handle-root.gen.svelte';
-export const TableHandleRoot = Component;
+/**
+ * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+ */
+import TableHandleRootComponent from './table-handle-root.gen.svelte';
+/**
+ * A Svelte component that renders an `prosekit-table-handle-root` custom element.
+ *
+ * @public
+ */
+export const TableHandleRoot = TableHandleRootComponent;

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

@@ -1,23 +1,21 @@
+<!-- This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly. -->
+
 <script lang="ts">
-import '@prosekit/web/table-handle'
+  import { registerTableHandleRootElement } from '@prosekit/web/table-handle'
+  import type { TableHandleRootElement } from '@prosekit/web/table-handle'
+  import { useEditorContext } from '../../contexts/editor-context.js'
+  registerTableHandleRootElement()
+
+  let { editor: p0, children = undefined, ...restProps } = $props()
+  let element: TableHandleRootElement | undefined
 
-import { tableHandleRootProps, tableHandleRootEvents } 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'
+  const p0Fallback = useEditorContext()
 
-let attributes: Record<string, unknown> = {}
-let eventHandlers: Record<string, (...args: any[]) => any> = {}
-let element: HTMLElement | undefined = undefined
-const handleChange = useComponent(Object.keys(tableHandleRootProps), Object.keys(tableHandleRootEvents))
+  $effect(() => {
+    if (!element) return
 
-$: {
-  [attributes, eventHandlers] = handleChange(element, $$props)
-}
+    Object.assign(element, { editor: p0 ?? p0Fallback })
+  })
 </script>
 
-<ClientUpdate>
-  <prosekit-table-handle-root {...attributes} use:useEventHandlers={eventHandlers} bind:this={element}>
-    <slot />
-  </prosekit-table-handle-root>
-</ClientUpdate>
+<prosekit-table-handle-root {...restProps} bind:this={element}>{@render children?.()}</prosekit-table-handle-root>

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

@@ -0,0 +1,7 @@
+declare const TableHandleRoot: import("svelte").Component<{
+    editor: any;
+    children?: any;
+} & Record<string, any>, {}, "">;
+type TableHandleRoot = ReturnType<typeof TableHandleRoot>;
+export default TableHandleRoot;
+//# sourceMappingURL=table-handle-root.gen.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table-handle-root.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/table-handle/table-handle-root.gen.svelte.ts"],"names":[],"mappings":"AA+BA,QAAA,MAAM,eAAe;YApBkE,GAAG;eAAa,GAAG;gCAoB7C,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}

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

@@ -0,0 +1,36 @@
+/**
+ * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+ */
+import type { TableHandleRowMenuRootProps as TableHandleRowMenuRootElementProps } from '@prosekit/web/table-handle';
+import type { Component, Snippet } from 'svelte';
+/**
+ * Props for the {@link TableHandleRowMenuRoot} Svelte component.
+ *
+ * @public
+ */
+export interface TableHandleRowMenuRootProps {
+    /**
+     * Whether the overlay is initially open.
+     * @default false
+     */
+    defaultOpen?: TableHandleRowMenuRootElementProps['defaultOpen'];
+    /**
+     * Whether the overlay is currently open.
+     * @default null
+     */
+    open?: TableHandleRowMenuRootElementProps['open'];
+    /**
+     * Whether the component should ignore user interaction.
+     * @default false
+     */
+    disabled?: TableHandleRowMenuRootElementProps['disabled'];
+    children?: Snippet;
+    [key: string]: unknown;
+}
+/**
+ * A Svelte component that renders an `prosekit-table-handle-row-menu-root` custom element.
+ *
+ * @public
+ */
+export declare const TableHandleRowMenuRoot: Component<TableHandleRowMenuRootProps>;
+//# sourceMappingURL=table-handle-row-menu-root.gen.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table-handle-row-menu-root.gen.d.ts","sourceRoot":"","sources":["../../../../src/components/table-handle/table-handle-row-menu-root.gen.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,2BAA2B,IAAI,kCAAkC,EAAE,MAAM,4BAA4B,CAAC;AACpH,OAAO,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAIjD;;;;GAIG;AACH,MAAM,WAAW,2BAA2B;IAC1C;;;OAGG;IACH,WAAW,CAAC,EAAE,kCAAkC,CAAC,aAAa,CAAC,CAAC;IAChE;;;OAGG;IACH,IAAI,CAAC,EAAE,kCAAkC,CAAC,MAAM,CAAC,CAAC;IAClD;;;OAGG;IACH,QAAQ,CAAC,EAAE,kCAAkC,CAAC,UAAU,CAAC,CAAC;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,EAAE,SAAS,CAAC,2BAA2B,CAAwF,CAAC"}

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

@@ -0,0 +1,10 @@
+/**
+ * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+ */
+import TableHandleRowMenuRootComponent from './table-handle-row-menu-root.gen.svelte';
+/**
+ * A Svelte component that renders an `prosekit-table-handle-row-menu-root` custom element.
+ *
+ * @public
+ */
+export const TableHandleRowMenuRoot = TableHandleRowMenuRootComponent;

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

@@ -0,0 +1,18 @@
+<!-- This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly. -->
+
+<script lang="ts">
+  import { registerTableHandleRowMenuRootElement } from '@prosekit/web/table-handle'
+  import type { TableHandleRowMenuRootElement } from '@prosekit/web/table-handle'
+  registerTableHandleRowMenuRootElement()
+
+  let { defaultOpen: p0, disabled: p1, open: p2, children = undefined, ...restProps } = $props()
+  let element: TableHandleRowMenuRootElement | undefined
+
+  $effect(() => {
+    if (!element) return
+
+    Object.assign(element, { defaultOpen: p0, disabled: p1, open: p2 })
+  })
+</script>
+
+<prosekit-table-handle-row-menu-root {...restProps} bind:this={element}>{@render children?.()}</prosekit-table-handle-row-menu-root>

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

@@ -0,0 +1,9 @@
+declare const TableHandleRowMenuRoot: import("svelte").Component<{
+    defaultOpen: any;
+    disabled: any;
+    open: any;
+    children?: any;
+} & Record<string, any>, {}, "">;
+type TableHandleRowMenuRoot = ReturnType<typeof TableHandleRowMenuRoot>;
+export default TableHandleRowMenuRoot;
+//# sourceMappingURL=table-handle-row-menu-root.gen.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table-handle-row-menu-root.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/table-handle/table-handle-row-menu-root.gen.svelte.ts"],"names":[],"mappings":"AA2BA,QAAA,MAAM,sBAAsB;iBAlBuE,GAAG;cAAY,GAAG;UAAQ,GAAG;eAAa,GAAG;gCAkB5E,CAAC;AACrE,KAAK,sBAAsB,GAAG,UAAU,CAAC,OAAO,sBAAsB,CAAC,CAAC;AACxE,eAAe,sBAAsB,CAAC"}

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

@@ -0,0 +1,26 @@
+/**
+ * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+ */
+import type { TableHandleRowMenuTriggerProps as TableHandleRowMenuTriggerElementProps } from '@prosekit/web/table-handle';
+import type { Component, Snippet } from 'svelte';
+/**
+ * Props for the {@link TableHandleRowMenuTrigger} Svelte component.
+ *
+ * @public
+ */
+export interface TableHandleRowMenuTriggerProps {
+    /**
+     * @default null
+     * @hidden
+     */
+    editor?: TableHandleRowMenuTriggerElementProps['editor'];
+    children?: Snippet;
+    [key: string]: unknown;
+}
+/**
+ * A Svelte component that renders an `prosekit-table-handle-row-menu-trigger` custom element.
+ *
+ * @public
+ */
+export declare const TableHandleRowMenuTrigger: Component<TableHandleRowMenuTriggerProps>;
+//# sourceMappingURL=table-handle-row-menu-trigger.gen.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table-handle-row-menu-trigger.gen.d.ts","sourceRoot":"","sources":["../../../../src/components/table-handle/table-handle-row-menu-trigger.gen.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,8BAA8B,IAAI,qCAAqC,EAAE,MAAM,4BAA4B,CAAC;AAC1H,OAAO,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAIjD;;;;GAIG;AACH,MAAM,WAAW,8BAA8B;IAC7C;;;OAGG;IACH,MAAM,CAAC,EAAE,qCAAqC,CAAC,QAAQ,CAAC,CAAC;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,EAAE,SAAS,CAAC,8BAA8B,CAA8F,CAAC"}

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

@@ -0,0 +1,10 @@
+/**
+ * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+ */
+import TableHandleRowMenuTriggerComponent from './table-handle-row-menu-trigger.gen.svelte';
+/**
+ * A Svelte component that renders an `prosekit-table-handle-row-menu-trigger` custom element.
+ *
+ * @public
+ */
+export const TableHandleRowMenuTrigger = TableHandleRowMenuTriggerComponent;

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

@@ -0,0 +1,21 @@
+<!-- This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly. -->
+
+<script lang="ts">
+  import { registerTableHandleRowMenuTriggerElement } from '@prosekit/web/table-handle'
+  import type { TableHandleRowMenuTriggerElement } from '@prosekit/web/table-handle'
+  import { useEditorContext } from '../../contexts/editor-context.js'
+  registerTableHandleRowMenuTriggerElement()
+
+  let { editor: p0, children = undefined, ...restProps } = $props()
+  let element: TableHandleRowMenuTriggerElement | undefined
+
+  const p0Fallback = useEditorContext()
+
+  $effect(() => {
+    if (!element) return
+
+    Object.assign(element, { editor: p0 ?? p0Fallback })
+  })
+</script>
+
+<prosekit-table-handle-row-menu-trigger {...restProps} bind:this={element}>{@render children?.()}</prosekit-table-handle-row-menu-trigger>

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

@@ -0,0 +1,7 @@
+declare const TableHandleRowMenuTrigger: import("svelte").Component<{
+    editor: any;
+    children?: any;
+} & Record<string, any>, {}, "">;
+type TableHandleRowMenuTrigger = ReturnType<typeof TableHandleRowMenuTrigger>;
+export default TableHandleRowMenuTrigger;
+//# sourceMappingURL=table-handle-row-menu-trigger.gen.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table-handle-row-menu-trigger.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/table-handle/table-handle-row-menu-trigger.gen.svelte.ts"],"names":[],"mappings":"AA+BA,QAAA,MAAM,yBAAyB;YApBkE,GAAG;eAAa,GAAG;gCAoB7C,CAAC;AACxE,KAAK,yBAAyB,GAAG,UAAU,CAAC,OAAO,yBAAyB,CAAC,CAAC;AAC9E,eAAe,yBAAyB,CAAC"}

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

@@ -0,0 +1,20 @@
+/**
+ * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+ */
+import type { Component, Snippet } from 'svelte';
+/**
+ * Props for the {@link TableHandleRowPopup} Svelte component.
+ *
+ * @public
+ */
+export interface TableHandleRowPopupProps {
+    children?: Snippet;
+    [key: string]: unknown;
+}
+/**
+ * A Svelte component that renders an `prosekit-table-handle-row-popup` custom element.
+ *
+ * @public
+ */
+export declare const TableHandleRowPopup: Component<TableHandleRowPopupProps>;
+//# sourceMappingURL=table-handle-row-popup.gen.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table-handle-row-popup.gen.d.ts","sourceRoot":"","sources":["../../../../src/components/table-handle/table-handle-row-popup.gen.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAIjD;;;;GAIG;AACH,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,SAAS,CAAC,wBAAwB,CAAkF,CAAC"}

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

@@ -0,0 +1,10 @@
+/**
+ * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+ */
+import TableHandleRowPopupComponent from './table-handle-row-popup.gen.svelte';
+/**
+ * A Svelte component that renders an `prosekit-table-handle-row-popup` custom element.
+ *
+ * @public
+ */
+export const TableHandleRowPopup = TableHandleRowPopupComponent;

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

@@ -0,0 +1,10 @@
+<!-- This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly. -->
+
+<script lang="ts">
+  import { registerTableHandleRowPopupElement } from '@prosekit/web/table-handle'
+  registerTableHandleRowPopupElement()
+
+  let { children = undefined, ...restProps } = $props()
+</script>
+
+<prosekit-table-handle-row-popup {...restProps}>{@render children?.()}</prosekit-table-handle-row-popup>

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

@@ -0,0 +1,6 @@
+declare const TableHandleRowPopup: import("svelte").Component<{
+    children?: any;
+} & Record<string, any>, {}, "">;
+type TableHandleRowPopup = ReturnType<typeof TableHandleRowPopup>;
+export default TableHandleRowPopup;
+//# sourceMappingURL=table-handle-row-popup.gen.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table-handle-row-popup.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/table-handle/table-handle-row-popup.gen.svelte.ts"],"names":[],"mappings":"AAkBA,QAAA,MAAM,mBAAmB;eAXqE,GAAG;gCAWhC,CAAC;AAClE,KAAK,mBAAmB,GAAG,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAClE,eAAe,mBAAmB,CAAC"}