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

package/dist/build/components/popover/popover-positioner.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 { registerPopoverPositionerElement } from '@prosekit/web/popover'
+  import type { PopoverPositionerElement } from '@prosekit/web/popover'
+  registerPopoverPositionerElement()
+
+  let { altBoundary: p0, autoUpdate: p1, boundary: p2, elementContext: p3, fitViewport: p4, flip: p5, hide: p6, hoist: p7, inline: p8, offset: p9, overflowPadding: p10, overlap: p11, placement: p12, rootBoundary: p13, sameHeight: p14, sameWidth: p15, shift: p16, strategy: p17, children = undefined, ...restProps } = $props()
+  let element: PopoverPositionerElement | undefined
+
+  $effect(() => {
+    if (!element) return
+
+    Object.assign(element, { altBoundary: p0, autoUpdate: p1, boundary: p2, elementContext: p3, fitViewport: p4, flip: p5, hide: p6, hoist: p7, inline: p8, offset: p9, overflowPadding: p10, overlap: p11, placement: p12, rootBoundary: p13, sameHeight: p14, sameWidth: p15, shift: p16, strategy: p17 })
+  })
+</script>
+
+<prosekit-popover-positioner {...restProps} bind:this={element}>{@render children?.()}</prosekit-popover-positioner>

package/dist/build/components/popover/popover-positioner.gen.svelte.d.ts

@@ -0,0 +1,24 @@
+declare const PopoverPositioner: import("svelte").Component<{
+    altBoundary: any;
+    autoUpdate: any;
+    boundary: 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 PopoverPositioner = ReturnType<typeof PopoverPositioner>;
+export default PopoverPositioner;
+//# sourceMappingURL=popover-positioner.gen.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover-positioner.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/popover/popover-positioner.gen.svelte.ts"],"names":[],"mappings":"AA2BA,QAAA,MAAM,iBAAiB;iBAlBuE,GAAG;gBAAc,GAAG;cAAY,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;gCAkBxT,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}

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

@@ -1,11 +1,46 @@
-import type { PopoverRootElement, PopoverRootProps as Props, PopoverRootEvents as Events } from '@prosekit/web/popover';
-import type { SvelteComponent } from 'svelte';
-import type { HTMLAttributes } from 'svelte/elements';
-import type { CreateProps } from '../create-props.ts';
 /**
- * Props for the {@link PopoverRoot} component.
+ * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
  */
-export interface PopoverRootProps extends Partial<CreateProps<Props, Events>> {
+import type { PopoverRootEvents, PopoverRootProps as PopoverRootElementProps } from '@prosekit/web/popover';
+import type { Component, Snippet } from 'svelte';
+/**
+ * Props for the {@link PopoverRoot} Svelte component.
+ *
+ * @public
+ */
+export interface PopoverRootProps {
+    /**
+     * Whether the popover should be modal.
+     * When true, the popover will trap focus and prevent interaction with the rest of the page.
+     *
+     * @default false
+     */
+    modal?: PopoverRootElementProps['modal'];
+    /**
+     * Whether the overlay is initially open.
+     * @default false
+     */
+    defaultOpen?: PopoverRootElementProps['defaultOpen'];
+    /**
+     * Whether the overlay is currently open.
+     * @default null
+     */
+    open?: PopoverRootElementProps['open'];
+    /**
+     * Whether the component should ignore user interaction.
+     * @default false
+     */
+    disabled?: PopoverRootElementProps['disabled'];
+    /** Emitted when the popover is opened or closed. */
+    onOpenChange?: (event: PopoverRootEvents['openChange']) => void;
+    children?: Snippet;
+    [key: string]: unknown;
 }
-export declare const PopoverRoot: typeof SvelteComponent<PopoverRootProps & HTMLAttributes<PopoverRootElement>>;
+/**
+ * A Svelte component that renders an `prosekit-popover-root` custom element.
+ *
+ * @public
+ */
+export declare const PopoverRoot: Component<PopoverRootProps>;
+export type { PopoverRootEvents };
 //# sourceMappingURL=popover-root.gen.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"popover-root.gen.d.ts","sourceRoot":"","sources":["../../../../src/components/popover/popover-root.gen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,gBAAgB,IAAI,KAAK,EAAE,iBAAiB,IAAI,MAAM,EAAE,MAAM,uBAAuB,CAAA;AACvH,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,gBAAiB,SAAQ,OAAO,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;CAAG;AAEhF,eAAO,MAAM,WAAW,EAAgB,OAAO,eAAe,CAAC,gBAAgB,GAAG,cAAc,CAAC,kBAAkB,CAAC,CAAC,CAAA"}
+{"version":3,"file":"popover-root.gen.d.ts","sourceRoot":"","sources":["../../../../src/components/popover/popover-root.gen.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,IAAI,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAC5G,OAAO,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAIjD;;;;GAIG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;;;OAKG;IACH,KAAK,CAAC,EAAE,uBAAuB,CAAC,OAAO,CAAC,CAAC;IACzC;;;OAGG;IACH,WAAW,CAAC,EAAE,uBAAuB,CAAC,aAAa,CAAC,CAAC;IACrD;;;OAGG;IACH,IAAI,CAAC,EAAE,uBAAuB,CAAC,MAAM,CAAC,CAAC;IACvC;;;OAGG;IACH,QAAQ,CAAC,EAAE,uBAAuB,CAAC,UAAU,CAAC,CAAC;IAC/C,oDAAoD;IACpD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,SAAS,CAAC,gBAAgB,CAAkE,CAAC;AAEvH,YAAY,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/build/components/popover/popover-root.gen.js

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

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

@@ -1,23 +1,32 @@
+<!-- This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly. -->
+
 <script lang="ts">
-import '@prosekit/web/popover'
+  import { registerPopoverRootElement } from '@prosekit/web/popover'
+  import type { PopoverRootElement } from '@prosekit/web/popover'
+  registerPopoverRootElement()
+
+  let { defaultOpen: p0, disabled: p1, modal: p2, open: p3, onOpenChange: e0, children = undefined, ...restProps } = $props()
+  let element: PopoverRootElement | undefined
+  const handlers: EventListener[] = []
+
+  $effect(() => {
+    if (!element) return
+
+    Object.assign(element, { defaultOpen: p0, disabled: p1, modal: p2, open: p3 })
 
-import { popoverRootProps, popoverRootEvents } from '@prosekit/web/popover'
-import { ClientUpdate } from '../client-update/index.js'
-import { useComponent } from '../use-component.js'
-import { useEventHandlers } from '../use-event-handlers.js'
+    handlers.length = 0
+    handlers.push(e0)
+  })
 
-let attributes: Record<string, unknown> = {}
-let eventHandlers: Record<string, (...args: any[]) => any> = {}
-let element: HTMLElement | undefined = undefined
-const handleChange = useComponent(Object.keys(popoverRootProps), Object.keys(popoverRootEvents))
+  $effect(() => {
+    if (!element) return
 
-$: {
-  [attributes, eventHandlers] = handleChange(element, $$props)
-}
+    const ac = new AbortController()
+    for (const [index, eventName] of ["openChange"].entries()) {
+      element.addEventListener(eventName, (event) => handlers[index]?.(event), { signal: ac.signal })
+    }
+    return () => ac.abort()
+  })
 </script>
 
-<ClientUpdate>
-  <prosekit-popover-root {...attributes} use:useEventHandlers={eventHandlers} bind:this={element}>
-    <slot />
-  </prosekit-popover-root>
-</ClientUpdate>
+<prosekit-popover-root {...restProps} bind:this={element}>{@render children?.()}</prosekit-popover-root>

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover-root.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/popover/popover-root.gen.svelte.ts"],"names":[],"mappings":"AAyCA,QAAA,MAAM,WAAW;iBAhCuE,GAAG;cAAY,GAAG;WAAS,GAAG;UAAQ,GAAG;kBAAgB,GAAG;eAAa,GAAG;gCAgC3G,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

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

@@ -1,11 +1,46 @@
-import type { PopoverTriggerElement, PopoverTriggerProps as Props, PopoverTriggerEvents as Events } from '@prosekit/web/popover';
-import type { SvelteComponent } from 'svelte';
-import type { HTMLAttributes } from 'svelte/elements';
-import type { CreateProps } from '../create-props.ts';
 /**
- * Props for the {@link PopoverTrigger} component.
+ * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
  */
-export interface PopoverTriggerProps extends Partial<CreateProps<Props, Events>> {
+import type { PopoverTriggerEvents, PopoverTriggerProps as PopoverTriggerElementProps } from '@prosekit/web/popover';
+import type { Component, Snippet } from 'svelte';
+/**
+ * Props for the {@link PopoverTrigger} Svelte component.
+ *
+ * @public
+ */
+export interface PopoverTriggerProps {
+    /**
+     * Whether the component should ignore user interaction.
+     * @default false
+     */
+    disabled?: PopoverTriggerElementProps['disabled'];
+    /**
+     * Whether the popover should also open when the trigger is hovered.
+     * @default false
+     */
+    openOnHover?: PopoverTriggerElementProps['openOnHover'];
+    /**
+     * The delay in milliseconds before opening the popover when hovering.
+     * Only applies when `openOnHover` is true.
+     * @default 300
+     */
+    delay?: PopoverTriggerElementProps['delay'];
+    /**
+     * The delay in milliseconds before closing the popover when hover ends.
+     * Only applies when `openOnHover` is true.
+     * @default 0
+     */
+    closeDelay?: PopoverTriggerElementProps['closeDelay'];
+    /** Emitted when the popover is opened or closed. */
+    onOpenChange?: (event: PopoverTriggerEvents['openChange']) => void;
+    children?: Snippet;
+    [key: string]: unknown;
 }
-export declare const PopoverTrigger: typeof SvelteComponent<PopoverTriggerProps & HTMLAttributes<PopoverTriggerElement>>;
+/**
+ * A Svelte component that renders an `prosekit-popover-trigger` custom element.
+ *
+ * @public
+ */
+export declare const PopoverTrigger: Component<PopoverTriggerProps>;
+export type { PopoverTriggerEvents };
 //# sourceMappingURL=popover-trigger.gen.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"popover-trigger.gen.d.ts","sourceRoot":"","sources":["../../../../src/components/popover/popover-trigger.gen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,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"}
+{"version":3,"file":"popover-trigger.gen.d.ts","sourceRoot":"","sources":["../../../../src/components/popover/popover-trigger.gen.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,oBAAoB,EAAE,mBAAmB,IAAI,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AACrH,OAAO,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAIjD;;;;GAIG;AACH,MAAM,WAAW,mBAAmB;IAClC;;;OAGG;IACH,QAAQ,CAAC,EAAE,0BAA0B,CAAC,UAAU,CAAC,CAAC;IAClD;;;OAGG;IACH,WAAW,CAAC,EAAE,0BAA0B,CAAC,aAAa,CAAC,CAAC;IACxD;;;;OAIG;IACH,KAAK,CAAC,EAAE,0BAA0B,CAAC,OAAO,CAAC,CAAC;IAC5C;;;;OAIG;IACH,UAAU,CAAC,EAAE,0BAA0B,CAAC,YAAY,CAAC,CAAC;IACtD,oDAAoD;IACpD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED;;;;GAIG;AACH,eAAO,MAAM,cAAc,EAAE,SAAS,CAAC,mBAAmB,CAAwE,CAAC;AAEnI,YAAY,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/build/components/popover/popover-trigger.gen.js

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

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

@@ -1,23 +1,32 @@
+<!-- This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly. -->
+
 <script lang="ts">
-import '@prosekit/web/popover'
+  import { registerPopoverTriggerElement } from '@prosekit/web/popover'
+  import type { PopoverTriggerElement } from '@prosekit/web/popover'
+  registerPopoverTriggerElement()
+
+  let { closeDelay: p0, delay: p1, disabled: p2, openOnHover: p3, onOpenChange: e0, children = undefined, ...restProps } = $props()
+  let element: PopoverTriggerElement | undefined
+  const handlers: EventListener[] = []
+
+  $effect(() => {
+    if (!element) return
+
+    Object.assign(element, { closeDelay: p0, delay: p1, disabled: p2, openOnHover: p3 })
 
-import { popoverTriggerProps, popoverTriggerEvents } from '@prosekit/web/popover'
-import { ClientUpdate } from '../client-update/index.js'
-import { useComponent } from '../use-component.js'
-import { useEventHandlers } from '../use-event-handlers.js'
+    handlers.length = 0
+    handlers.push(e0)
+  })
 
-let attributes: Record<string, unknown> = {}
-let eventHandlers: Record<string, (...args: any[]) => any> = {}
-let element: HTMLElement | undefined = undefined
-const handleChange = useComponent(Object.keys(popoverTriggerProps), Object.keys(popoverTriggerEvents))
+  $effect(() => {
+    if (!element) return
 
-$: {
-  [attributes, eventHandlers] = handleChange(element, $$props)
-}
+    const ac = new AbortController()
+    for (const [index, eventName] of ["openChange"].entries()) {
+      element.addEventListener(eventName, (event) => handlers[index]?.(event), { signal: ac.signal })
+    }
+    return () => ac.abort()
+  })
 </script>
 
-<ClientUpdate>
-  <prosekit-popover-trigger {...attributes} use:useEventHandlers={eventHandlers} bind:this={element}>
-    <slot />
-  </prosekit-popover-trigger>
-</ClientUpdate>
+<prosekit-popover-trigger {...restProps} bind:this={element}>{@render children?.()}</prosekit-popover-trigger>

package/dist/build/components/popover/popover-trigger.gen.svelte.d.ts

@@ -0,0 +1,11 @@
+declare const PopoverTrigger: import("svelte").Component<{
+    closeDelay: any;
+    delay: any;
+    disabled: any;
+    openOnHover: any;
+    onOpenChange: any;
+    children?: any;
+} & Record<string, any>, {}, "">;
+type PopoverTrigger = ReturnType<typeof PopoverTrigger>;
+export default PopoverTrigger;
+//# sourceMappingURL=popover-trigger.gen.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover-trigger.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/popover/popover-trigger.gen.svelte.ts"],"names":[],"mappings":"AAyCA,QAAA,MAAM,cAAc;gBAhCsE,GAAG;WAAS,GAAG;cAAY,GAAG;iBAAe,GAAG;kBAAgB,GAAG;eAAa,GAAG;gCAgCjH,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

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

@@ -0,0 +1,31 @@
+import type { Editor } from '@prosekit/core';
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const Prosekit: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    editor: Editor;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type Prosekit = InstanceType<typeof Prosekit>;
+export default Prosekit;
+//# sourceMappingURL=prosekit.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"prosekit.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/prosekit/prosekit.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAoB5C,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AACD,KAAK,gCAAgC,CAAC,KAAK,EAAE,KAAK,IAAI,KAAK,GACvD,CAAC,KAAK,SAAS;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,GACzB,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GACnC,GAAG,GACH;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,GAClB,EAAE,CAAC,CAAC;AAId,QAAA,MAAM,QAAQ;YAf+B,MAAM;;;;;;;cAegD,CAAC;AAClF,KAAK,QAAQ,GAAG,YAAY,CAAC,OAAO,QAAQ,CAAC,CAAC;AAChD,eAAe,QAAQ,CAAC"}

package/dist/build/components/resizable/index.d.ts

@@ -0,0 +1,20 @@
+/**
+
+@module
+
+## Anatomy
+
+```jsx
+import {
+  ResizableHandle,
+  ResizableRoot,
+} from 'prosekit/svelte/resizable'
+
+<ResizableRoot>
+  <img src="..." />
+  <ResizableHandle>...</ResizableHandle>
+</ResizableRoot>
+```
+*/
+export * from './index.gen.ts';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/resizable/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;EAiBE;AAEF,cAAc,gBAAgB,CAAA"}

package/dist/build/components/resizable/index.gen.d.ts

@@ -1,3 +1,7 @@
+/**
+ * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+ */
+export { ResizableRoot, type ResizableRootProps, type ResizableRootEvents } from './resizable-root.gen.ts';
 export { ResizableHandle, type ResizableHandleProps } from './resizable-handle.gen.ts';
-export { ResizableRoot, type ResizableRootProps } from './resizable-root.gen.ts';
+export { ResizeEndEvent, ResizeStartEvent } from '@prosekit/web/resizable';
 //# sourceMappingURL=index.gen.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.gen.d.ts","sourceRoot":"","sources":["../../../../src/components/resizable/index.gen.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,2BAA2B,CAAA;AAEtF,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,yBAAyB,CAAA"}
+{"version":3,"file":"index.gen.d.ts","sourceRoot":"","sources":["../../../../src/components/resizable/index.gen.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,KAAK,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE3G,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEvF,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/build/components/resizable/index.gen.js

@@ -1,2 +1,6 @@
-export { ResizableHandle } from "./resizable-handle.gen.js";
+/**
+ * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+ */
 export { ResizableRoot } from "./resizable-root.gen.js";
+export { ResizableHandle } from "./resizable-handle.gen.js";
+export { ResizeEndEvent, ResizeStartEvent } from '@prosekit/web/resizable';

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

@@ -0,0 +1,19 @@
+/**
+
+@module
+
+## Anatomy
+
+```jsx
+import {
+  ResizableHandle,
+  ResizableRoot,
+} from 'prosekit/svelte/resizable'
+
+<ResizableRoot>
+  <img src="..." />
+  <ResizableHandle>...</ResizableHandle>
+</ResizableRoot>
+```
+*/
+export * from "./index.gen.js";

package/dist/build/components/resizable/resizable-handle.gen.d.ts

@@ -1,11 +1,27 @@
-import type { ResizableHandleElement, ResizableHandleProps as Props, ResizableHandleEvents as Events } from '@prosekit/web/resizable';
-import type { SvelteComponent } from 'svelte';
-import type { HTMLAttributes } from 'svelte/elements';
-import type { CreateProps } from '../create-props.ts';
 /**
- * Props for the {@link ResizableHandle} component.
+ * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
  */
-export interface ResizableHandleProps extends Partial<CreateProps<Props, Events>> {
+import type { ResizableHandleProps as ResizableHandleElementProps } from '@prosekit/web/resizable';
+import type { Component, Snippet } from 'svelte';
+/**
+ * Props for the {@link ResizableHandle} Svelte component.
+ *
+ * @public
+ */
+export interface ResizableHandleProps {
+    /**
+     * The position of the handle.
+     *
+     * @default "bottom-right"
+     */
+    position?: ResizableHandleElementProps['position'];
+    children?: Snippet;
+    [key: string]: unknown;
 }
-export declare const ResizableHandle: typeof SvelteComponent<ResizableHandleProps & HTMLAttributes<ResizableHandleElement>>;
+/**
+ * A Svelte component that renders an `prosekit-resizable-handle` custom element.
+ *
+ * @public
+ */
+export declare const ResizableHandle: Component<ResizableHandleProps>;
 //# sourceMappingURL=resizable-handle.gen.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"resizable-handle.gen.d.ts","sourceRoot":"","sources":["../../../../src/components/resizable/resizable-handle.gen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,oBAAoB,IAAI,KAAK,EAAE,qBAAqB,IAAI,MAAM,EAAE,MAAM,yBAAyB,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,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":"resizable-handle.gen.d.ts","sourceRoot":"","sources":["../../../../src/components/resizable/resizable-handle.gen.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,oBAAoB,IAAI,2BAA2B,EAAE,MAAM,yBAAyB,CAAC;AACnG,OAAO,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAIjD;;;;GAIG;AACH,MAAM,WAAW,oBAAoB;IACnC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,2BAA2B,CAAC,UAAU,CAAC,CAAC;IACnD,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/resizable/resizable-handle.gen.js

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

package/dist/build/components/resizable/resizable-handle.gen.svelte

@@ -1,23 +1,18 @@
+<!-- This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly. -->
+
 <script lang="ts">
-import '@prosekit/web/resizable'
+  import { registerResizableHandleElement } from '@prosekit/web/resizable'
+  import type { ResizableHandleElement } from '@prosekit/web/resizable'
+  registerResizableHandleElement()
 
-import { resizableHandleProps, resizableHandleEvents } from '@prosekit/web/resizable'
-import { ClientUpdate } from '../client-update/index.js'
-import { useComponent } from '../use-component.js'
-import { useEventHandlers } from '../use-event-handlers.js'
+  let { position: p0, children = undefined, ...restProps } = $props()
+  let element: ResizableHandleElement | undefined
 
-let attributes: Record<string, unknown> = {}
-let eventHandlers: Record<string, (...args: any[]) => any> = {}
-let element: HTMLElement | undefined = undefined
-const handleChange = useComponent(Object.keys(resizableHandleProps), Object.keys(resizableHandleEvents))
+  $effect(() => {
+    if (!element) return
 
-$: {
-  [attributes, eventHandlers] = handleChange(element, $$props)
-}
+    Object.assign(element, { position: p0 })
+  })
 </script>
 
-<ClientUpdate>
-  <prosekit-resizable-handle {...attributes} use:useEventHandlers={eventHandlers} bind:this={element}>
-    <slot />
-  </prosekit-resizable-handle>
-</ClientUpdate>
+<prosekit-resizable-handle {...restProps} bind:this={element}>{@render children?.()}</prosekit-resizable-handle>

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"resizable-handle.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/resizable/resizable-handle.gen.svelte.ts"],"names":[],"mappings":"AA2BA,QAAA,MAAM,eAAe;cAlBoE,GAAG;eAAa,GAAG;gCAkB/C,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}

package/dist/build/components/resizable/resizable-root.gen.d.ts

@@ -1,11 +1,44 @@
-import type { ResizableRootElement, ResizableRootProps as Props, ResizableRootEvents as Events } from '@prosekit/web/resizable';
-import type { SvelteComponent } from 'svelte';
-import type { HTMLAttributes } from 'svelte/elements';
-import type { CreateProps } from '../create-props.ts';
 /**
- * Props for the {@link ResizableRoot} component.
+ * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
  */
-export interface ResizableRootProps extends Partial<CreateProps<Props, Events>> {
+import type { ResizableRootEvents, ResizableRootProps as ResizableRootElementProps } from '@prosekit/web/resizable';
+import type { Component, Snippet } from 'svelte';
+/**
+ * Props for the {@link ResizableRoot} Svelte component.
+ *
+ * @public
+ */
+export interface ResizableRootProps {
+    /**
+     * The width of the resizable element.
+     *
+     * @default null
+     */
+    width?: ResizableRootElementProps['width'];
+    /**
+     * The height of the resizable element.
+     *
+     * @default null
+     */
+    height?: ResizableRootElementProps['height'];
+    /**
+     * The aspect ratio of the resizable element.
+     *
+     * @default null
+     */
+    aspectRatio?: ResizableRootElementProps['aspectRatio'];
+    /** Emitted when a resize operation starts. */
+    onResizeStart?: (event: ResizableRootEvents['resizeStart']) => void;
+    /** Emitted when a resize operation ends. */
+    onResizeEnd?: (event: ResizableRootEvents['resizeEnd']) => void;
+    children?: Snippet;
+    [key: string]: unknown;
 }
-export declare const ResizableRoot: typeof SvelteComponent<ResizableRootProps & HTMLAttributes<ResizableRootElement>>;
+/**
+ * A Svelte component that renders an `prosekit-resizable-root` custom element.
+ *
+ * @public
+ */
+export declare const ResizableRoot: Component<ResizableRootProps>;
+export type { ResizableRootEvents };
 //# sourceMappingURL=resizable-root.gen.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"resizable-root.gen.d.ts","sourceRoot":"","sources":["../../../../src/components/resizable/resizable-root.gen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,kBAAkB,IAAI,KAAK,EAAE,mBAAmB,IAAI,MAAM,EAAE,MAAM,yBAAyB,CAAA;AAC/H,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,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"}
+{"version":3,"file":"resizable-root.gen.d.ts","sourceRoot":"","sources":["../../../../src/components/resizable/resizable-root.gen.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,mBAAmB,EAAE,kBAAkB,IAAI,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AACpH,OAAO,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAIjD;;;;GAIG;AACH,MAAM,WAAW,kBAAkB;IACjC;;;;OAIG;IACH,KAAK,CAAC,EAAE,yBAAyB,CAAC,OAAO,CAAC,CAAC;IAC3C;;;;OAIG;IACH,MAAM,CAAC,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAC;IAC7C;;;;OAIG;IACH,WAAW,CAAC,EAAE,yBAAyB,CAAC,aAAa,CAAC,CAAC;IACvD,8CAA8C;IAC9C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IACpE,4CAA4C;IAC5C,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED;;;;GAIG;AACH,eAAO,MAAM,aAAa,EAAE,SAAS,CAAC,kBAAkB,CAAsE,CAAC;AAE/H,YAAY,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/build/components/resizable/resizable-root.gen.js

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