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

package/src/components/block-handle/block-handle-root.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.
 
 import { registerBlockHandleRootElement, type BlockHandleRootElement, type BlockHandleRootEvents, type BlockHandleRootProps as BlockHandleRootElementProps } from '@prosekit/web/block-handle';
 import { createEffect, createSignal, mergeProps, splitProps } from 'solid-js';
@@ -9,12 +7,8 @@ import h from 'solid-js/h';
 
 import { useEditorContext } from '../../contexts/editor-context.ts';
 
-/**
- * Props for the {@link BlockHandleRoot} Solid component.
- *
- * @public
- */
-export interface BlockHandleRootProps extends JSX.HTMLAttributes<BlockHandleRootElement> {
+/** Props for the {@link BlockHandleRoot} Solid component. */
+export interface BlockHandleRootProps {
   /**
    * The ProseKit editor instance.
    *
@@ -26,12 +20,8 @@ export interface BlockHandleRootProps extends JSX.HTMLAttributes<BlockHandleRoot
   onStateChange?: (event: BlockHandleRootEvents['stateChange']) => void;
 }
 
-/**
- * A Solid component that renders an `prosekit-block-handle-root` custom element.
- *
- * @public
- */
-export const BlockHandleRoot: Component<BlockHandleRootProps> = (props): any => {
+/** A Solid component that renders an `prosekit-block-handle-root` custom element. */
+export const BlockHandleRoot: Component<BlockHandleRootProps & JSX.HTMLAttributes<BlockHandleRootElement>> = (props): any => {
   registerBlockHandleRootElement();
 
   const [getElement, setElement] = createSignal<BlockHandleRootElement | null>(null);
@@ -78,5 +68,3 @@ export const BlockHandleRoot: Component<BlockHandleRootProps> = (props): any =>
       }),
     );
 };
-
-export type { BlockHandleRootEvents };

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';
 
@@ -10,6 +8,4 @@ export { BlockHandlePopup, type BlockHandlePopupProps } from './block-handle-pop
 
 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';
+export { BlockHandleRoot, type BlockHandleRootProps } from './block-handle-root.gen.ts';

package/src/components/drop-indicator/drop-indicator.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.
 
 import { registerDropIndicatorElement, type DropIndicatorElement, type DropIndicatorProps as DropIndicatorElementProps } from '@prosekit/web/drop-indicator';
 import { createEffect, createSignal, mergeProps, splitProps } from 'solid-js';
@@ -9,12 +7,8 @@ import h from 'solid-js/h';
 
 import { useEditorContext } from '../../contexts/editor-context.ts';
 
-/**
- * Props for the {@link DropIndicator} Solid component.
- *
- * @public
- */
-export interface DropIndicatorProps extends JSX.HTMLAttributes<DropIndicatorElement> {
+/** Props for the {@link DropIndicator} Solid component. */
+export interface DropIndicatorProps {
   /**
    * The ProseKit editor instance.
    *
@@ -30,12 +24,8 @@ export interface DropIndicatorProps extends JSX.HTMLAttributes<DropIndicatorElem
   width?: DropIndicatorElementProps['width'];
 }
 
-/**
- * A Solid component that renders an `prosekit-drop-indicator` custom element.
- *
- * @public
- */
-export const DropIndicator: Component<DropIndicatorProps> = (props): any => {
+/** A Solid component that renders an `prosekit-drop-indicator` custom element. */
+export const DropIndicator: Component<DropIndicatorProps & JSX.HTMLAttributes<DropIndicatorElement>> = (props): any => {
   registerDropIndicatorElement();
 
   const [getElement, setElement] = createSignal<DropIndicatorElement | null>(null);

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/inline-popover/index.gen.ts

@@ -1,11 +1,7 @@
-/**
- * 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';
 
 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';
+export { InlinePopoverRoot, type InlinePopoverRootProps } from './inline-popover-root.gen.ts';

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

@@ -1,24 +1,14 @@
-/**
- * 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 type { Component, JSX } from 'solid-js';
 import h from 'solid-js/h';
 
-/**
- * Props for the {@link InlinePopoverPopup} Solid component.
- *
- * @public
- */
-export interface InlinePopoverPopupProps extends JSX.HTMLAttributes<InlinePopoverPopupElement> {}
+/** Props for the {@link InlinePopoverPopup} Solid component. */
+export interface InlinePopoverPopupProps {}
 
-/**
- * A Solid component that renders an `prosekit-inline-popover-popup` custom element.
- *
- * @public
- */
-export const InlinePopoverPopup: Component<InlinePopoverPopupProps> = (props): any => {
+/** A Solid component that renders an `prosekit-inline-popover-popup` custom element. */
+export const InlinePopoverPopup: Component<InlinePopoverPopupProps & JSX.HTMLAttributes<InlinePopoverPopupElement>> = (props): any => {
   registerInlinePopoverPopupElement();
 
   const restProps = props;

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

@@ -1,18 +1,12 @@
-/**
- * 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 { createEffect, createSignal, mergeProps, splitProps } from 'solid-js';
 import type { Component, JSX } from 'solid-js';
 import h from 'solid-js/h';
 
-/**
- * Props for the {@link InlinePopoverPositioner} Solid component.
- *
- * @public
- */
-export interface InlinePopoverPositionerProps extends JSX.HTMLAttributes<InlinePopoverPositionerElement> {
+/** Props for the {@link InlinePopoverPositioner} Solid component. */
+export interface InlinePopoverPositionerProps {
   /**
    * The initial placement of the floating element
    *
@@ -141,12 +135,8 @@ export interface InlinePopoverPositionerProps extends JSX.HTMLAttributes<InlineP
   altBoundary?: InlinePopoverPositionerElementProps['altBoundary'];
 }
 
-/**
- * A Solid component that renders an `prosekit-inline-popover-positioner` custom element.
- *
- * @public
- */
-export const InlinePopoverPositioner: Component<InlinePopoverPositionerProps> = (props): any => {
+/** A Solid component that renders an `prosekit-inline-popover-positioner` custom element. */
+export const InlinePopoverPositioner: Component<InlinePopoverPositionerProps & JSX.HTMLAttributes<InlinePopoverPositionerElement>> = (props): any => {
   registerInlinePopoverPositionerElement();
 
   const [getElement, setElement] = createSignal<InlinePopoverPositionerElement | null>(null);

package/src/components/inline-popover/inline-popover-root.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.
 
 import { registerInlinePopoverRootElement, type InlinePopoverRootElement, type InlinePopoverRootEvents, type InlinePopoverRootProps as InlinePopoverRootElementProps } from '@prosekit/web/inline-popover';
 import { createEffect, createSignal, mergeProps, splitProps } from 'solid-js';
@@ -9,12 +7,8 @@ import h from 'solid-js/h';
 
 import { useEditorContext } from '../../contexts/editor-context.ts';
 
-/**
- * Props for the {@link InlinePopoverRoot} Solid component.
- *
- * @public
- */
-export interface InlinePopoverRootProps extends JSX.HTMLAttributes<InlinePopoverRootElement> {
+/** Props for the {@link InlinePopoverRoot} Solid component. */
+export interface InlinePopoverRootProps {
   /**
    * The ProseKit editor instance.
    *
@@ -46,16 +40,12 @@ export interface InlinePopoverRootProps extends JSX.HTMLAttributes<InlinePopover
    * @default false
    */
   disabled?: InlinePopoverRootElementProps['disabled'];
-  /** */
+  /** Emitted when the open state of the popover changes. */
   onOpenChange?: (event: InlinePopoverRootEvents['openChange']) => void;
 }
 
-/**
- * A Solid component that renders an `prosekit-inline-popover-root` custom element.
- *
- * @public
- */
-export const InlinePopoverRoot: Component<InlinePopoverRootProps> = (props): any => {
+/** A Solid component that renders an `prosekit-inline-popover-root` custom element. */
+export const InlinePopoverRoot: Component<InlinePopoverRootProps & JSX.HTMLAttributes<InlinePopoverRootElement>> = (props): any => {
   registerInlinePopoverRootElement();
 
   const [getElement, setElement] = createSignal<InlinePopoverRootElement | null>(null);
@@ -102,5 +92,3 @@ export const InlinePopoverRoot: Component<InlinePopoverRootProps> = (props): any
       }),
     );
 };
-
-export type { InlinePopoverRootEvents };

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

@@ -1,19 +1,15 @@
-/**
- * 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, type MenuItemEvents } from './menu-item.gen.ts';
+export { MenuItem, type MenuItemProps } from './menu-item.gen.ts';
 
 export { MenuPopup, type MenuPopupProps } from './menu-popup.gen.ts';
 
 export { MenuPositioner, type MenuPositionerProps } from './menu-positioner.gen.ts';
 
-export { MenuRoot, type MenuRootProps, type MenuRootEvents } from './menu-root.gen.ts';
+export { MenuRoot, type MenuRootProps } from './menu-root.gen.ts';
 
 export { MenuSubmenuRoot, type MenuSubmenuRootProps } from './menu-submenu-root.gen.ts';
 
 export { MenuSubmenuTrigger, type MenuSubmenuTriggerProps } from './menu-submenu-trigger.gen.ts';
 
-export { MenuTrigger, type MenuTriggerProps, type MenuTriggerEvents } from './menu-trigger.gen.ts';
-
-export { OpenChangeEvent, SelectEvent } from '@prosekit/web/menu';
+export { MenuTrigger, type MenuTriggerProps } from './menu-trigger.gen.ts';

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

@@ -1,18 +1,12 @@
-/**
- * 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 MenuItemEvents, type MenuItemProps as MenuItemElementProps } from '@prosekit/web/menu';
 import { createEffect, createSignal, mergeProps, splitProps } from 'solid-js';
 import type { Component, JSX } from 'solid-js';
 import h from 'solid-js/h';
 
-/**
- * Props for the {@link MenuItem} Solid component.
- *
- * @public
- */
-export interface MenuItemProps extends JSX.HTMLAttributes<MenuItemElement> {
+/** Props for the {@link MenuItem} Solid component. */
+export interface MenuItemProps {
   /**
    * The unique value for this menu item.
    *
@@ -35,12 +29,8 @@ export interface MenuItemProps extends JSX.HTMLAttributes<MenuItemElement> {
   onSelect?: (event: MenuItemEvents['select']) => void;
 }
 
-/**
- * A Solid component that renders an `prosekit-menu-item` custom element.
- *
- * @public
- */
-export const MenuItem: Component<MenuItemProps> = (props): any => {
+/** A Solid component that renders an `prosekit-menu-item` custom element. */
+export const MenuItem: Component<MenuItemProps & JSX.HTMLAttributes<MenuItemElement>> = (props): any => {
   registerMenuItemElement();
 
   const [getElement, setElement] = createSignal<MenuItemElement | null>(null);
@@ -85,5 +75,3 @@ export const MenuItem: Component<MenuItemProps> = (props): any => {
       }),
     );
 };
-
-export type { MenuItemEvents };

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

@@ -1,18 +1,12 @@
-/**
- * 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 { createEffect, createSignal, mergeProps, splitProps } from 'solid-js';
 import type { Component, JSX } from 'solid-js';
 import h from 'solid-js/h';
 
-/**
- * Props for the {@link MenuPopup} Solid component.
- *
- * @public
- */
-export interface MenuPopupProps extends JSX.HTMLAttributes<MenuPopupElement> {
+/** Props for the {@link MenuPopup} Solid component. */
+export interface MenuPopupProps {
   /**
    * By default, the MenuPopup element will listen for keydown events.
    * You can pass a different element to listen for keydown events.
@@ -22,12 +16,8 @@ export interface MenuPopupProps extends JSX.HTMLAttributes<MenuPopupElement> {
   eventTarget?: MenuPopupElementProps['eventTarget'];
 }
 
-/**
- * A Solid component that renders an `prosekit-menu-popup` custom element.
- *
- * @public
- */
-export const MenuPopup: Component<MenuPopupProps> = (props): any => {
+/** A Solid component that renders an `prosekit-menu-popup` custom element. */
+export const MenuPopup: Component<MenuPopupProps & JSX.HTMLAttributes<MenuPopupElement>> = (props): any => {
   registerMenuPopupElement();
 
   const [getElement, setElement] = createSignal<MenuPopupElement | null>(null);

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

@@ -1,18 +1,12 @@
-/**
- * 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 { createEffect, createSignal, mergeProps, splitProps } from 'solid-js';
 import type { Component, JSX } from 'solid-js';
 import h from 'solid-js/h';
 
-/**
- * Props for the {@link MenuPositioner} Solid component.
- *
- * @public
- */
-export interface MenuPositionerProps extends JSX.HTMLAttributes<MenuPositionerElement> {
+/** Props for the {@link MenuPositioner} Solid component. */
+export interface MenuPositionerProps {
   /**
    * The initial placement of the floating element
    *
@@ -142,12 +136,8 @@ export interface MenuPositionerProps extends JSX.HTMLAttributes<MenuPositionerEl
   altBoundary?: MenuPositionerElementProps['altBoundary'];
 }
 
-/**
- * A Solid component that renders an `prosekit-menu-positioner` custom element.
- *
- * @public
- */
-export const MenuPositioner: Component<MenuPositionerProps> = (props): any => {
+/** A Solid component that renders an `prosekit-menu-positioner` custom element. */
+export const MenuPositioner: Component<MenuPositionerProps & JSX.HTMLAttributes<MenuPositionerElement>> = (props): any => {
   registerMenuPositionerElement();
 
   const [getElement, setElement] = createSignal<MenuPositionerElement | null>(null);

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

@@ -1,18 +1,12 @@
-/**
- * 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 MenuRootEvents, type MenuRootProps as MenuRootElementProps } from '@prosekit/web/menu';
 import { createEffect, createSignal, mergeProps, splitProps } from 'solid-js';
 import type { Component, JSX } from 'solid-js';
 import h from 'solid-js/h';
 
-/**
- * Props for the {@link MenuRoot} Solid component.
- *
- * @public
- */
-export interface MenuRootProps extends JSX.HTMLAttributes<MenuRootElement> {
+/** Props for the {@link MenuRoot} Solid component. */
+export interface MenuRootProps {
   /**
    * Whether the overlay is initially open.
    * @default false
@@ -32,12 +26,8 @@ export interface MenuRootProps extends JSX.HTMLAttributes<MenuRootElement> {
   onOpenChange?: (event: MenuRootEvents['openChange']) => void;
 }
 
-/**
- * A Solid component that renders an `prosekit-menu-root` custom element.
- *
- * @public
- */
-export const MenuRoot: Component<MenuRootProps> = (props): any => {
+/** A Solid component that renders an `prosekit-menu-root` custom element. */
+export const MenuRoot: Component<MenuRootProps & JSX.HTMLAttributes<MenuRootElement>> = (props): any => {
   registerMenuRootElement();
 
   const [getElement, setElement] = createSignal<MenuRootElement | null>(null);
@@ -82,5 +72,3 @@ export const MenuRoot: Component<MenuRootProps> = (props): any => {
       }),
     );
 };
-
-export type { MenuRootEvents };

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

@@ -1,27 +1,74 @@
-/**
- * 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 { registerMenuSubmenuRootElement, type MenuSubmenuRootElement, type MenuSubmenuRootEvents, type MenuSubmenuRootProps as MenuSubmenuRootElementProps } from '@prosekit/web/menu';
+import { createEffect, createSignal, mergeProps, splitProps } from 'solid-js';
 import type { Component, JSX } from 'solid-js';
 import h from 'solid-js/h';
 
-/**
- * Props for the {@link MenuSubmenuRoot} Solid component.
- *
- * @public
- */
-export interface MenuSubmenuRootProps extends JSX.HTMLAttributes<MenuSubmenuRootElement> {}
-
-/**
- * A Solid component that renders an `prosekit-menu-submenu-root` custom element.
- *
- * @public
- */
-export const MenuSubmenuRoot: Component<MenuSubmenuRootProps> = (props): any => {
+/** Props for the {@link MenuSubmenuRoot} Solid 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;
+}
+
+/** A Solid component that renders an `prosekit-menu-submenu-root` custom element. */
+export const MenuSubmenuRoot: Component<MenuSubmenuRootProps & JSX.HTMLAttributes<MenuSubmenuRootElement>> = (props): any => {
   registerMenuSubmenuRootElement();
 
-  const restProps = props;
+  const [getElement, setElement] = createSignal<MenuSubmenuRootElement | null>(null);
+  const handlers: Array<((event: any) => void) | undefined> = [];
+
+  const [elementProps, eventHandlers, restProps] = splitProps(props, ['defaultOpen', 'disabled', 'open'], ['onOpenChange']);
+
+  createEffect(() => {
+    const element = getElement();
+    if (!element) return;
+
+    Object.assign(element, { defaultOpen: elementProps.defaultOpen, disabled: elementProps.disabled, open: elementProps.open });
+
+    handlers.length = 0;
+    handlers.push(eventHandlers.onOpenChange);
+  });
+
+  createEffect(() => {
+    const element = getElement();
+    if (!element) return;
+
+    const ac = new AbortController();
+    for (const [index, eventName] of ['openChange'].entries()) {
+      element.addEventListener(
+        eventName,
+        (event) => {
+          handlers[index]?.(event);
+        },
+        { signal: ac.signal },
+      );
+    }
+    return () => ac.abort();
+  });
 
-  return () => h('prosekit-menu-submenu-root', restProps);
+  return () =>
+    h(
+      'prosekit-menu-submenu-root',
+      mergeProps(restProps, {
+        ref: (el: MenuSubmenuRootElement | null) => {
+          setElement(el);
+        },
+      }),
+    );
 };

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

@@ -1,27 +1,48 @@
-/**
- * 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 { registerMenuSubmenuTriggerElement, type MenuSubmenuTriggerElement } from '@prosekit/web/menu';
+import { registerMenuSubmenuTriggerElement, type MenuSubmenuTriggerElement, type MenuSubmenuTriggerProps as MenuSubmenuTriggerElementProps } from '@prosekit/web/menu';
+import { createEffect, createSignal, mergeProps, splitProps } from 'solid-js';
 import type { Component, JSX } from 'solid-js';
 import h from 'solid-js/h';
 
-/**
- * Props for the {@link MenuSubmenuTrigger} Solid component.
- *
- * @public
- */
-export interface MenuSubmenuTriggerProps extends JSX.HTMLAttributes<MenuSubmenuTriggerElement> {}
-
-/**
- * A Solid component that renders an `prosekit-menu-submenu-trigger` custom element.
- *
- * @public
- */
-export const MenuSubmenuTrigger: Component<MenuSubmenuTriggerProps> = (props): any => {
+/** Props for the {@link MenuSubmenuTrigger} Solid component. */
+export interface MenuSubmenuTriggerProps {
+  /**
+   * The unique value for this submenu trigger in the parent menu.
+   *
+   * @default ""
+   */
+  value?: MenuSubmenuTriggerElementProps['value'];
+  /**
+   * Whether this submenu trigger is disabled.
+   *
+   * @default false
+   */
+  disabled?: MenuSubmenuTriggerElementProps['disabled'];
+}
+
+/** A Solid component that renders an `prosekit-menu-submenu-trigger` custom element. */
+export const MenuSubmenuTrigger: Component<MenuSubmenuTriggerProps & JSX.HTMLAttributes<MenuSubmenuTriggerElement>> = (props): any => {
   registerMenuSubmenuTriggerElement();
 
-  const restProps = props;
+  const [getElement, setElement] = createSignal<MenuSubmenuTriggerElement | null>(null);
+
+  const [elementProps, restProps] = splitProps(props, ['disabled', 'value']);
+
+  createEffect(() => {
+    const element = getElement();
+    if (!element) return;
+
+    Object.assign(element, { disabled: elementProps.disabled, value: elementProps.value });
+  });
 
-  return () => h('prosekit-menu-submenu-trigger', restProps);
+  return () =>
+    h(
+      'prosekit-menu-submenu-trigger',
+      mergeProps(restProps, {
+        ref: (el: MenuSubmenuTriggerElement | null) => {
+          setElement(el);
+        },
+      }),
+    );
 };

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

@@ -1,18 +1,12 @@
-/**
- * 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 { registerMenuTriggerElement, type MenuTriggerElement, type MenuTriggerEvents, type MenuTriggerProps as MenuTriggerElementProps } from '@prosekit/web/menu';
 import { createEffect, createSignal, mergeProps, splitProps } from 'solid-js';
 import type { Component, JSX } from 'solid-js';
 import h from 'solid-js/h';
 
-/**
- * Props for the {@link MenuTrigger} Solid component.
- *
- * @public
- */
-export interface MenuTriggerProps extends JSX.HTMLAttributes<MenuTriggerElement> {
+/** Props for the {@link MenuTrigger} Solid component. */
+export interface MenuTriggerProps {
   /**
    * Whether the component should ignore user interaction.
    *
@@ -23,12 +17,8 @@ export interface MenuTriggerProps extends JSX.HTMLAttributes<MenuTriggerElement>
   onOpenChange?: (event: MenuTriggerEvents['openChange']) => void;
 }
 
-/**
- * A Solid component that renders an `prosekit-menu-trigger` custom element.
- *
- * @public
- */
-export const MenuTrigger: Component<MenuTriggerProps> = (props): any => {
+/** A Solid component that renders an `prosekit-menu-trigger` custom element. */
+export const MenuTrigger: Component<MenuTriggerProps & JSX.HTMLAttributes<MenuTriggerElement>> = (props): any => {
   registerMenuTriggerElement();
 
   const [getElement, setElement] = createSignal<MenuTriggerElement | null>(null);
@@ -73,5 +63,3 @@ export const MenuTrigger: Component<MenuTriggerProps> = (props): any => {
       }),
     );
 };
-
-export type { MenuTriggerEvents };

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

@@ -1,13 +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.
 
 export { PopoverPopup, type PopoverPopupProps } from './popover-popup.gen.ts';
 
 export { PopoverPositioner, type PopoverPositionerProps } from './popover-positioner.gen.ts';
 
-export { PopoverRoot, type PopoverRootProps, type PopoverRootEvents } from './popover-root.gen.ts';
+export { PopoverRoot, type PopoverRootProps } from './popover-root.gen.ts';
 
-export { PopoverTrigger, type PopoverTriggerProps, type PopoverTriggerEvents } from './popover-trigger.gen.ts';
-
-export { OpenChangeEvent } from '@prosekit/web/popover';
+export { PopoverTrigger, type PopoverTriggerProps } from './popover-trigger.gen.ts';