@prosekit/preact 0.7.0-beta.0 → 0.7.0-beta.1

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

@@ -0,0 +1,201 @@
+/**
+ * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+ */
+
+import { registerTableHandleColumnPositionerElement, type TableHandleColumnPositionerElement, type TableHandleColumnPositionerProps as TableHandleColumnPositionerElementProps } from '@prosekit/web/table-handle';
+import { createElement, type HTMLAttributes, type Ref } from 'preact';
+import { forwardRef, type ForwardRefExoticComponent, type RefAttributes } from 'preact/compat';
+import { useCallback, useRef, useLayoutEffect } from 'preact/hooks';
+
+import { useEditorContext } from '../../contexts/editor-context.ts';
+
+/**
+ * Props for the {@link TableHandleColumnPositioner} Preact component.
+ *
+ * @public
+ */
+export interface TableHandleColumnPositionerProps extends HTMLAttributes<TableHandleColumnPositionerElement> {
+  /**
+   * The placement of the popover, relative to the hovered table cell.
+   *
+   * @default "top"
+   */
+  placement?: TableHandleColumnPositionerElementProps['placement'];
+  /**
+   * The strategy to use for positioning
+   *
+   * @default "absolute"
+   */
+  strategy?: TableHandleColumnPositionerElementProps['strategy'];
+  /**
+   * Options to activate auto-update listeners
+   *
+   * @see https://floating-ui.com/docs/autoUpdate
+   *
+   * @default true
+   */
+  autoUpdate?: TableHandleColumnPositionerElementProps['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?: TableHandleColumnPositionerElementProps['hoist'];
+  /**
+   * @default 0
+   * @hidden
+   */
+  offset?: TableHandleColumnPositionerElementProps['offset'];
+  /**
+   * @default false
+   * @hidden
+   */
+  flip?: TableHandleColumnPositionerElementProps['flip'];
+  /**
+   * @default false
+   * @hidden
+   */
+  shift?: TableHandleColumnPositionerElementProps['shift'];
+  /**
+   * Whether the floating element can overlap the reference element to keep it
+   * in view.
+   *
+   * @default false
+   */
+  overlap?: TableHandleColumnPositionerElementProps['overlap'];
+  /**
+   * Whether to constrain the floating element's width and height to not exceed
+   * the viewport.
+   *
+   * @default false
+   */
+  fitViewport?: TableHandleColumnPositionerElementProps['fitViewport'];
+  /**
+   * Whether to constrain the floating element's width so that it matches the
+   * reference element.
+   *
+   * @default false
+   */
+  sameWidth?: TableHandleColumnPositionerElementProps['sameWidth'];
+  /**
+   * Whether to constrain the floating element's height so that it matches the
+   * reference element.
+   *
+   * @default false
+   */
+  sameHeight?: TableHandleColumnPositionerElementProps['sameHeight'];
+  /**
+   * Whether to improve positioning for inline reference elements that span over
+   * multiple lines.
+   *
+   * @default false
+   */
+  inline?: TableHandleColumnPositionerElementProps['inline'];
+  /**
+   * @default true
+   * @hidden
+   */
+  hide?: TableHandleColumnPositionerElementProps['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?: TableHandleColumnPositionerElementProps['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?: TableHandleColumnPositionerElementProps['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?: TableHandleColumnPositionerElementProps['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?: TableHandleColumnPositionerElementProps['elementContext'];
+  /**
+   * Whether to check the alternate elementContext's boundary. Please see
+   * https://floating-ui.com/docs/detectoverflow#altboundary for more
+   * information.
+   *
+   * @default false
+   */
+  altBoundary?: TableHandleColumnPositionerElementProps['altBoundary'];
+  /**
+   * The ProseKit editor instance.
+   *
+   * @default null
+   * @hidden
+   */
+  editor?: TableHandleColumnPositionerElementProps['editor'];
+}
+
+function TableHandleColumnPositionerComponent(props: TableHandleColumnPositionerProps, forwardedRef: Ref<TableHandleColumnPositionerElement>) {
+  registerTableHandleColumnPositionerElement();
+
+  const elementRef = useRef<TableHandleColumnPositionerElement>(null);
+
+  const p3Fallback = useEditorContext();
+
+  const { 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, ...restProps } = props;
+
+  useLayoutEffect(() => {
+    const element = elementRef.current as Record<string, unknown> | null;
+    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,
+    });
+  });
+
+  const mergedRef = useCallback(
+    (element: TableHandleColumnPositionerElement | null) => {
+      elementRef.current = element;
+      if (typeof forwardedRef === 'function') {
+        forwardedRef(element);
+      } else if (forwardedRef) {
+        forwardedRef.current = element;
+      }
+    },
+    [forwardedRef],
+  );
+
+  return createElement('prosekit-table-handle-column-positioner', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });
+}
+
+/**
+ * A Preact component that renders an `prosekit-table-handle-column-positioner` custom element.
+ *
+ * @public
+ */
+export const TableHandleColumnPositioner: ForwardRefExoticComponent<TableHandleColumnPositionerProps & RefAttributes<TableHandleColumnPositionerElement>> = /* @__PURE__ */ forwardRef(TableHandleColumnPositionerComponent);

package/src/components/table-handle/table-handle-drag-preview.gen.ts

@@ -1,34 +1,60 @@
-import {
-  type TableHandleDragPreviewElement,
-  type TableHandleDragPreviewProps as Props,
-  type TableHandleDragPreviewEvents as Events,
-  tableHandleDragPreviewProps,
-  tableHandleDragPreviewEvents,
-} from '@prosekit/web/table-handle'
-import type {
-  ForwardRefExoticComponent,
-  HTMLAttributes,
-  RefAttributes,
-} from 'preact/compat'
-
-import { createComponent } from '../create-component.ts'
-import type { CreateProps } from '../create-props.ts'
+/**
+ * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+ */
+
+import { registerTableHandleDragPreviewElement, type TableHandleDragPreviewElement, type TableHandleDragPreviewProps as TableHandleDragPreviewElementProps } from '@prosekit/web/table-handle';
+import { createElement, type HTMLAttributes, type Ref } from 'preact';
+import { forwardRef, type ForwardRefExoticComponent, type RefAttributes } from 'preact/compat';
+import { useCallback, useRef, useLayoutEffect } from 'preact/hooks';
+
+import { useEditorContext } from '../../contexts/editor-context.ts';
+
+/**
+ * Props for the {@link TableHandleDragPreview} Preact component.
+ *
+ * @public
+ */
+export interface TableHandleDragPreviewProps extends HTMLAttributes<TableHandleDragPreviewElement> {
+  /**
+   * @default null
+   * @hidden
+   */
+  editor?: TableHandleDragPreviewElementProps['editor'];
+}
+
+function TableHandleDragPreviewComponent(props: TableHandleDragPreviewProps, forwardedRef: Ref<TableHandleDragPreviewElement>) {
+  registerTableHandleDragPreviewElement();
+
+  const elementRef = useRef<TableHandleDragPreviewElement>(null);
+
+  const p0Fallback = useEditorContext();
+
+  const { editor: p0, ...restProps } = props;
+
+  useLayoutEffect(() => {
+    const element = elementRef.current as Record<string, unknown> | null;
+    if (!element) return;
+    Object.assign(element, { editor: p0 ?? p0Fallback });
+  });
+
+  const mergedRef = useCallback(
+    (element: TableHandleDragPreviewElement | null) => {
+      elementRef.current = element;
+      if (typeof forwardedRef === 'function') {
+        forwardedRef(element);
+      } else if (forwardedRef) {
+        forwardedRef.current = element;
+      }
+    },
+    [forwardedRef],
+  );
+
+  return createElement('prosekit-table-handle-drag-preview', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });
+}
 
 /**
- * Props for the {@link TableHandleDragPreview} component.
+ * A Preact component that renders an `prosekit-table-handle-drag-preview` custom element.
+ *
+ * @public
  */
-export interface TableHandleDragPreviewProps extends Partial<CreateProps<Props, Events>> {}
-
-export const TableHandleDragPreview: ForwardRefExoticComponent<
-  Partial<TableHandleDragPreviewProps> &
-  RefAttributes<TableHandleDragPreviewElement> &
-  HTMLAttributes<TableHandleDragPreviewElement>
-> = createComponent<
-  TableHandleDragPreviewProps,
-  TableHandleDragPreviewElement
->(
-  'prosekit-table-handle-drag-preview',
-  'TableHandleDragPreview',
-  Object.keys(tableHandleDragPreviewProps),
-  Object.keys(tableHandleDragPreviewEvents),
-)
+export const TableHandleDragPreview: ForwardRefExoticComponent<TableHandleDragPreviewProps & RefAttributes<TableHandleDragPreviewElement>> = /* @__PURE__ */ forwardRef(TableHandleDragPreviewComponent);

package/src/components/table-handle/table-handle-drop-indicator.gen.ts

@@ -1,34 +1,60 @@
-import {
-  type TableHandleDropIndicatorElement,
-  type TableHandleDropIndicatorProps as Props,
-  type TableHandleDropIndicatorEvents as Events,
-  tableHandleDropIndicatorProps,
-  tableHandleDropIndicatorEvents,
-} from '@prosekit/web/table-handle'
-import type {
-  ForwardRefExoticComponent,
-  HTMLAttributes,
-  RefAttributes,
-} from 'preact/compat'
-
-import { createComponent } from '../create-component.ts'
-import type { CreateProps } from '../create-props.ts'
+/**
+ * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+ */
+
+import { registerTableHandleDropIndicatorElement, type TableHandleDropIndicatorElement, type TableHandleDropIndicatorProps as TableHandleDropIndicatorElementProps } from '@prosekit/web/table-handle';
+import { createElement, type HTMLAttributes, type Ref } from 'preact';
+import { forwardRef, type ForwardRefExoticComponent, type RefAttributes } from 'preact/compat';
+import { useCallback, useRef, useLayoutEffect } from 'preact/hooks';
+
+import { useEditorContext } from '../../contexts/editor-context.ts';
+
+/**
+ * Props for the {@link TableHandleDropIndicator} Preact component.
+ *
+ * @public
+ */
+export interface TableHandleDropIndicatorProps extends HTMLAttributes<TableHandleDropIndicatorElement> {
+  /**
+   * @default null
+   * @hidden
+   */
+  editor?: TableHandleDropIndicatorElementProps['editor'];
+}
+
+function TableHandleDropIndicatorComponent(props: TableHandleDropIndicatorProps, forwardedRef: Ref<TableHandleDropIndicatorElement>) {
+  registerTableHandleDropIndicatorElement();
+
+  const elementRef = useRef<TableHandleDropIndicatorElement>(null);
+
+  const p0Fallback = useEditorContext();
+
+  const { editor: p0, ...restProps } = props;
+
+  useLayoutEffect(() => {
+    const element = elementRef.current as Record<string, unknown> | null;
+    if (!element) return;
+    Object.assign(element, { editor: p0 ?? p0Fallback });
+  });
+
+  const mergedRef = useCallback(
+    (element: TableHandleDropIndicatorElement | null) => {
+      elementRef.current = element;
+      if (typeof forwardedRef === 'function') {
+        forwardedRef(element);
+      } else if (forwardedRef) {
+        forwardedRef.current = element;
+      }
+    },
+    [forwardedRef],
+  );
+
+  return createElement('prosekit-table-handle-drop-indicator', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });
+}
 
 /**
- * Props for the {@link TableHandleDropIndicator} component.
+ * A Preact component that renders an `prosekit-table-handle-drop-indicator` custom element.
+ *
+ * @public
  */
-export interface TableHandleDropIndicatorProps extends Partial<CreateProps<Props, Events>> {}
-
-export const TableHandleDropIndicator: ForwardRefExoticComponent<
-  Partial<TableHandleDropIndicatorProps> &
-  RefAttributes<TableHandleDropIndicatorElement> &
-  HTMLAttributes<TableHandleDropIndicatorElement>
-> = createComponent<
-  TableHandleDropIndicatorProps,
-  TableHandleDropIndicatorElement
->(
-  'prosekit-table-handle-drop-indicator',
-  'TableHandleDropIndicator',
-  Object.keys(tableHandleDropIndicatorProps),
-  Object.keys(tableHandleDropIndicatorEvents),
-)
+export const TableHandleDropIndicator: ForwardRefExoticComponent<TableHandleDropIndicatorProps & RefAttributes<TableHandleDropIndicatorElement>> = /* @__PURE__ */ forwardRef(TableHandleDropIndicatorComponent);

package/src/components/table-handle/table-handle-root.gen.ts

@@ -1,34 +1,62 @@
-import {
-  type TableHandleRootElement,
-  type TableHandleRootProps as Props,
-  type TableHandleRootEvents as Events,
-  tableHandleRootProps,
-  tableHandleRootEvents,
-} from '@prosekit/web/table-handle'
-import type {
-  ForwardRefExoticComponent,
-  HTMLAttributes,
-  RefAttributes,
-} from 'preact/compat'
-
-import { createComponent } from '../create-component.ts'
-import type { CreateProps } from '../create-props.ts'
+/**
+ * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+ */
+
+import { registerTableHandleRootElement, type TableHandleRootElement, type TableHandleRootProps as TableHandleRootElementProps } from '@prosekit/web/table-handle';
+import { createElement, type HTMLAttributes, type Ref } from 'preact';
+import { forwardRef, type ForwardRefExoticComponent, type RefAttributes } from 'preact/compat';
+import { useCallback, useRef, useLayoutEffect } from 'preact/hooks';
+
+import { useEditorContext } from '../../contexts/editor-context.ts';
+
+/**
+ * Props for the {@link TableHandleRoot} Preact component.
+ *
+ * @public
+ */
+export interface TableHandleRootProps extends HTMLAttributes<TableHandleRootElement> {
+  /**
+   * The ProseKit editor instance.
+   *
+   * @default null
+   * @hidden
+   */
+  editor?: TableHandleRootElementProps['editor'];
+}
+
+function TableHandleRootComponent(props: TableHandleRootProps, forwardedRef: Ref<TableHandleRootElement>) {
+  registerTableHandleRootElement();
+
+  const elementRef = useRef<TableHandleRootElement>(null);
+
+  const p0Fallback = useEditorContext();
+
+  const { editor: p0, ...restProps } = props;
+
+  useLayoutEffect(() => {
+    const element = elementRef.current as Record<string, unknown> | null;
+    if (!element) return;
+    Object.assign(element, { editor: p0 ?? p0Fallback });
+  });
+
+  const mergedRef = useCallback(
+    (element: TableHandleRootElement | null) => {
+      elementRef.current = element;
+      if (typeof forwardedRef === 'function') {
+        forwardedRef(element);
+      } else if (forwardedRef) {
+        forwardedRef.current = element;
+      }
+    },
+    [forwardedRef],
+  );
+
+  return createElement('prosekit-table-handle-root', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });
+}
 
 /**
- * Props for the {@link TableHandleRoot} component.
+ * A Preact component that renders an `prosekit-table-handle-root` custom element.
+ *
+ * @public
  */
-export interface TableHandleRootProps extends Partial<CreateProps<Props, Events>> {}
-
-export const TableHandleRoot: ForwardRefExoticComponent<
-  Partial<TableHandleRootProps> &
-  RefAttributes<TableHandleRootElement> &
-  HTMLAttributes<TableHandleRootElement>
-> = createComponent<
-  TableHandleRootProps,
-  TableHandleRootElement
->(
-  'prosekit-table-handle-root',
-  'TableHandleRoot',
-  Object.keys(tableHandleRootProps),
-  Object.keys(tableHandleRootEvents),
-)
+export const TableHandleRoot: ForwardRefExoticComponent<TableHandleRootProps & RefAttributes<TableHandleRootElement>> = /* @__PURE__ */ forwardRef(TableHandleRootComponent);

package/src/components/table-handle/table-handle-row-menu-root.gen.ts

@@ -0,0 +1,66 @@
+/**
+ * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+ */
+
+import { registerTableHandleRowMenuRootElement, type TableHandleRowMenuRootElement, type TableHandleRowMenuRootProps as TableHandleRowMenuRootElementProps } from '@prosekit/web/table-handle';
+import { createElement, type HTMLAttributes, type Ref } from 'preact';
+import { forwardRef, type ForwardRefExoticComponent, type RefAttributes } from 'preact/compat';
+import { useCallback, useRef, useLayoutEffect } from 'preact/hooks';
+
+/**
+ * Props for the {@link TableHandleRowMenuRoot} Preact component.
+ *
+ * @public
+ */
+export interface TableHandleRowMenuRootProps extends HTMLAttributes<TableHandleRowMenuRootElement> {
+  /**
+   * 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'];
+}
+
+function TableHandleRowMenuRootComponent(props: TableHandleRowMenuRootProps, forwardedRef: Ref<TableHandleRowMenuRootElement>) {
+  registerTableHandleRowMenuRootElement();
+
+  const elementRef = useRef<TableHandleRowMenuRootElement>(null);
+
+  const { defaultOpen: p0, disabled: p1, open: p2, ...restProps } = props;
+
+  useLayoutEffect(() => {
+    const element = elementRef.current as Record<string, unknown> | null;
+    if (!element) return;
+    Object.assign(element, { defaultOpen: p0, disabled: p1, open: p2 });
+  });
+
+  const mergedRef = useCallback(
+    (element: TableHandleRowMenuRootElement | null) => {
+      elementRef.current = element;
+      if (typeof forwardedRef === 'function') {
+        forwardedRef(element);
+      } else if (forwardedRef) {
+        forwardedRef.current = element;
+      }
+    },
+    [forwardedRef],
+  );
+
+  return createElement('prosekit-table-handle-row-menu-root', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });
+}
+
+/**
+ * A Preact component that renders an `prosekit-table-handle-row-menu-root` custom element.
+ *
+ * @public
+ */
+export const TableHandleRowMenuRoot: ForwardRefExoticComponent<TableHandleRowMenuRootProps & RefAttributes<TableHandleRowMenuRootElement>> = /* @__PURE__ */ forwardRef(TableHandleRowMenuRootComponent);

package/src/components/table-handle/table-handle-row-menu-trigger.gen.ts

@@ -0,0 +1,60 @@
+/**
+ * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+ */
+
+import { registerTableHandleRowMenuTriggerElement, type TableHandleRowMenuTriggerElement, type TableHandleRowMenuTriggerProps as TableHandleRowMenuTriggerElementProps } from '@prosekit/web/table-handle';
+import { createElement, type HTMLAttributes, type Ref } from 'preact';
+import { forwardRef, type ForwardRefExoticComponent, type RefAttributes } from 'preact/compat';
+import { useCallback, useRef, useLayoutEffect } from 'preact/hooks';
+
+import { useEditorContext } from '../../contexts/editor-context.ts';
+
+/**
+ * Props for the {@link TableHandleRowMenuTrigger} Preact component.
+ *
+ * @public
+ */
+export interface TableHandleRowMenuTriggerProps extends HTMLAttributes<TableHandleRowMenuTriggerElement> {
+  /**
+   * @default null
+   * @hidden
+   */
+  editor?: TableHandleRowMenuTriggerElementProps['editor'];
+}
+
+function TableHandleRowMenuTriggerComponent(props: TableHandleRowMenuTriggerProps, forwardedRef: Ref<TableHandleRowMenuTriggerElement>) {
+  registerTableHandleRowMenuTriggerElement();
+
+  const elementRef = useRef<TableHandleRowMenuTriggerElement>(null);
+
+  const p0Fallback = useEditorContext();
+
+  const { editor: p0, ...restProps } = props;
+
+  useLayoutEffect(() => {
+    const element = elementRef.current as Record<string, unknown> | null;
+    if (!element) return;
+    Object.assign(element, { editor: p0 ?? p0Fallback });
+  });
+
+  const mergedRef = useCallback(
+    (element: TableHandleRowMenuTriggerElement | null) => {
+      elementRef.current = element;
+      if (typeof forwardedRef === 'function') {
+        forwardedRef(element);
+      } else if (forwardedRef) {
+        forwardedRef.current = element;
+      }
+    },
+    [forwardedRef],
+  );
+
+  return createElement('prosekit-table-handle-row-menu-trigger', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });
+}
+
+/**
+ * A Preact component that renders an `prosekit-table-handle-row-menu-trigger` custom element.
+ *
+ * @public
+ */
+export const TableHandleRowMenuTrigger: ForwardRefExoticComponent<TableHandleRowMenuTriggerProps & RefAttributes<TableHandleRowMenuTriggerElement>> = /* @__PURE__ */ forwardRef(TableHandleRowMenuTriggerComponent);

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

@@ -0,0 +1,44 @@
+/**
+ * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+ */
+
+import { registerTableHandleRowPopupElement, type TableHandleRowPopupElement } from '@prosekit/web/table-handle';
+import { createElement, type HTMLAttributes, type Ref } from 'preact';
+import { forwardRef, type ForwardRefExoticComponent, type RefAttributes } from 'preact/compat';
+import { useCallback, useRef } from 'preact/hooks';
+
+/**
+ * Props for the {@link TableHandleRowPopup} Preact component.
+ *
+ * @public
+ */
+export interface TableHandleRowPopupProps extends HTMLAttributes<TableHandleRowPopupElement> {}
+
+function TableHandleRowPopupComponent(props: TableHandleRowPopupProps, forwardedRef: Ref<TableHandleRowPopupElement>) {
+  registerTableHandleRowPopupElement();
+
+  const elementRef = useRef<TableHandleRowPopupElement>(null);
+
+  const { ...restProps } = props;
+
+  const mergedRef = useCallback(
+    (element: TableHandleRowPopupElement | null) => {
+      elementRef.current = element;
+      if (typeof forwardedRef === 'function') {
+        forwardedRef(element);
+      } else if (forwardedRef) {
+        forwardedRef.current = element;
+      }
+    },
+    [forwardedRef],
+  );
+
+  return createElement('prosekit-table-handle-row-popup', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });
+}
+
+/**
+ * A Preact component that renders an `prosekit-table-handle-row-popup` custom element.
+ *
+ * @public
+ */
+export const TableHandleRowPopup: ForwardRefExoticComponent<TableHandleRowPopupProps & RefAttributes<TableHandleRowPopupElement>> = /* @__PURE__ */ forwardRef(TableHandleRowPopupComponent);