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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"autocomplete-empty.gen.d.ts","sourceRoot":"","sources":["../../../../src/components/autocomplete/autocomplete-empty.gen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,sBAAsB,IAAI,KAAK,EAAE,uBAAuB,IAAI,MAAM,EAAE,MAAM,4BAA4B,CAAA;AAC9I,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAErD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAIrD;;GAEG;AACH,MAAM,WAAW,sBAAuB,SAAQ,OAAO,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;CAAG;AAEtF,eAAO,MAAM,iBAAiB,EAAgB,OAAO,eAAe,CAAC,sBAAsB,GAAG,cAAc,CAAC,wBAAwB,CAAC,CAAC,CAAA"}
+{"version":3,"file":"autocomplete-empty.gen.d.ts","sourceRoot":"","sources":["../../../../src/components/autocomplete/autocomplete-empty.gen.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAIjD;;;;GAIG;AACH,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,SAAS,CAAC,sBAAsB,CAA8E,CAAC"}

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

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

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

@@ -1,23 +1,10 @@
-<script lang="ts">
-import '@prosekit/web/autocomplete'
-
-import { autocompleteEmptyProps, autocompleteEmptyEvents } from '@prosekit/web/autocomplete'
-import { ClientUpdate } from '../client-update/index.js'
-import { useComponent } from '../use-component.js'
-import { useEventHandlers } from '../use-event-handlers.js'
+<!-- This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly. -->
 
-let attributes: Record<string, unknown> = {}
-let eventHandlers: Record<string, (...args: any[]) => any> = {}
-let element: HTMLElement | undefined = undefined
-const handleChange = useComponent(Object.keys(autocompleteEmptyProps), Object.keys(autocompleteEmptyEvents))
+<script lang="ts">
+  import { registerAutocompleteEmptyElement } from '@prosekit/web/autocomplete'
+  registerAutocompleteEmptyElement()
 
-$: {
-  [attributes, eventHandlers] = handleChange(element, $$props)
-}
+  let { children = undefined, ...restProps } = $props()
 </script>
 
-<ClientUpdate>
-  <prosekit-autocomplete-empty {...attributes} use:useEventHandlers={eventHandlers} bind:this={element}>
-    <slot />
-  </prosekit-autocomplete-empty>
-</ClientUpdate>
+<prosekit-autocomplete-empty {...restProps}>{@render children?.()}</prosekit-autocomplete-empty>

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete-empty.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/autocomplete/autocomplete-empty.gen.svelte.ts"],"names":[],"mappings":"AAkBA,QAAA,MAAM,iBAAiB;eAXqE,GAAG;gCAWhC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}

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

@@ -1,11 +1,38 @@
-import type { AutocompleteItemElement, AutocompleteItemProps as Props, AutocompleteItemEvents as Events } from '@prosekit/web/autocomplete';
-import type { SvelteComponent } from 'svelte';
-import type { HTMLAttributes } from 'svelte/elements';
-import type { CreateProps } from '../create-props.ts';
 /**
- * Props for the {@link AutocompleteItem} component.
+ * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
  */
-export interface AutocompleteItemProps extends Partial<CreateProps<Props, Events>> {
+import type { AutocompleteItemEvents, AutocompleteItemProps as AutocompleteItemElementProps } from '@prosekit/web/autocomplete';
+import type { Component, Snippet } from 'svelte';
+/**
+ * Props for the {@link AutocompleteItem} Svelte component.
+ *
+ * @public
+ */
+export interface AutocompleteItemProps {
+    /**
+     * The value of the item, which will be matched against the query.
+     *
+     * If not provided, the value is the item's text content.
+     *
+     * @default ""
+     */
+    value?: AutocompleteItemElementProps['value'];
+    /**
+     * Whether this option is disabled.
+     *
+     * @default false
+     */
+    disabled?: AutocompleteItemElementProps['disabled'];
+    /** Emitted when the the item is selected. */
+    onSelect?: (event: AutocompleteItemEvents['select']) => void;
+    children?: Snippet;
+    [key: string]: unknown;
 }
-export declare const AutocompleteItem: typeof SvelteComponent<AutocompleteItemProps & HTMLAttributes<AutocompleteItemElement>>;
+/**
+ * A Svelte component that renders an `prosekit-autocomplete-item` custom element.
+ *
+ * @public
+ */
+export declare const AutocompleteItem: Component<AutocompleteItemProps>;
+export type { AutocompleteItemEvents };
 //# sourceMappingURL=autocomplete-item.gen.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"autocomplete-item.gen.d.ts","sourceRoot":"","sources":["../../../../src/components/autocomplete/autocomplete-item.gen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,qBAAqB,IAAI,KAAK,EAAE,sBAAsB,IAAI,MAAM,EAAE,MAAM,4BAA4B,CAAA;AAC3I,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAErD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAIrD;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,OAAO,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;CAAG;AAErF,eAAO,MAAM,gBAAgB,EAAgB,OAAO,eAAe,CAAC,qBAAqB,GAAG,cAAc,CAAC,uBAAuB,CAAC,CAAC,CAAA"}
+{"version":3,"file":"autocomplete-item.gen.d.ts","sourceRoot":"","sources":["../../../../src/components/autocomplete/autocomplete-item.gen.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,sBAAsB,EAAE,qBAAqB,IAAI,4BAA4B,EAAE,MAAM,4BAA4B,CAAC;AAChI,OAAO,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAIjD;;;;GAIG;AACH,MAAM,WAAW,qBAAqB;IACpC;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,4BAA4B,CAAC,OAAO,CAAC,CAAC;IAC9C;;;;OAIG;IACH,QAAQ,CAAC,EAAE,4BAA4B,CAAC,UAAU,CAAC,CAAC;IACpD,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,sBAAsB,CAAC,QAAQ,CAAC,KAAK,IAAI,CAAC;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,EAAE,SAAS,CAAC,qBAAqB,CAA4E,CAAC;AAE3I,YAAY,EAAE,sBAAsB,EAAE,CAAC"}

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

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

package/dist/build/components/autocomplete/autocomplete-item.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/autocomplete'
+  import { registerAutocompleteItemElement } from '@prosekit/web/autocomplete'
+  import type { AutocompleteItemElement } from '@prosekit/web/autocomplete'
+  registerAutocompleteItemElement()
+
+  let { disabled: p0, value: p1, onSelect: e0, children = undefined, ...restProps } = $props()
+  let element: AutocompleteItemElement | undefined
+  const handlers: EventListener[] = []
+
+  $effect(() => {
+    if (!element) return
+
+    Object.assign(element, { disabled: p0, value: p1 })
 
-import { autocompleteItemProps, autocompleteItemEvents } from '@prosekit/web/autocomplete'
-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(autocompleteItemProps), Object.keys(autocompleteItemEvents))
+  $effect(() => {
+    if (!element) return
 
-$: {
-  [attributes, eventHandlers] = handleChange(element, $$props)
-}
+    const ac = new AbortController()
+    for (const [index, eventName] of ["select"].entries()) {
+      element.addEventListener(eventName, (event) => handlers[index]?.(event), { signal: ac.signal })
+    }
+    return () => ac.abort()
+  })
 </script>
 
-<ClientUpdate>
-  <prosekit-autocomplete-item {...attributes} use:useEventHandlers={eventHandlers} bind:this={element}>
-    <slot />
-  </prosekit-autocomplete-item>
-</ClientUpdate>
+<prosekit-autocomplete-item {...restProps} bind:this={element}>{@render children?.()}</prosekit-autocomplete-item>

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

@@ -0,0 +1,9 @@
+declare const AutocompleteItem: import("svelte").Component<{
+    disabled: any;
+    value: any;
+    onSelect: any;
+    children?: any;
+} & Record<string, any>, {}, "">;
+type AutocompleteItem = ReturnType<typeof AutocompleteItem>;
+export default AutocompleteItem;
+//# sourceMappingURL=autocomplete-item.gen.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete-item.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/autocomplete/autocomplete-item.gen.svelte.ts"],"names":[],"mappings":"AAyCA,QAAA,MAAM,gBAAgB;cAhCoE,GAAG;WAAS,GAAG;cAAY,GAAG;eAAa,GAAG;gCAgC1E,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}

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

@@ -0,0 +1,32 @@
+/**
+ * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+ */
+import type { AutocompletePopupEvents } from '@prosekit/web/autocomplete';
+import type { Component, Snippet } from 'svelte';
+/**
+ * Props for the {@link AutocompletePopup} Svelte component.
+ *
+ * @public
+ */
+export interface AutocompletePopupProps {
+    /**
+     * Emitted when the selected value changes. Only available when multiple is
+     * false.
+     */
+    onValueChange?: (event: AutocompletePopupEvents['valueChange']) => void;
+    /**
+     * Emitted when the selected values change. Only available when multiple is
+     * true.
+     */
+    onValuesChange?: (event: AutocompletePopupEvents['valuesChange']) => void;
+    children?: Snippet;
+    [key: string]: unknown;
+}
+/**
+ * A Svelte component that renders an `prosekit-autocomplete-popup` custom element.
+ *
+ * @public
+ */
+export declare const AutocompletePopup: Component<AutocompletePopupProps>;
+export type { AutocompletePopupEvents };
+//# sourceMappingURL=autocomplete-popup.gen.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete-popup.gen.d.ts","sourceRoot":"","sources":["../../../../src/components/autocomplete/autocomplete-popup.gen.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAIjD;;;;GAIG;AACH,MAAM,WAAW,sBAAsB;IACrC;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IACxE;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC1E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,SAAS,CAAC,sBAAsB,CAA8E,CAAC;AAE/I,YAAY,EAAE,uBAAuB,EAAE,CAAC"}

package/dist/build/components/autocomplete/autocomplete-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 AutocompletePopupComponent from './autocomplete-popup.gen.svelte';
+/**
+ * A Svelte component that renders an `prosekit-autocomplete-popup` custom element.
+ *
+ * @public
+ */
+export const AutocompletePopup = AutocompletePopupComponent;

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

@@ -0,0 +1,31 @@
+<!-- This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly. -->
+
+<script lang="ts">
+  import { registerAutocompletePopupElement } from '@prosekit/web/autocomplete'
+  import type { AutocompletePopupElement } from '@prosekit/web/autocomplete'
+  registerAutocompletePopupElement()
+
+  let { onValueChange: e0, onValuesChange: e1, children = undefined, ...restProps } = $props()
+  let element: AutocompletePopupElement | undefined
+  const handlers: EventListener[] = []
+
+  $effect(() => {
+    if (!element) return
+
+    handlers.length = 0
+    handlers.push(e0)
+    handlers.push(e1)
+  })
+
+  $effect(() => {
+    if (!element) return
+
+    const ac = new AbortController()
+    for (const [index, eventName] of ["valueChange", "valuesChange"].entries()) {
+      element.addEventListener(eventName, (event) => handlers[index]?.(event), { signal: ac.signal })
+    }
+    return () => ac.abort()
+  })
+</script>
+
+<prosekit-autocomplete-popup {...restProps} bind:this={element}>{@render children?.()}</prosekit-autocomplete-popup>

package/dist/build/components/autocomplete/autocomplete-popup.gen.svelte.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete-popup.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/autocomplete/autocomplete-popup.gen.svelte.ts"],"names":[],"mappings":"AAwCA,QAAA,MAAM,iBAAiB;mBA/ByE,GAAG;oBAAkB,GAAG;eAAa,GAAG;gCA+BzE,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}

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

@@ -0,0 +1,123 @@
+/**
+ * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+ */
+import type { AutocompletePositionerProps as AutocompletePositionerElementProps } from '@prosekit/web/autocomplete';
+import type { Component, Snippet } from 'svelte';
+/**
+ * Props for the {@link AutocompletePositioner} Svelte component.
+ *
+ * @public
+ */
+export interface AutocompletePositionerProps {
+    /**
+     * The placement of the popover, relative to the text cursor.
+     *
+     * @default "bottom-start"
+     */
+    placement?: AutocompletePositionerElementProps['placement'];
+    /**
+     * The distance between the popover and the hovered block.
+     *
+     * @default 4
+     */
+    offset?: AutocompletePositionerElementProps['offset'];
+    /** @default true */
+    inline?: AutocompletePositionerElementProps['inline'];
+    /** @default true */
+    hoist?: AutocompletePositionerElementProps['hoist'];
+    /** @default true */
+    fitViewport?: AutocompletePositionerElementProps['fitViewport'];
+    /** @default "The body element" */
+    boundary?: AutocompletePositionerElementProps['boundary'];
+    /** @default 8 */
+    overflowPadding?: AutocompletePositionerElementProps['overflowPadding'];
+    /**
+     * The strategy to use for positioning
+     *
+     * @default "absolute"
+     */
+    strategy?: AutocompletePositionerElementProps['strategy'];
+    /**
+     * Options to activate auto-update listeners
+     *
+     * @see https://floating-ui.com/docs/autoUpdate
+     *
+     * @default true
+     */
+    autoUpdate?: AutocompletePositionerElementProps['autoUpdate'];
+    /**
+     * Whether to flip the `placement` in order to keep it in view when the
+     * preferred placement(s) will overflow the clipping boundary. You can also
+     * provide an array of placements to try sequentially if the preferred
+     * `placement` does not fit.
+     *
+     * @default true
+     */
+    flip?: AutocompletePositionerElementProps['flip'];
+    /**
+     * Whether the floating element should shift to keep it in view.
+     *
+     * @default true
+     */
+    shift?: AutocompletePositionerElementProps['shift'];
+    /**
+     * Whether the floating element can overlap the reference element to keep it
+     * in view.
+     *
+     * @default false
+     */
+    overlap?: AutocompletePositionerElementProps['overlap'];
+    /**
+     * Whether to constrain the floating element's width so that it matches the
+     * reference element.
+     *
+     * @default false
+     */
+    sameWidth?: AutocompletePositionerElementProps['sameWidth'];
+    /**
+     * Whether to constrain the floating element's height so that it matches the
+     * reference element.
+     *
+     * @default false
+     */
+    sameHeight?: AutocompletePositionerElementProps['sameHeight'];
+    /**
+     * Whether to hide the floating element when the reference element or the
+     * floating element is fully clipped.
+     *
+     * @default false
+     */
+    hide?: AutocompletePositionerElementProps['hide'];
+    /**
+     * Describes the root boundary that the element will be checked for overflow relative to.
+     * Please see https://floating-ui.com/docs/detectoverflow#rootboundary for more information.
+     *
+     * @default 'viewport'
+     */
+    rootBoundary?: AutocompletePositionerElementProps['rootBoundary'];
+    /**
+     * The element that will be used to check for overflow. Please see
+     * https://floating-ui.com/docs/detectoverflow#elementcontext for more
+     * information.
+     *
+     * @default 'floating'
+     */
+    elementContext?: AutocompletePositionerElementProps['elementContext'];
+    /**
+     * Whether to check the alternate elementContext's boundary. Please see
+     * https://floating-ui.com/docs/detectoverflow#altboundary for more
+     * information.
+     *
+     * @default false
+     */
+    altBoundary?: AutocompletePositionerElementProps['altBoundary'];
+    children?: Snippet;
+    [key: string]: unknown;
+}
+/**
+ * A Svelte component that renders an `prosekit-autocomplete-positioner` custom element.
+ *
+ * @public
+ */
+export declare const AutocompletePositioner: Component<AutocompletePositionerProps>;
+//# sourceMappingURL=autocomplete-positioner.gen.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete-positioner.gen.d.ts","sourceRoot":"","sources":["../../../../src/components/autocomplete/autocomplete-positioner.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;;;;OAIG;IACH,SAAS,CAAC,EAAE,kCAAkC,CAAC,WAAW,CAAC,CAAC;IAC5D;;;;OAIG;IACH,MAAM,CAAC,EAAE,kCAAkC,CAAC,QAAQ,CAAC,CAAC;IACtD,oBAAoB;IACpB,MAAM,CAAC,EAAE,kCAAkC,CAAC,QAAQ,CAAC,CAAC;IACtD,oBAAoB;IACpB,KAAK,CAAC,EAAE,kCAAkC,CAAC,OAAO,CAAC,CAAC;IACpD,oBAAoB;IACpB,WAAW,CAAC,EAAE,kCAAkC,CAAC,aAAa,CAAC,CAAC;IAChE,kCAAkC;IAClC,QAAQ,CAAC,EAAE,kCAAkC,CAAC,UAAU,CAAC,CAAC;IAC1D,iBAAiB;IACjB,eAAe,CAAC,EAAE,kCAAkC,CAAC,iBAAiB,CAAC,CAAC;IACxE;;;;OAIG;IACH,QAAQ,CAAC,EAAE,kCAAkC,CAAC,UAAU,CAAC,CAAC;IAC1D;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,kCAAkC,CAAC,YAAY,CAAC,CAAC;IAC9D;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,kCAAkC,CAAC,MAAM,CAAC,CAAC;IAClD;;;;OAIG;IACH,KAAK,CAAC,EAAE,kCAAkC,CAAC,OAAO,CAAC,CAAC;IACpD;;;;;OAKG;IACH,OAAO,CAAC,EAAE,kCAAkC,CAAC,SAAS,CAAC,CAAC;IACxD;;;;;OAKG;IACH,SAAS,CAAC,EAAE,kCAAkC,CAAC,WAAW,CAAC,CAAC;IAC5D;;;;;OAKG;IACH,UAAU,CAAC,EAAE,kCAAkC,CAAC,YAAY,CAAC,CAAC;IAC9D;;;;;OAKG;IACH,IAAI,CAAC,EAAE,kCAAkC,CAAC,MAAM,CAAC,CAAC;IAClD;;;;;OAKG;IACH,YAAY,CAAC,EAAE,kCAAkC,CAAC,cAAc,CAAC,CAAC;IAClE;;;;;;OAMG;IACH,cAAc,CAAC,EAAE,kCAAkC,CAAC,gBAAgB,CAAC,CAAC;IACtE;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,kCAAkC,CAAC,aAAa,CAAC,CAAC;IAChE,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/autocomplete/autocomplete-positioner.gen.js

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

package/dist/build/components/autocomplete/autocomplete-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 { registerAutocompletePositionerElement } from '@prosekit/web/autocomplete'
+  import type { AutocompletePositionerElement } from '@prosekit/web/autocomplete'
+  registerAutocompletePositionerElement()
+
+  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: AutocompletePositionerElement | 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-autocomplete-positioner {...restProps} bind:this={element}>{@render children?.()}</prosekit-autocomplete-positioner>

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

@@ -0,0 +1,24 @@
+declare const AutocompletePositioner: 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 AutocompletePositioner = ReturnType<typeof AutocompletePositioner>;
+export default AutocompletePositioner;
+//# sourceMappingURL=autocomplete-positioner.gen.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete-positioner.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/autocomplete/autocomplete-positioner.gen.svelte.ts"],"names":[],"mappings":"AA2BA,QAAA,MAAM,sBAAsB;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;AACrE,KAAK,sBAAsB,GAAG,UAAU,CAAC,OAAO,sBAAsB,CAAC,CAAC;AACxE,eAAe,sBAAsB,CAAC"}

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

@@ -0,0 +1,56 @@
+/**
+ * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+ */
+import type { AutocompleteRootEvents, AutocompleteRootProps as AutocompleteRootElementProps } from '@prosekit/web/autocomplete';
+import type { Component, Snippet } from 'svelte';
+/**
+ * Props for the {@link AutocompleteRoot} Svelte component.
+ *
+ * @public
+ */
+export interface AutocompleteRootProps {
+    /**
+     * The ProseKit editor instance.
+     *
+     * @default null
+     * @hidden
+     */
+    editor?: AutocompleteRootElementProps['editor'];
+    /**
+     * The regular expression to match the query text to autocomplete.
+     *
+     * @default null
+     */
+    regex?: AutocompleteRootElementProps['regex'];
+    /**
+     * The filter function to determine if an item should be shown in the
+     * listbox.
+     *
+     * @default defaultItemFilter
+     */
+    filter?: AutocompleteRootElementProps['filter'];
+    /** Fired when the open state changes. */
+    onOpenChange?: (event: AutocompleteRootEvents['openChange']) => void;
+    /** Fired when the query changes. */
+    onQueryChange?: (event: AutocompleteRootEvents['queryChange']) => void;
+    /**
+     * Emitted when the selected value changes. Only available when multiple is
+     * false.
+     */
+    onValueChange?: (event: AutocompleteRootEvents['valueChange']) => void;
+    /**
+     * Emitted when the selected values change. Only available when multiple is
+     * true.
+     */
+    onValuesChange?: (event: AutocompleteRootEvents['valuesChange']) => void;
+    children?: Snippet;
+    [key: string]: unknown;
+}
+/**
+ * A Svelte component that renders an `prosekit-autocomplete-root` custom element.
+ *
+ * @public
+ */
+export declare const AutocompleteRoot: Component<AutocompleteRootProps>;
+export type { AutocompleteRootEvents };
+//# sourceMappingURL=autocomplete-root.gen.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete-root.gen.d.ts","sourceRoot":"","sources":["../../../../src/components/autocomplete/autocomplete-root.gen.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,sBAAsB,EAAE,qBAAqB,IAAI,4BAA4B,EAAE,MAAM,4BAA4B,CAAC;AAChI,OAAO,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAIjD;;;;GAIG;AACH,MAAM,WAAW,qBAAqB;IACpC;;;;;OAKG;IACH,MAAM,CAAC,EAAE,4BAA4B,CAAC,QAAQ,CAAC,CAAC;IAChD;;;;OAIG;IACH,KAAK,CAAC,EAAE,4BAA4B,CAAC,OAAO,CAAC,CAAC;IAC9C;;;;;OAKG;IACH,MAAM,CAAC,EAAE,4BAA4B,CAAC,QAAQ,CAAC,CAAC;IAChD,yCAAyC;IACzC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,sBAAsB,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IACrE,oCAAoC;IACpC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,sBAAsB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IACvE;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,sBAAsB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IACvE;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,sBAAsB,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACzE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,EAAE,SAAS,CAAC,qBAAqB,CAA4E,CAAC;AAE3I,YAAY,EAAE,sBAAsB,EAAE,CAAC"}

package/dist/build/components/autocomplete/autocomplete-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 AutocompleteRootComponent from './autocomplete-root.gen.svelte';
+/**
+ * A Svelte component that renders an `prosekit-autocomplete-root` custom element.
+ *
+ * @public
+ */
+export const AutocompleteRoot = AutocompleteRootComponent;

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

@@ -0,0 +1,38 @@
+<!-- This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly. -->
+
+<script lang="ts">
+  import { registerAutocompleteRootElement } from '@prosekit/web/autocomplete'
+  import type { AutocompleteRootElement } from '@prosekit/web/autocomplete'
+  import { useEditorContext } from '../../contexts/editor-context.js'
+  registerAutocompleteRootElement()
+
+  let { editor: p0, filter: p1, regex: p2, onOpenChange: e0, onQueryChange: e1, onValueChange: e2, onValuesChange: e3, children = undefined, ...restProps } = $props()
+  let element: AutocompleteRootElement | undefined
+  const handlers: EventListener[] = []
+
+  const p0Fallback = useEditorContext()
+
+  $effect(() => {
+    if (!element) return
+
+    Object.assign(element, { editor: p0 ?? p0Fallback, filter: p1, regex: p2 })
+
+    handlers.length = 0
+    handlers.push(e0)
+    handlers.push(e1)
+    handlers.push(e2)
+    handlers.push(e3)
+  })
+
+  $effect(() => {
+    if (!element) return
+
+    const ac = new AbortController()
+    for (const [index, eventName] of ["openChange", "queryChange", "valueChange", "valuesChange"].entries()) {
+      element.addEventListener(eventName, (event) => handlers[index]?.(event), { signal: ac.signal })
+    }
+    return () => ac.abort()
+  })
+</script>
+
+<prosekit-autocomplete-root {...restProps} bind:this={element}>{@render children?.()}</prosekit-autocomplete-root>

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

@@ -0,0 +1,13 @@
+declare const AutocompleteRoot: import("svelte").Component<{
+    editor: any;
+    filter: any;
+    regex: any;
+    onOpenChange: any;
+    onQueryChange: any;
+    onValueChange: any;
+    onValuesChange: any;
+    children?: any;
+} & Record<string, any>, {}, "">;
+type AutocompleteRoot = ReturnType<typeof AutocompleteRoot>;
+export default AutocompleteRoot;
+//# sourceMappingURL=autocomplete-root.gen.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete-root.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/autocomplete/autocomplete-root.gen.svelte.ts"],"names":[],"mappings":"AAgDA,QAAA,MAAM,gBAAgB;YArCkE,GAAG;YAAU,GAAG;WAAS,GAAG;kBAAgB,GAAG;mBAAiB,GAAG;mBAAiB,GAAG;oBAAkB,GAAG;eAAa,GAAG;gCAqCtJ,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}