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

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

@@ -0,0 +1,35 @@
+<!-- This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly. -->
+
+<script lang="ts">
+  import { registerBlockHandleRootElement } from '@prosekit/web/block-handle'
+  import type { BlockHandleRootElement } from '@prosekit/web/block-handle'
+  import { useEditorContext } from '../../contexts/editor-context.js'
+  registerBlockHandleRootElement()
+
+  let { editor: p0, onStateChange: e0, children = undefined, ...restProps } = $props()
+  let element: BlockHandleRootElement | undefined
+  const handlers: EventListener[] = []
+
+  const p0Fallback = useEditorContext()
+
+  $effect(() => {
+    if (!element) return
+
+    Object.assign(element, { editor: p0 ?? p0Fallback })
+
+    handlers.length = 0
+    handlers.push(e0)
+  })
+
+  $effect(() => {
+    if (!element) return
+
+    const ac = new AbortController()
+    for (const [index, eventName] of ["stateChange"].entries()) {
+      element.addEventListener(eventName, (event) => handlers[index]?.(event), { signal: ac.signal })
+    }
+    return () => ac.abort()
+  })
+</script>
+
+<prosekit-block-handle-root {...restProps} bind:this={element}>{@render children?.()}</prosekit-block-handle-root>

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

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

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

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

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

@@ -0,0 +1,27 @@
+/**
+
+@module
+
+## Anatomy
+
+```jsx
+import {
+  BlockHandleAdd,
+  BlockHandleDraggable,
+  BlockHandlePopup,
+  BlockHandlePositioner,
+  BlockHandleRoot,
+} from 'prosekit/svelte/block-handle'
+
+<BlockHandleRoot>
+  <BlockHandlePositioner>
+    <BlockHandlePopup>
+      <BlockHandleAdd>...</BlockHandleAdd>
+      <BlockHandleDraggable>...</BlockHandleDraggable>
+    </BlockHandlePopup>
+  </BlockHandlePositioner>
+</BlockHandleRoot>
+```
+*/
+export * from './index.gen.ts';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -1,4 +1,10 @@
+/**
+ * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+ */
 export { BlockHandleAdd, type BlockHandleAddProps } from './block-handle-add.gen.ts';
 export { BlockHandleDraggable, type BlockHandleDraggableProps } from './block-handle-draggable.gen.ts';
-export { BlockHandlePopover, type BlockHandlePopoverProps } from './block-handle-popover.gen.ts';
+export { BlockHandlePopup, type BlockHandlePopupProps } from './block-handle-popup.gen.ts';
+export { BlockHandlePositioner, type BlockHandlePositionerProps } from './block-handle-positioner.gen.ts';
+export { BlockHandleRoot, type BlockHandleRootProps, type BlockHandleRootEvents } from './block-handle-root.gen.ts';
+export { BlockHandleStateChangeEvent } from '@prosekit/web/block-handle';
 //# sourceMappingURL=index.gen.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.gen.d.ts","sourceRoot":"","sources":["../../../../src/components/block-handle/index.gen.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAEpF,OAAO,EAAE,oBAAoB,EAAE,KAAK,yBAAyB,EAAE,MAAM,iCAAiC,CAAA;AAEtG,OAAO,EAAE,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,MAAM,+BAA+B,CAAA"}
+{"version":3,"file":"index.gen.d.ts","sourceRoot":"","sources":["../../../../src/components/block-handle/index.gen.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAErF,OAAO,EAAE,oBAAoB,EAAE,KAAK,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AAEvG,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAE3F,OAAO,EAAE,qBAAqB,EAAE,KAAK,0BAA0B,EAAE,MAAM,kCAAkC,CAAC;AAE1G,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,KAAK,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAEpH,OAAO,EAAE,2BAA2B,EAAE,MAAM,4BAA4B,CAAC"}

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

@@ -1,3 +1,9 @@
+/**
+ * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+ */
 export { BlockHandleAdd } from "./block-handle-add.gen.js";
 export { BlockHandleDraggable } from "./block-handle-draggable.gen.js";
-export { BlockHandlePopover } from "./block-handle-popover.gen.js";
+export { BlockHandlePopup } from "./block-handle-popup.gen.js";
+export { BlockHandlePositioner } from "./block-handle-positioner.gen.js";
+export { BlockHandleRoot } from "./block-handle-root.gen.js";
+export { BlockHandleStateChangeEvent } from '@prosekit/web/block-handle';

package/dist/build/components/block-handle/index.js

@@ -0,0 +1,26 @@
+/**
+
+@module
+
+## Anatomy
+
+```jsx
+import {
+  BlockHandleAdd,
+  BlockHandleDraggable,
+  BlockHandlePopup,
+  BlockHandlePositioner,
+  BlockHandleRoot,
+} from 'prosekit/svelte/block-handle'
+
+<BlockHandleRoot>
+  <BlockHandlePositioner>
+    <BlockHandlePopup>
+      <BlockHandleAdd>...</BlockHandleAdd>
+      <BlockHandleDraggable>...</BlockHandleDraggable>
+    </BlockHandlePopup>
+  </BlockHandlePositioner>
+</BlockHandleRoot>
+```
+*/
+export * from "./index.gen.js";

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

@@ -1,11 +1,34 @@
-import type { DropIndicatorElement, DropIndicatorProps as Props, DropIndicatorEvents as Events } from '@prosekit/web/drop-indicator';
-import type { SvelteComponent } from 'svelte';
-import type { HTMLAttributes } from 'svelte/elements';
-import type { CreateProps } from '../create-props.ts';
 /**
- * Props for the {@link DropIndicator} component.
+ * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
  */
-export interface DropIndicatorProps extends Partial<CreateProps<Props, Events>> {
+import type { DropIndicatorProps as DropIndicatorElementProps } from '@prosekit/web/drop-indicator';
+import type { Component, Snippet } from 'svelte';
+/**
+ * Props for the {@link DropIndicator} Svelte component.
+ *
+ * @public
+ */
+export interface DropIndicatorProps {
+    /**
+     * The ProseKit editor instance.
+     *
+     * @default null
+     * @hidden
+     */
+    editor?: DropIndicatorElementProps['editor'];
+    /**
+     * The line width in pixels.
+     *
+     * @default 2
+     */
+    width?: DropIndicatorElementProps['width'];
+    children?: Snippet;
+    [key: string]: unknown;
 }
-export declare const DropIndicator: typeof SvelteComponent<DropIndicatorProps & HTMLAttributes<DropIndicatorElement>>;
+/**
+ * A Svelte component that renders an `prosekit-drop-indicator` custom element.
+ *
+ * @public
+ */
+export declare const DropIndicator: Component<DropIndicatorProps>;
 //# sourceMappingURL=drop-indicator.gen.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"drop-indicator.gen.d.ts","sourceRoot":"","sources":["../../../../src/components/drop-indicator/drop-indicator.gen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,kBAAkB,IAAI,KAAK,EAAE,mBAAmB,IAAI,MAAM,EAAE,MAAM,8BAA8B,CAAA;AACpI,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAErD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,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":"drop-indicator.gen.d.ts","sourceRoot":"","sources":["../../../../src/components/drop-indicator/drop-indicator.gen.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,kBAAkB,IAAI,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AACpG,OAAO,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAIjD;;;;GAIG;AACH,MAAM,WAAW,kBAAkB;IACjC;;;;;OAKG;IACH,MAAM,CAAC,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAC;IAC7C;;;;OAIG;IACH,KAAK,CAAC,EAAE,yBAAyB,CAAC,OAAO,CAAC,CAAC;IAC3C,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"}

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

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

package/dist/build/components/drop-indicator/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/drop-indicator'
+  import { registerDropIndicatorElement } from '@prosekit/web/drop-indicator'
+  import type { DropIndicatorElement } from '@prosekit/web/drop-indicator'
+  import { useEditorContext } from '../../contexts/editor-context.js'
+  registerDropIndicatorElement()
+
+  let { editor: p0, width: p1, children = undefined, ...restProps } = $props()
+  let element: DropIndicatorElement | undefined
 
-import { dropIndicatorProps, dropIndicatorEvents } from '@prosekit/web/drop-indicator'
-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(dropIndicatorProps), Object.keys(dropIndicatorEvents))
+  $effect(() => {
+    if (!element) return
 
-$: {
-  [attributes, eventHandlers] = handleChange(element, $$props)
-}
+    Object.assign(element, { editor: p0 ?? p0Fallback, width: p1 })
+  })
 </script>
 
-<ClientUpdate>
-  <prosekit-drop-indicator {...attributes} use:useEventHandlers={eventHandlers} bind:this={element}>
-    <slot />
-  </prosekit-drop-indicator>
-</ClientUpdate>
+<prosekit-drop-indicator {...restProps} bind:this={element}>{@render children?.()}</prosekit-drop-indicator>

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"drop-indicator.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/drop-indicator/drop-indicator.gen.svelte.ts"],"names":[],"mappings":"AA+BA,QAAA,MAAM,aAAa;YApBkE,GAAG;WAAS,GAAG;eAAa,GAAG;gCAoBzD,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/build/components/drop-indicator/index.d.ts

@@ -0,0 +1,14 @@
+/**
+
+@module
+
+## Anatomy
+
+```jsx
+import { DropIndicator } from 'prosekit/svelte/drop-indicator'
+
+<DropIndicator />
+```
+*/
+export * from './index.gen.ts';
+//# sourceMappingURL=index.d.ts.map

package/dist/build/components/drop-indicator/index.d.ts.map

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

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

@@ -1,2 +1,5 @@
+/**
+ * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+ */
 export { DropIndicator, type DropIndicatorProps } from './drop-indicator.gen.ts';
 //# sourceMappingURL=index.gen.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.gen.d.ts","sourceRoot":"","sources":["../../../../src/components/drop-indicator/index.gen.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,yBAAyB,CAAA"}
+{"version":3,"file":"index.gen.d.ts","sourceRoot":"","sources":["../../../../src/components/drop-indicator/index.gen.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/build/components/drop-indicator/index.gen.js

@@ -1 +1,4 @@
+/**
+ * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+ */
 export { DropIndicator } from "./drop-indicator.gen.js";

package/dist/build/components/drop-indicator/index.js

@@ -0,0 +1,13 @@
+/**
+
+@module
+
+## Anatomy
+
+```jsx
+import { DropIndicator } from 'prosekit/svelte/drop-indicator'
+
+<DropIndicator />
+```
+*/
+export * from "./index.gen.js";

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

@@ -0,0 +1,22 @@
+/**
+
+@module
+
+## Anatomy
+
+```jsx
+import {
+  InlinePopoverPopup,
+  InlinePopoverPositioner,
+  InlinePopoverRoot,
+} from 'prosekit/svelte/inline-popover'
+
+<InlinePopoverRoot>
+  <InlinePopoverPositioner>
+    <InlinePopoverPopup>...</InlinePopoverPopup>
+  </InlinePopoverPositioner>
+</InlinePopoverRoot>
+```
+*/
+export * from './index.gen.ts';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -1,2 +1,8 @@
-export { InlinePopover, type InlinePopoverProps } from './inline-popover.gen.ts';
+/**
+ * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+ */
+export { InlinePopoverPopup, type InlinePopoverPopupProps } from './inline-popover-popup.gen.ts';
+export { InlinePopoverPositioner, type InlinePopoverPositionerProps } from './inline-popover-positioner.gen.ts';
+export { InlinePopoverRoot, type InlinePopoverRootProps, type InlinePopoverRootEvents } from './inline-popover-root.gen.ts';
+export { OpenChangeEvent } from '@prosekit/web/inline-popover';
 //# sourceMappingURL=index.gen.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.gen.d.ts","sourceRoot":"","sources":["../../../../src/components/inline-popover/index.gen.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,yBAAyB,CAAA"}
+{"version":3,"file":"index.gen.d.ts","sourceRoot":"","sources":["../../../../src/components/inline-popover/index.gen.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AAEjG,OAAO,EAAE,uBAAuB,EAAE,KAAK,4BAA4B,EAAE,MAAM,oCAAoC,CAAC;AAEhH,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,KAAK,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAE5H,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC"}

package/dist/build/components/inline-popover/index.gen.js

@@ -1 +1,7 @@
-export { InlinePopover } from "./inline-popover.gen.js";
+/**
+ * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+ */
+export { InlinePopoverPopup } from "./inline-popover-popup.gen.js";
+export { InlinePopoverPositioner } from "./inline-popover-positioner.gen.js";
+export { InlinePopoverRoot } from "./inline-popover-root.gen.js";
+export { OpenChangeEvent } from '@prosekit/web/inline-popover';

package/dist/build/components/inline-popover/index.js

@@ -0,0 +1,21 @@
+/**
+
+@module
+
+## Anatomy
+
+```jsx
+import {
+  InlinePopoverPopup,
+  InlinePopoverPositioner,
+  InlinePopoverRoot,
+} from 'prosekit/svelte/inline-popover'
+
+<InlinePopoverRoot>
+  <InlinePopoverPositioner>
+    <InlinePopoverPopup>...</InlinePopoverPopup>
+  </InlinePopoverPositioner>
+</InlinePopoverRoot>
+```
+*/
+export * from "./index.gen.js";

package/dist/build/components/inline-popover/inline-popover-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 InlinePopoverPopup} Svelte component.
+ *
+ * @public
+ */
+export interface InlinePopoverPopupProps {
+    children?: Snippet;
+    [key: string]: unknown;
+}
+/**
+ * A Svelte component that renders an `prosekit-inline-popover-popup` custom element.
+ *
+ * @public
+ */
+export declare const InlinePopoverPopup: Component<InlinePopoverPopupProps>;
+//# sourceMappingURL=inline-popover-popup.gen.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"inline-popover-popup.gen.d.ts","sourceRoot":"","sources":["../../../../src/components/inline-popover/inline-popover-popup.gen.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAIjD;;;;GAIG;AACH,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,EAAE,SAAS,CAAC,uBAAuB,CAAgF,CAAC"}

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

package/dist/build/components/inline-popover/inline-popover-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 { registerInlinePopoverPopupElement } from '@prosekit/web/inline-popover'
+  registerInlinePopoverPopupElement()
+
+  let { children = undefined, ...restProps } = $props()
+</script>
+
+<prosekit-inline-popover-popup {...restProps}>{@render children?.()}</prosekit-inline-popover-popup>

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

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

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

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

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

@@ -0,0 +1,147 @@
+/**
+ * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+ */
+import type { InlinePopoverPositionerProps as InlinePopoverPositionerElementProps } from '@prosekit/web/inline-popover';
+import type { Component, Snippet } from 'svelte';
+/**
+ * Props for the {@link InlinePopoverPositioner} Svelte component.
+ *
+ * @public
+ */
+export interface InlinePopoverPositionerProps {
+    /**
+     * The initial placement of the floating element
+     *
+     * @default "top"
+     */
+    placement?: InlinePopoverPositionerElementProps['placement'];
+    /**
+     * The distance between the reference and floating element.
+     *
+     * @default 12
+     */
+    offset?: InlinePopoverPositionerElementProps['offset'];
+    /**
+     * Whether to hide the floating element when the reference element or the
+     * floating element is fully clipped.
+     *
+     * @default true
+     */
+    hide?: InlinePopoverPositionerElementProps['hide'];
+    /**
+     * Whether the floating element can overlap the reference element to keep it
+     * in view.
+     *
+     * @default true
+     */
+    overlap?: InlinePopoverPositionerElementProps['overlap'];
+    /**
+     * Whether to improve positioning for inline reference elements that span over
+     * multiple lines.
+     *
+     * @default true
+     */
+    inline?: InlinePopoverPositionerElementProps['inline'];
+    /**
+     * Describes the virtual padding around the boundary to check for overflow.
+     *
+     * @default 8
+     */
+    overflowPadding?: InlinePopoverPositionerElementProps['overflowPadding'];
+    /**
+     * The strategy to use for positioning
+     *
+     * @default "absolute"
+     */
+    strategy?: InlinePopoverPositionerElementProps['strategy'];
+    /**
+     * Options to activate auto-update listeners
+     *
+     * @see https://floating-ui.com/docs/autoUpdate
+     *
+     * @default true
+     */
+    autoUpdate?: InlinePopoverPositionerElementProps['autoUpdate'];
+    /**
+     * Whether to use the browser Popover API to place the floating element on
+     * top of other page content.
+     *
+     * @default true
+     */
+    hoist?: InlinePopoverPositionerElementProps['hoist'];
+    /**
+     * 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?: InlinePopoverPositionerElementProps['flip'];
+    /**
+     * Whether the floating element should shift to keep it in view.
+     *
+     * @default true
+     */
+    shift?: InlinePopoverPositionerElementProps['shift'];
+    /**
+     * Whether to constrain the floating element's width and height to not exceed
+     * the viewport.
+     *
+     * @default false
+     */
+    fitViewport?: InlinePopoverPositionerElementProps['fitViewport'];
+    /**
+     * Whether to constrain the floating element's width so that it matches the
+     * reference element.
+     *
+     * @default false
+     */
+    sameWidth?: InlinePopoverPositionerElementProps['sameWidth'];
+    /**
+     * Whether to constrain the floating element's height so that it matches the
+     * reference element.
+     *
+     * @default false
+     */
+    sameHeight?: InlinePopoverPositionerElementProps['sameHeight'];
+    /**
+     * Describes the clipping element(s) or area that overflow will be checked relative to.
+     * Please see https://floating-ui.com/docs/detectoverflow#boundary for more information.
+     *
+     * @default 'clippingAncestors'
+     */
+    boundary?: InlinePopoverPositionerElementProps['boundary'];
+    /**
+     * 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?: InlinePopoverPositionerElementProps['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?: InlinePopoverPositionerElementProps['elementContext'];
+    /**
+     * Whether to check the alternate elementContext's boundary. Please see
+     * https://floating-ui.com/docs/detectoverflow#altboundary for more
+     * information.
+     *
+     * @default false
+     */
+    altBoundary?: InlinePopoverPositionerElementProps['altBoundary'];
+    children?: Snippet;
+    [key: string]: unknown;
+}
+/**
+ * A Svelte component that renders an `prosekit-inline-popover-positioner` custom element.
+ *
+ * @public
+ */
+export declare const InlinePopoverPositioner: Component<InlinePopoverPositionerProps>;
+//# sourceMappingURL=inline-popover-positioner.gen.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"inline-popover-positioner.gen.d.ts","sourceRoot":"","sources":["../../../../src/components/inline-popover/inline-popover-positioner.gen.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,4BAA4B,IAAI,mCAAmC,EAAE,MAAM,8BAA8B,CAAC;AACxH,OAAO,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAIjD;;;;GAIG;AACH,MAAM,WAAW,4BAA4B;IAC3C;;;;OAIG;IACH,SAAS,CAAC,EAAE,mCAAmC,CAAC,WAAW,CAAC,CAAC;IAC7D;;;;OAIG;IACH,MAAM,CAAC,EAAE,mCAAmC,CAAC,QAAQ,CAAC,CAAC;IACvD;;;;;OAKG;IACH,IAAI,CAAC,EAAE,mCAAmC,CAAC,MAAM,CAAC,CAAC;IACnD;;;;;OAKG;IACH,OAAO,CAAC,EAAE,mCAAmC,CAAC,SAAS,CAAC,CAAC;IACzD;;;;;OAKG;IACH,MAAM,CAAC,EAAE,mCAAmC,CAAC,QAAQ,CAAC,CAAC;IACvD;;;;OAIG;IACH,eAAe,CAAC,EAAE,mCAAmC,CAAC,iBAAiB,CAAC,CAAC;IACzE;;;;OAIG;IACH,QAAQ,CAAC,EAAE,mCAAmC,CAAC,UAAU,CAAC,CAAC;IAC3D;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,mCAAmC,CAAC,YAAY,CAAC,CAAC;IAC/D;;;;;OAKG;IACH,KAAK,CAAC,EAAE,mCAAmC,CAAC,OAAO,CAAC,CAAC;IACrD;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,mCAAmC,CAAC,MAAM,CAAC,CAAC;IACnD;;;;OAIG;IACH,KAAK,CAAC,EAAE,mCAAmC,CAAC,OAAO,CAAC,CAAC;IACrD;;;;;OAKG;IACH,WAAW,CAAC,EAAE,mCAAmC,CAAC,aAAa,CAAC,CAAC;IACjE;;;;;OAKG;IACH,SAAS,CAAC,EAAE,mCAAmC,CAAC,WAAW,CAAC,CAAC;IAC7D;;;;;OAKG;IACH,UAAU,CAAC,EAAE,mCAAmC,CAAC,YAAY,CAAC,CAAC;IAC/D;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,mCAAmC,CAAC,UAAU,CAAC,CAAC;IAC3D;;;;;OAKG;IACH,YAAY,CAAC,EAAE,mCAAmC,CAAC,cAAc,CAAC,CAAC;IACnE;;;;;;OAMG;IACH,cAAc,CAAC,EAAE,mCAAmC,CAAC,gBAAgB,CAAC,CAAC;IACvE;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,mCAAmC,CAAC,aAAa,CAAC,CAAC;IACjE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,EAAE,SAAS,CAAC,4BAA4B,CAA0F,CAAC"}

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

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