@prosekit/svelte 0.8.10 → 0.9.0-beta.1

package/src/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.ts'
+  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.ts'
-import { useComponent } from '../use-component.ts'
-import { useEventHandlers } from '../use-event-handlers.ts'
+  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/src/components/table-handle/table-handle-root.gen.ts

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

package/src/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/src/components/table-handle/table-handle-row-menu-root.gen.ts

@@ -0,0 +1,40 @@
+/**
+ * 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';
+
+import TableHandleRowMenuRootComponent from './table-handle-row-menu-root.gen.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 const TableHandleRowMenuRoot: Component<TableHandleRowMenuRootProps> = TableHandleRowMenuRootComponent as unknown as Component<TableHandleRowMenuRootProps>;

package/src/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.ts'
+  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/src/components/table-handle/table-handle-row-menu-trigger.gen.ts

@@ -0,0 +1,30 @@
+/**
+ * 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';
+
+import TableHandleRowMenuTriggerComponent from './table-handle-row-menu-trigger.gen.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 const TableHandleRowMenuTrigger: Component<TableHandleRowMenuTriggerProps> = TableHandleRowMenuTriggerComponent as unknown as Component<TableHandleRowMenuTriggerProps>;

package/src/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/src/components/table-handle/table-handle-row-popup.gen.ts

@@ -0,0 +1,24 @@
+/**
+ * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+ */
+
+import type { Component, Snippet } from 'svelte';
+
+import TableHandleRowPopupComponent from './table-handle-row-popup.gen.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 const TableHandleRowPopup: Component<TableHandleRowPopupProps> = TableHandleRowPopupComponent as unknown as Component<TableHandleRowPopupProps>;

package/src/components/table-handle/table-handle-row-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 { registerTableHandleRowPositionerElement } from '@prosekit/web/table-handle'
+  import type { TableHandleRowPositionerElement } from '@prosekit/web/table-handle'
+  import { useEditorContext } from '../../contexts/editor-context.ts'
+  registerTableHandleRowPositionerElement()
+
+  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: TableHandleRowPositionerElement | 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-row-positioner {...restProps} bind:this={element}>{@render children?.()}</prosekit-table-handle-row-positioner>

package/src/components/table-handle/table-handle-row-positioner.gen.ts

@@ -0,0 +1,151 @@
+/**
+ * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+ */
+
+import type { TableHandleRowPositionerProps as TableHandleRowPositionerElementProps } from '@prosekit/web/table-handle';
+import type { Component, Snippet } from 'svelte';
+
+import TableHandleRowPositionerComponent from './table-handle-row-positioner.gen.svelte';
+
+/**
+ * Props for the {@link TableHandleRowPositioner} Svelte component.
+ *
+ * @public
+ */
+export interface TableHandleRowPositionerProps {
+  /**
+   * The placement of the popover, relative to the hovered table cell.
+   *
+   * @default "left"
+   */
+  placement?: TableHandleRowPositionerElementProps['placement'];
+  /**
+   * The strategy to use for positioning
+   *
+   * @default "absolute"
+   */
+  strategy?: TableHandleRowPositionerElementProps['strategy'];
+  /**
+   * Options to activate auto-update listeners
+   *
+   * @see https://floating-ui.com/docs/autoUpdate
+   *
+   * @default true
+   */
+  autoUpdate?: TableHandleRowPositionerElementProps['autoUpdate'];
+  /**
+   * Whether to use the browser [Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API)
+   * to place the floating element on top of other page content.
+   *
+   * @default false
+   */
+  hoist?: TableHandleRowPositionerElementProps['hoist'];
+  /**
+   * @default 0
+   * @hidden
+   */
+  offset?: TableHandleRowPositionerElementProps['offset'];
+  /**
+   * @default false
+   * @hidden
+   */
+  flip?: TableHandleRowPositionerElementProps['flip'];
+  /**
+   * @default false
+   * @hidden
+   */
+  shift?: TableHandleRowPositionerElementProps['shift'];
+  /**
+   * Whether the floating element can overlap the reference element to keep it
+   * in view.
+   *
+   * @default false
+   */
+  overlap?: TableHandleRowPositionerElementProps['overlap'];
+  /**
+   * Whether to constrain the floating element's width and height to not exceed
+   * the viewport.
+   *
+   * @default false
+   */
+  fitViewport?: TableHandleRowPositionerElementProps['fitViewport'];
+  /**
+   * Whether to constrain the floating element's width so that it matches the
+   * reference element.
+   *
+   * @default false
+   */
+  sameWidth?: TableHandleRowPositionerElementProps['sameWidth'];
+  /**
+   * Whether to constrain the floating element's height so that it matches the
+   * reference element.
+   *
+   * @default false
+   */
+  sameHeight?: TableHandleRowPositionerElementProps['sameHeight'];
+  /**
+   * Whether to improve positioning for inline reference elements that span over
+   * multiple lines.
+   *
+   * @default false
+   */
+  inline?: TableHandleRowPositionerElementProps['inline'];
+  /**
+   * @default true
+   * @hidden
+   */
+  hide?: TableHandleRowPositionerElementProps['hide'];
+  /**
+   * 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?: TableHandleRowPositionerElementProps['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?: TableHandleRowPositionerElementProps['rootBoundary'];
+  /**
+   * Describes the virtual padding around the boundary to check for overflow.
+   * Please see https://floating-ui.com/docs/detectoverflow#padding for more information.
+   *
+   * @default 4
+   */
+  overflowPadding?: TableHandleRowPositionerElementProps['overflowPadding'];
+  /**
+   * 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?: TableHandleRowPositionerElementProps['elementContext'];
+  /**
+   * Whether to check the alternate elementContext's boundary. Please see
+   * https://floating-ui.com/docs/detectoverflow#altboundary for more
+   * information.
+   *
+   * @default false
+   */
+  altBoundary?: TableHandleRowPositionerElementProps['altBoundary'];
+  /**
+   * The ProseKit editor instance.
+   *
+   * @default null
+   * @hidden
+   */
+  editor?: TableHandleRowPositionerElementProps['editor'];
+  children?: Snippet;
+  [key: string]: unknown;
+}
+
+/**
+ * A Svelte component that renders an `prosekit-table-handle-row-positioner` custom element.
+ *
+ * @public
+ */
+export const TableHandleRowPositioner: Component<TableHandleRowPositionerProps> = TableHandleRowPositionerComponent as unknown as Component<TableHandleRowPositionerProps>;

package/src/components/tooltip/index.gen.ts

@@ -1,5 +1,13 @@
-export { TooltipContent, type TooltipContentProps } from './tooltip-content.gen.ts'
+/**
+ * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+ */
 
-export { TooltipRoot, type TooltipRootProps } from './tooltip-root.gen.ts'
+export { TooltipPopup, type TooltipPopupProps } from './tooltip-popup.gen.ts';
 
-export { TooltipTrigger, type TooltipTriggerProps } from './tooltip-trigger.gen.ts'
+export { TooltipPositioner, type TooltipPositionerProps } from './tooltip-positioner.gen.ts';
+
+export { TooltipRoot, type TooltipRootProps, type TooltipRootEvents } from './tooltip-root.gen.ts';
+
+export { TooltipTrigger, type TooltipTriggerProps } from './tooltip-trigger.gen.ts';
+
+export { OpenChangeEvent } from '@prosekit/web/tooltip';

package/src/components/tooltip/index.ts

@@ -0,0 +1,24 @@
+/**
+
+@module
+
+## Anatomy
+
+```jsx
+import {
+  TooltipPopup,
+  TooltipPositioner,
+  TooltipRoot,
+  TooltipTrigger,
+} from 'prosekit/svelte/tooltip'
+
+<TooltipRoot>
+  <TooltipTrigger>...</TooltipTrigger>
+  <TooltipPositioner>
+    <TooltipPopup>...</TooltipPopup>
+  </TooltipPositioner>
+</TooltipRoot>
+```
+*/
+
+export * from './index.gen.ts'

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

package/src/components/tooltip/tooltip-popup.gen.ts

@@ -0,0 +1,24 @@
+/**
+ * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+ */
+
+import type { Component, Snippet } from 'svelte';
+
+import TooltipPopupComponent from './tooltip-popup.gen.svelte';
+
+/**
+ * Props for the {@link TooltipPopup} Svelte component.
+ *
+ * @public
+ */
+export interface TooltipPopupProps {
+  children?: Snippet;
+  [key: string]: unknown;
+}
+
+/**
+ * A Svelte component that renders an `prosekit-tooltip-popup` custom element.
+ *
+ * @public
+ */
+export const TooltipPopup: Component<TooltipPopupProps> = TooltipPopupComponent as unknown as Component<TooltipPopupProps>;

package/src/components/tooltip/tooltip-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 { registerTooltipPositionerElement } from '@prosekit/web/tooltip'
+  import type { TooltipPositionerElement } from '@prosekit/web/tooltip'
+  registerTooltipPositionerElement()
+
+  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: TooltipPositionerElement | 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-tooltip-positioner {...restProps} bind:this={element}>{@render children?.()}</prosekit-tooltip-positioner>

package/src/components/tooltip/tooltip-positioner.gen.ts

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