@prosekit/react 0.7.0-beta.3 → 0.7.0-beta.5

package/src/components/autocomplete/autocomplete-root.gen.ts

@@ -1,17 +1,11 @@
-/**
- * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
- */
+// This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
 
 import { registerAutocompleteRootElement, type AutocompleteRootElement, type AutocompleteRootProps as AutocompleteRootElementProps, type AutocompleteRootEvents } from '@prosekit/web/autocomplete';
 import { createElement, forwardRef, useCallback, useRef, type ForwardedRef, type ForwardRefExoticComponent, type HTMLAttributes, type RefAttributes, useLayoutEffect } from 'react';
 
 import { useEditorContext } from '../../contexts/editor-context.ts';
 
-/**
- * Props for the {@link AutocompleteRoot} React component.
- *
- * @public
- */
+/** Props for the {@link AutocompleteRoot} React component. */
 export interface AutocompleteRootProps {
   /**
    * The ProseKit editor instance.
@@ -97,9 +91,5 @@ function AutocompleteRootComponent(props: AutocompleteRootProps, forwardedRef: F
   return createElement('prosekit-autocomplete-root', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });
 }
 
-/**
- * A React component that renders an `prosekit-autocomplete-root` custom element.
- *
- * @public
- */
+/** A React component that renders an `prosekit-autocomplete-root` custom element. */
 export const AutocompleteRoot: ForwardRefExoticComponent<AutocompleteRootProps & HTMLAttributes<AutocompleteRootElement> & RefAttributes<AutocompleteRootElement>> = /* @__PURE__ */ forwardRef(AutocompleteRootComponent);

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

@@ -1,6 +1,4 @@
-/**
- * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
- */
+// This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
 
 export { AutocompleteEmpty, type AutocompleteEmptyProps } from './autocomplete-empty.gen.ts';
 

package/src/components/autocomplete/index.ts

@@ -24,4 +24,6 @@ import {
 ```
 */
 
+'use client'
+
 export * from './index.gen.ts'

package/src/components/block-handle/block-handle-add.gen.ts

@@ -1,17 +1,11 @@
-/**
- * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
- */
+// This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
 
 import { registerBlockHandleAddElement, type BlockHandleAddElement, type BlockHandleAddProps as BlockHandleAddElementProps } from '@prosekit/web/block-handle';
 import { createElement, forwardRef, useCallback, useRef, type ForwardedRef, type ForwardRefExoticComponent, type HTMLAttributes, type RefAttributes, useLayoutEffect } from 'react';
 
 import { useEditorContext } from '../../contexts/editor-context.ts';
 
-/**
- * Props for the {@link BlockHandleAdd} React component.
- *
- * @public
- */
+/** Props for the {@link BlockHandleAdd} React component. */
 export interface BlockHandleAddProps {
   /**
    * The ProseKit editor instance.
@@ -52,9 +46,5 @@ function BlockHandleAddComponent(props: BlockHandleAddProps, forwardedRef: Forwa
   return createElement('prosekit-block-handle-add', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });
 }
 
-/**
- * A React component that renders an `prosekit-block-handle-add` custom element.
- *
- * @public
- */
+/** A React component that renders an `prosekit-block-handle-add` custom element. */
 export const BlockHandleAdd: ForwardRefExoticComponent<BlockHandleAddProps & HTMLAttributes<BlockHandleAddElement> & RefAttributes<BlockHandleAddElement>> = /* @__PURE__ */ forwardRef(BlockHandleAddComponent);

package/src/components/block-handle/block-handle-draggable.gen.ts

@@ -1,17 +1,11 @@
-/**
- * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
- */
+// This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
 
 import { registerBlockHandleDraggableElement, type BlockHandleDraggableElement, type BlockHandleDraggableProps as BlockHandleDraggableElementProps } from '@prosekit/web/block-handle';
 import { createElement, forwardRef, useCallback, useRef, type ForwardedRef, type ForwardRefExoticComponent, type HTMLAttributes, type RefAttributes, useLayoutEffect } from 'react';
 
 import { useEditorContext } from '../../contexts/editor-context.ts';
 
-/**
- * Props for the {@link BlockHandleDraggable} React component.
- *
- * @public
- */
+/** Props for the {@link BlockHandleDraggable} React component. */
 export interface BlockHandleDraggableProps {
   /**
    * The ProseKit editor instance.
@@ -52,9 +46,5 @@ function BlockHandleDraggableComponent(props: BlockHandleDraggableProps, forward
   return createElement('prosekit-block-handle-draggable', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });
 }
 
-/**
- * A React component that renders an `prosekit-block-handle-draggable` custom element.
- *
- * @public
- */
+/** A React component that renders an `prosekit-block-handle-draggable` custom element. */
 export const BlockHandleDraggable: ForwardRefExoticComponent<BlockHandleDraggableProps & HTMLAttributes<BlockHandleDraggableElement> & RefAttributes<BlockHandleDraggableElement>> = /* @__PURE__ */ forwardRef(BlockHandleDraggableComponent);

package/src/components/block-handle/block-handle-popup.gen.ts

@@ -1,15 +1,9 @@
-/**
- * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
- */
+// This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
 
 import { registerBlockHandlePopupElement, type BlockHandlePopupElement } from '@prosekit/web/block-handle';
 import { createElement, forwardRef, useCallback, useRef, type ForwardedRef, type ForwardRefExoticComponent, type HTMLAttributes, type RefAttributes } from 'react';
 
-/**
- * Props for the {@link BlockHandlePopup} React component.
- *
- * @public
- */
+/** Props for the {@link BlockHandlePopup} React component. */
 export interface BlockHandlePopupProps {}
 
 function BlockHandlePopupComponent(props: BlockHandlePopupProps, forwardedRef: ForwardedRef<BlockHandlePopupElement>) {
@@ -34,9 +28,5 @@ function BlockHandlePopupComponent(props: BlockHandlePopupProps, forwardedRef: F
   return createElement('prosekit-block-handle-popup', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });
 }
 
-/**
- * A React component that renders an `prosekit-block-handle-popup` custom element.
- *
- * @public
- */
+/** A React component that renders an `prosekit-block-handle-popup` custom element. */
 export const BlockHandlePopup: ForwardRefExoticComponent<BlockHandlePopupProps & HTMLAttributes<BlockHandlePopupElement> & RefAttributes<BlockHandlePopupElement>> = /* @__PURE__ */ forwardRef(BlockHandlePopupComponent);

package/src/components/block-handle/block-handle-positioner.gen.ts

@@ -1,15 +1,9 @@
-/**
- * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
- */
+// This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
 
 import { registerBlockHandlePositionerElement, type BlockHandlePositionerElement, type BlockHandlePositionerProps as BlockHandlePositionerElementProps } from '@prosekit/web/block-handle';
 import { createElement, forwardRef, useCallback, useRef, type ForwardedRef, type ForwardRefExoticComponent, type HTMLAttributes, type RefAttributes, useLayoutEffect } from 'react';
 
-/**
- * Props for the {@link BlockHandlePositioner} React component.
- *
- * @public
- */
+/** Props for the {@link BlockHandlePositioner} React component. */
 export interface BlockHandlePositionerProps {
   /**
    * The placement of the popover, relative to the hovered block.
@@ -161,9 +155,5 @@ function BlockHandlePositionerComponent(props: BlockHandlePositionerProps, forwa
   return createElement('prosekit-block-handle-positioner', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });
 }
 
-/**
- * A React component that renders an `prosekit-block-handle-positioner` custom element.
- *
- * @public
- */
+/** A React component that renders an `prosekit-block-handle-positioner` custom element. */
 export const BlockHandlePositioner: ForwardRefExoticComponent<BlockHandlePositionerProps & HTMLAttributes<BlockHandlePositionerElement> & RefAttributes<BlockHandlePositionerElement>> = /* @__PURE__ */ forwardRef(BlockHandlePositionerComponent);

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

@@ -1,17 +1,11 @@
-/**
- * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
- */
+// This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
 
 import { registerBlockHandleRootElement, type BlockHandleRootElement, type BlockHandleRootProps as BlockHandleRootElementProps, type BlockHandleRootEvents } from '@prosekit/web/block-handle';
 import { createElement, forwardRef, useCallback, useRef, type ForwardedRef, type ForwardRefExoticComponent, type HTMLAttributes, type RefAttributes, useLayoutEffect } from 'react';
 
 import { useEditorContext } from '../../contexts/editor-context.ts';
 
-/**
- * Props for the {@link BlockHandleRoot} React component.
- *
- * @public
- */
+/** Props for the {@link BlockHandleRoot} React component. */
 export interface BlockHandleRootProps {
   /**
    * The ProseKit editor instance.
@@ -72,9 +66,5 @@ function BlockHandleRootComponent(props: BlockHandleRootProps, forwardedRef: For
   return createElement('prosekit-block-handle-root', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });
 }
 
-/**
- * A React component that renders an `prosekit-block-handle-root` custom element.
- *
- * @public
- */
+/** A React component that renders an `prosekit-block-handle-root` custom element. */
 export const BlockHandleRoot: ForwardRefExoticComponent<BlockHandleRootProps & HTMLAttributes<BlockHandleRootElement> & RefAttributes<BlockHandleRootElement>> = /* @__PURE__ */ forwardRef(BlockHandleRootComponent);

package/src/components/block-handle/index.gen.ts

@@ -1,6 +1,4 @@
-/**
- * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
- */
+// This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
 
 export { BlockHandleAdd, type BlockHandleAddProps } from './block-handle-add.gen.ts';
 

package/src/components/block-handle/index.ts

@@ -24,4 +24,6 @@ import {
 ```
 */
 
+'use client'
+
 export * from './index.gen.ts'

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

@@ -1,17 +1,11 @@
-/**
- * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
- */
+// This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
 
 import { registerDropIndicatorElement, type DropIndicatorElement, type DropIndicatorProps as DropIndicatorElementProps } from '@prosekit/web/drop-indicator';
 import { createElement, forwardRef, useCallback, useRef, type ForwardedRef, type ForwardRefExoticComponent, type HTMLAttributes, type RefAttributes, useLayoutEffect } from 'react';
 
 import { useEditorContext } from '../../contexts/editor-context.ts';
 
-/**
- * Props for the {@link DropIndicator} React component.
- *
- * @public
- */
+/** Props for the {@link DropIndicator} React component. */
 export interface DropIndicatorProps {
   /**
    * The ProseKit editor instance.
@@ -58,9 +52,5 @@ function DropIndicatorComponent(props: DropIndicatorProps, forwardedRef: Forward
   return createElement('prosekit-drop-indicator', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });
 }
 
-/**
- * A React component that renders an `prosekit-drop-indicator` custom element.
- *
- * @public
- */
+/** A React component that renders an `prosekit-drop-indicator` custom element. */
 export const DropIndicator: ForwardRefExoticComponent<DropIndicatorProps & HTMLAttributes<DropIndicatorElement> & RefAttributes<DropIndicatorElement>> = /* @__PURE__ */ forwardRef(DropIndicatorComponent);

package/src/components/drop-indicator/index.gen.ts

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

package/src/components/drop-indicator/index.ts

@@ -11,4 +11,6 @@ import { DropIndicator } from 'prosekit/react/drop-indicator'
 ```
 */
 
+'use client'
+
 export * from './index.gen.ts'

package/src/components/inline-popover/index.gen.ts

@@ -1,6 +1,4 @@
-/**
- * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
- */
+// This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
 
 export { InlinePopoverPopup, type InlinePopoverPopupProps } from './inline-popover-popup.gen.ts';
 

package/src/components/inline-popover/index.ts

@@ -19,4 +19,6 @@ import {
 ```
 */
 
+'use client'
+
 export * from './index.gen.ts'

package/src/components/inline-popover/inline-popover-popup.gen.ts

@@ -1,15 +1,9 @@
-/**
- * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
- */
+// This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
 
 import { registerInlinePopoverPopupElement, type InlinePopoverPopupElement } from '@prosekit/web/inline-popover';
 import { createElement, forwardRef, useCallback, useRef, type ForwardedRef, type ForwardRefExoticComponent, type HTMLAttributes, type RefAttributes } from 'react';
 
-/**
- * Props for the {@link InlinePopoverPopup} React component.
- *
- * @public
- */
+/** Props for the {@link InlinePopoverPopup} React component. */
 export interface InlinePopoverPopupProps {}
 
 function InlinePopoverPopupComponent(props: InlinePopoverPopupProps, forwardedRef: ForwardedRef<InlinePopoverPopupElement>) {
@@ -34,9 +28,5 @@ function InlinePopoverPopupComponent(props: InlinePopoverPopupProps, forwardedRe
   return createElement('prosekit-inline-popover-popup', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });
 }
 
-/**
- * A React component that renders an `prosekit-inline-popover-popup` custom element.
- *
- * @public
- */
+/** A React component that renders an `prosekit-inline-popover-popup` custom element. */
 export const InlinePopoverPopup: ForwardRefExoticComponent<InlinePopoverPopupProps & HTMLAttributes<InlinePopoverPopupElement> & RefAttributes<InlinePopoverPopupElement>> = /* @__PURE__ */ forwardRef(InlinePopoverPopupComponent);

package/src/components/inline-popover/inline-popover-positioner.gen.ts

@@ -1,15 +1,9 @@
-/**
- * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
- */
+// This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
 
 import { registerInlinePopoverPositionerElement, type InlinePopoverPositionerElement, type InlinePopoverPositionerProps as InlinePopoverPositionerElementProps } from '@prosekit/web/inline-popover';
 import { createElement, forwardRef, useCallback, useRef, type ForwardedRef, type ForwardRefExoticComponent, type HTMLAttributes, type RefAttributes, useLayoutEffect } from 'react';
 
-/**
- * Props for the {@link InlinePopoverPositioner} React component.
- *
- * @public
- */
+/** Props for the {@link InlinePopoverPositioner} React component. */
 export interface InlinePopoverPositionerProps {
   /**
    * The initial placement of the floating element
@@ -167,9 +161,5 @@ function InlinePopoverPositionerComponent(props: InlinePopoverPositionerProps, f
   return createElement('prosekit-inline-popover-positioner', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });
 }
 
-/**
- * A React component that renders an `prosekit-inline-popover-positioner` custom element.
- *
- * @public
- */
+/** A React component that renders an `prosekit-inline-popover-positioner` custom element. */
 export const InlinePopoverPositioner: ForwardRefExoticComponent<InlinePopoverPositionerProps & HTMLAttributes<InlinePopoverPositionerElement> & RefAttributes<InlinePopoverPositionerElement>> = /* @__PURE__ */ forwardRef(InlinePopoverPositionerComponent);

package/src/components/inline-popover/inline-popover-root.gen.ts

@@ -1,17 +1,11 @@
-/**
- * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
- */
+// This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
 
 import { registerInlinePopoverRootElement, type InlinePopoverRootElement, type InlinePopoverRootProps as InlinePopoverRootElementProps, type InlinePopoverRootEvents } from '@prosekit/web/inline-popover';
 import { createElement, forwardRef, useCallback, useRef, type ForwardedRef, type ForwardRefExoticComponent, type HTMLAttributes, type RefAttributes, useLayoutEffect } from 'react';
 
 import { useEditorContext } from '../../contexts/editor-context.ts';
 
-/**
- * Props for the {@link InlinePopoverRoot} React component.
- *
- * @public
- */
+/** Props for the {@link InlinePopoverRoot} React component. */
 export interface InlinePopoverRootProps {
   /**
    * The ProseKit editor instance.
@@ -96,9 +90,5 @@ function InlinePopoverRootComponent(props: InlinePopoverRootProps, forwardedRef:
   return createElement('prosekit-inline-popover-root', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });
 }
 
-/**
- * A React component that renders an `prosekit-inline-popover-root` custom element.
- *
- * @public
- */
+/** A React component that renders an `prosekit-inline-popover-root` custom element. */
 export const InlinePopoverRoot: ForwardRefExoticComponent<InlinePopoverRootProps & HTMLAttributes<InlinePopoverRootElement> & RefAttributes<InlinePopoverRootElement>> = /* @__PURE__ */ forwardRef(InlinePopoverRootComponent);

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

@@ -1,6 +1,4 @@
-/**
- * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
- */
+// This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
 
 export { MenuItem, type MenuItemProps } from './menu-item.gen.ts';
 

package/src/components/menu/index.ts

@@ -34,4 +34,6 @@ import {
 ```
 */
 
+'use client'
+
 export * from './index.gen.ts'

package/src/components/menu/menu-item.gen.ts

@@ -1,15 +1,9 @@
-/**
- * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
- */
+// This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
 
 import { registerMenuItemElement, type MenuItemElement, type MenuItemProps as MenuItemElementProps, type MenuItemEvents } from '@prosekit/web/menu';
 import { createElement, forwardRef, useCallback, useRef, type ForwardedRef, type ForwardRefExoticComponent, type HTMLAttributes, type RefAttributes, useLayoutEffect } from 'react';
 
-/**
- * Props for the {@link MenuItem} React component.
- *
- * @public
- */
+/** Props for the {@link MenuItem} React component. */
 export interface MenuItemProps {
   /**
    * The unique value for this menu item.
@@ -79,9 +73,5 @@ function MenuItemComponent(props: MenuItemProps, forwardedRef: ForwardedRef<Menu
   return createElement('prosekit-menu-item', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });
 }
 
-/**
- * A React component that renders an `prosekit-menu-item` custom element.
- *
- * @public
- */
+/** A React component that renders an `prosekit-menu-item` custom element. */
 export const MenuItem: ForwardRefExoticComponent<MenuItemProps & Omit<HTMLAttributes<MenuItemElement>, 'onSelect'> & RefAttributes<MenuItemElement>> = /* @__PURE__ */ forwardRef(MenuItemComponent);

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

@@ -1,15 +1,9 @@
-/**
- * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
- */
+// This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
 
 import { registerMenuPopupElement, type MenuPopupElement, type MenuPopupProps as MenuPopupElementProps } from '@prosekit/web/menu';
 import { createElement, forwardRef, useCallback, useRef, type ForwardedRef, type ForwardRefExoticComponent, type HTMLAttributes, type RefAttributes, useLayoutEffect } from 'react';
 
-/**
- * Props for the {@link MenuPopup} React component.
- *
- * @public
- */
+/** Props for the {@link MenuPopup} React component. */
 export interface MenuPopupProps {
   /**
    * By default, the MenuPopup element will listen for keydown events.
@@ -48,9 +42,5 @@ function MenuPopupComponent(props: MenuPopupProps, forwardedRef: ForwardedRef<Me
   return createElement('prosekit-menu-popup', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });
 }
 
-/**
- * A React component that renders an `prosekit-menu-popup` custom element.
- *
- * @public
- */
+/** A React component that renders an `prosekit-menu-popup` custom element. */
 export const MenuPopup: ForwardRefExoticComponent<MenuPopupProps & HTMLAttributes<MenuPopupElement> & RefAttributes<MenuPopupElement>> = /* @__PURE__ */ forwardRef(MenuPopupComponent);

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

@@ -1,15 +1,9 @@
-/**
- * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
- */
+// This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
 
 import { registerMenuPositionerElement, type MenuPositionerElement, type MenuPositionerProps as MenuPositionerElementProps } from '@prosekit/web/menu';
 import { createElement, forwardRef, useCallback, useRef, type ForwardedRef, type ForwardRefExoticComponent, type HTMLAttributes, type RefAttributes, useLayoutEffect } from 'react';
 
-/**
- * Props for the {@link MenuPositioner} React component.
- *
- * @public
- */
+/** Props for the {@link MenuPositioner} React component. */
 export interface MenuPositionerProps {
   /**
    * The initial placement of the floating element
@@ -168,9 +162,5 @@ function MenuPositionerComponent(props: MenuPositionerProps, forwardedRef: Forwa
   return createElement('prosekit-menu-positioner', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });
 }
 
-/**
- * A React component that renders an `prosekit-menu-positioner` custom element.
- *
- * @public
- */
+/** A React component that renders an `prosekit-menu-positioner` custom element. */
 export const MenuPositioner: ForwardRefExoticComponent<MenuPositionerProps & HTMLAttributes<MenuPositionerElement> & RefAttributes<MenuPositionerElement>> = /* @__PURE__ */ forwardRef(MenuPositionerComponent);

package/src/components/menu/menu-root.gen.ts

@@ -1,15 +1,9 @@
-/**
- * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
- */
+// This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
 
 import { registerMenuRootElement, type MenuRootElement, type MenuRootProps as MenuRootElementProps, type MenuRootEvents } from '@prosekit/web/menu';
 import { createElement, forwardRef, useCallback, useRef, type ForwardedRef, type ForwardRefExoticComponent, type HTMLAttributes, type RefAttributes, useLayoutEffect } from 'react';
 
-/**
- * Props for the {@link MenuRoot} React component.
- *
- * @public
- */
+/** Props for the {@link MenuRoot} React component. */
 export interface MenuRootProps {
   /**
    * Whether the overlay is initially open.
@@ -76,9 +70,5 @@ function MenuRootComponent(props: MenuRootProps, forwardedRef: ForwardedRef<Menu
   return createElement('prosekit-menu-root', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });
 }
 
-/**
- * A React component that renders an `prosekit-menu-root` custom element.
- *
- * @public
- */
+/** A React component that renders an `prosekit-menu-root` custom element. */
 export const MenuRoot: ForwardRefExoticComponent<MenuRootProps & HTMLAttributes<MenuRootElement> & RefAttributes<MenuRootElement>> = /* @__PURE__ */ forwardRef(MenuRootComponent);

package/src/components/menu/menu-submenu-root.gen.ts

@@ -1,23 +1,59 @@
-/**
- * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
- */
+// This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
 
-import { registerMenuSubmenuRootElement, type MenuSubmenuRootElement } from '@prosekit/web/menu';
-import { createElement, forwardRef, useCallback, useRef, type ForwardedRef, type ForwardRefExoticComponent, type HTMLAttributes, type RefAttributes } from 'react';
+import { registerMenuSubmenuRootElement, type MenuSubmenuRootElement, type MenuSubmenuRootProps as MenuSubmenuRootElementProps, type MenuSubmenuRootEvents } from '@prosekit/web/menu';
+import { createElement, forwardRef, useCallback, useRef, type ForwardedRef, type ForwardRefExoticComponent, type HTMLAttributes, type RefAttributes, useLayoutEffect } from 'react';
 
-/**
- * Props for the {@link MenuSubmenuRoot} React component.
- *
- * @public
- */
-export interface MenuSubmenuRootProps {}
+/** Props for the {@link MenuSubmenuRoot} React component. */
+export interface MenuSubmenuRootProps {
+  /**
+   * Whether the overlay is initially open.
+   * @default false
+   */
+  defaultOpen?: MenuSubmenuRootElementProps['defaultOpen'];
+  /**
+   * Whether the overlay is currently open.
+   * @default null
+   */
+  open?: MenuSubmenuRootElementProps['open'];
+  /**
+   * Whether the component should ignore user interaction.
+   * @default false
+   */
+  disabled?: MenuSubmenuRootElementProps['disabled'];
+  /** Emitted when the submenu is opened or closed. */
+  onOpenChange?: (event: MenuSubmenuRootEvents['openChange']) => void;
+}
 
 function MenuSubmenuRootComponent(props: MenuSubmenuRootProps, forwardedRef: ForwardedRef<MenuSubmenuRootElement>) {
   registerMenuSubmenuRootElement();
 
   const elementRef = useRef<MenuSubmenuRootElement>(null);
+  const handlersRef = useRef<Array<((event: Event) => void) | undefined>>([]);
+
+  const { defaultOpen: p0, disabled: p1, open: p2, onOpenChange: e0, ...restProps } = props;
+
+  useLayoutEffect(() => {
+    const element = elementRef.current as Record<string, unknown> | null;
+    if (!element) return;
+    Object.assign(element, { defaultOpen: p0, disabled: p1, open: p2 });
+    handlersRef.current = [e0] as Array<((event: Event) => void) | undefined>;
+  });
 
-  const { ...restProps } = props;
+  useLayoutEffect(() => {
+    const element = elementRef.current;
+    if (!element) return;
+    const ac = new AbortController();
+    for (const [index, eventName] of ['openChange'].entries()) {
+      element.addEventListener(
+        eventName,
+        (event: Event) => {
+          handlersRef.current[index]?.(event);
+        },
+        { signal: ac.signal },
+      );
+    }
+    return () => ac.abort();
+  }, []);
 
   const mergedRef = useCallback(
     (element: MenuSubmenuRootElement | null) => {
@@ -34,9 +70,5 @@ function MenuSubmenuRootComponent(props: MenuSubmenuRootProps, forwardedRef: For
   return createElement('prosekit-menu-submenu-root', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });
 }
 
-/**
- * A React component that renders an `prosekit-menu-submenu-root` custom element.
- *
- * @public
- */
+/** A React component that renders an `prosekit-menu-submenu-root` custom element. */
 export const MenuSubmenuRoot: ForwardRefExoticComponent<MenuSubmenuRootProps & HTMLAttributes<MenuSubmenuRootElement> & RefAttributes<MenuSubmenuRootElement>> = /* @__PURE__ */ forwardRef(MenuSubmenuRootComponent);