@prosekit/svelte 0.9.0-beta.2 → 0.9.0-beta.4

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

@@ -1,17 +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 type { BlockHandleDraggableProps as BlockHandleDraggableElementProps } from '@prosekit/web/block-handle';
+import type { BlockHandleDraggableElement, BlockHandleDraggableProps as BlockHandleDraggableElementProps } from '@prosekit/web/block-handle';
 import type { Component, Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
 
 import BlockHandleDraggableComponent from './block-handle-draggable.gen.svelte';
 
-/**
- * Props for the {@link BlockHandleDraggable} Svelte component.
- *
- * @public
- */
+/** Props for the {@link BlockHandleDraggable} Svelte component. */
 export interface BlockHandleDraggableProps {
   /**
    * The ProseKit editor instance.
@@ -21,12 +16,7 @@ export interface BlockHandleDraggableProps {
    */
   editor?: BlockHandleDraggableElementProps['editor'];
   children?: Snippet;
-  [key: string]: unknown;
 }
 
-/**
- * A Svelte component that renders an `prosekit-block-handle-draggable` custom element.
- *
- * @public
- */
-export const BlockHandleDraggable: Component<BlockHandleDraggableProps> = BlockHandleDraggableComponent as unknown as Component<BlockHandleDraggableProps>;
+/** A Svelte component that renders an `prosekit-block-handle-draggable` custom element. */
+export const BlockHandleDraggable: Component<BlockHandleDraggableProps & HTMLAttributes<BlockHandleDraggableElement>> = BlockHandleDraggableComponent as Component<BlockHandleDraggableProps & HTMLAttributes<BlockHandleDraggableElement>>;

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

@@ -1,6 +1,5 @@
-<!-- This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly. -->
-
 <script lang="ts">
+  // This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
   import { registerBlockHandlePopupElement } from '@prosekit/web/block-handle'
   registerBlockHandlePopupElement()
 

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

@@ -1,24 +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.
 
+import type { BlockHandlePopupElement } from '@prosekit/web/block-handle';
 import type { Component, Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
 
 import BlockHandlePopupComponent from './block-handle-popup.gen.svelte';
 
-/**
- * Props for the {@link BlockHandlePopup} Svelte component.
- *
- * @public
- */
+/** Props for the {@link BlockHandlePopup} Svelte component. */
 export interface BlockHandlePopupProps {
   children?: Snippet;
-  [key: string]: unknown;
 }
 
-/**
- * A Svelte component that renders an `prosekit-block-handle-popup` custom element.
- *
- * @public
- */
-export const BlockHandlePopup: Component<BlockHandlePopupProps> = BlockHandlePopupComponent as unknown as Component<BlockHandlePopupProps>;
+/** A Svelte component that renders an `prosekit-block-handle-popup` custom element. */
+export const BlockHandlePopup: Component<BlockHandlePopupProps & HTMLAttributes<BlockHandlePopupElement>> = BlockHandlePopupComponent as Component<BlockHandlePopupProps & HTMLAttributes<BlockHandlePopupElement>>;

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

@@ -1,6 +1,5 @@
-<!-- This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly. -->
-
 <script lang="ts">
+  // This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
   import { registerBlockHandlePositionerElement } from '@prosekit/web/block-handle'
   import type { BlockHandlePositionerElement } from '@prosekit/web/block-handle'
   registerBlockHandlePositionerElement()

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

@@ -1,17 +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 type { BlockHandlePositionerProps as BlockHandlePositionerElementProps } from '@prosekit/web/block-handle';
+import type { BlockHandlePositionerElement, BlockHandlePositionerProps as BlockHandlePositionerElementProps } from '@prosekit/web/block-handle';
 import type { Component, Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
 
 import BlockHandlePositionerComponent from './block-handle-positioner.gen.svelte';
 
-/**
- * Props for the {@link BlockHandlePositioner} Svelte component.
- *
- * @public
- */
+/** Props for the {@link BlockHandlePositioner} Svelte component. */
 export interface BlockHandlePositionerProps {
   /**
    * The placement of the popover, relative to the hovered block.
@@ -134,12 +129,7 @@ export interface BlockHandlePositionerProps {
    */
   altBoundary?: BlockHandlePositionerElementProps['altBoundary'];
   children?: Snippet;
-  [key: string]: unknown;
 }
 
-/**
- * A Svelte component that renders an `prosekit-block-handle-positioner` custom element.
- *
- * @public
- */
-export const BlockHandlePositioner: Component<BlockHandlePositionerProps> = BlockHandlePositionerComponent as unknown as Component<BlockHandlePositionerProps>;
+/** A Svelte component that renders an `prosekit-block-handle-positioner` custom element. */
+export const BlockHandlePositioner: Component<BlockHandlePositionerProps & HTMLAttributes<BlockHandlePositionerElement>> = BlockHandlePositionerComponent as Component<BlockHandlePositionerProps & HTMLAttributes<BlockHandlePositionerElement>>;

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

@@ -1,6 +1,5 @@
-<!-- This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly. -->
-
 <script lang="ts">
+  // This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
   import { registerBlockHandleRootElement } from '@prosekit/web/block-handle'
   import type { BlockHandleRootElement } from '@prosekit/web/block-handle'
   import { useEditorContext } from '../../contexts/editor-context.ts'

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

@@ -1,17 +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 type { BlockHandleRootEvents, BlockHandleRootProps as BlockHandleRootElementProps } from '@prosekit/web/block-handle';
+import type { BlockHandleRootElement, BlockHandleRootEvents, BlockHandleRootProps as BlockHandleRootElementProps } from '@prosekit/web/block-handle';
 import type { Component, Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
 
 import BlockHandleRootComponent from './block-handle-root.gen.svelte';
 
-/**
- * Props for the {@link BlockHandleRoot} Svelte component.
- *
- * @public
- */
+/** Props for the {@link BlockHandleRoot} Svelte component. */
 export interface BlockHandleRootProps {
   /**
    * The ProseKit editor instance.
@@ -23,14 +18,7 @@ export interface BlockHandleRootProps {
   /** Fired when the hovered block changes. */
   onStateChange?: (event: BlockHandleRootEvents['stateChange']) => void;
   children?: Snippet;
-  [key: string]: unknown;
 }
 
-/**
- * A Svelte component that renders an `prosekit-block-handle-root` custom element.
- *
- * @public
- */
-export const BlockHandleRoot: Component<BlockHandleRootProps> = BlockHandleRootComponent as unknown as Component<BlockHandleRootProps>;
-
-export type { BlockHandleRootEvents };
+/** A Svelte component that renders an `prosekit-block-handle-root` custom element. */
+export const BlockHandleRoot: Component<BlockHandleRootProps & HTMLAttributes<BlockHandleRootElement>> = BlockHandleRootComponent as Component<BlockHandleRootProps & HTMLAttributes<BlockHandleRootElement>>;

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.svelte

@@ -1,6 +1,5 @@
-<!-- This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly. -->
-
 <script lang="ts">
+  // This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
   import { registerDropIndicatorElement } from '@prosekit/web/drop-indicator'
   import type { DropIndicatorElement } from '@prosekit/web/drop-indicator'
   import { useEditorContext } from '../../contexts/editor-context.ts'

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

@@ -1,17 +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 type { DropIndicatorProps as DropIndicatorElementProps } from '@prosekit/web/drop-indicator';
+import type { DropIndicatorElement, DropIndicatorProps as DropIndicatorElementProps } from '@prosekit/web/drop-indicator';
 import type { Component, Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
 
 import DropIndicatorComponent from './drop-indicator.gen.svelte';
 
-/**
- * Props for the {@link DropIndicator} Svelte component.
- *
- * @public
- */
+/** Props for the {@link DropIndicator} Svelte component. */
 export interface DropIndicatorProps {
   /**
    * The ProseKit editor instance.
@@ -27,12 +22,7 @@ export interface DropIndicatorProps {
    */
   width?: DropIndicatorElementProps['width'];
   children?: Snippet;
-  [key: string]: unknown;
 }
 
-/**
- * A Svelte component that renders an `prosekit-drop-indicator` custom element.
- *
- * @public
- */
-export const DropIndicator: Component<DropIndicatorProps> = DropIndicatorComponent as unknown as Component<DropIndicatorProps>;
+/** A Svelte component that renders an `prosekit-drop-indicator` custom element. */
+export const DropIndicator: Component<DropIndicatorProps & HTMLAttributes<DropIndicatorElement>> = DropIndicatorComponent as Component<DropIndicatorProps & HTMLAttributes<DropIndicatorElement>>;

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.svelte

@@ -1,6 +1,5 @@
-<!-- This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly. -->
-
 <script lang="ts">
+  // This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
   import { registerInlinePopoverPopupElement } from '@prosekit/web/inline-popover'
   registerInlinePopoverPopupElement()
 

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

@@ -1,24 +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.
 
+import type { InlinePopoverPopupElement } from '@prosekit/web/inline-popover';
 import type { Component, Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
 
 import InlinePopoverPopupComponent from './inline-popover-popup.gen.svelte';
 
-/**
- * Props for the {@link InlinePopoverPopup} Svelte component.
- *
- * @public
- */
+/** Props for the {@link InlinePopoverPopup} Svelte component. */
 export interface InlinePopoverPopupProps {
   children?: Snippet;
-  [key: string]: unknown;
 }
 
-/**
- * A Svelte component that renders an `prosekit-inline-popover-popup` custom element.
- *
- * @public
- */
-export const InlinePopoverPopup: Component<InlinePopoverPopupProps> = InlinePopoverPopupComponent as unknown as Component<InlinePopoverPopupProps>;
+/** A Svelte component that renders an `prosekit-inline-popover-popup` custom element. */
+export const InlinePopoverPopup: Component<InlinePopoverPopupProps & HTMLAttributes<InlinePopoverPopupElement>> = InlinePopoverPopupComponent as Component<InlinePopoverPopupProps & HTMLAttributes<InlinePopoverPopupElement>>;

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

@@ -1,6 +1,5 @@
-<!-- This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly. -->
-
 <script lang="ts">
+  // This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
   import { registerInlinePopoverPositionerElement } from '@prosekit/web/inline-popover'
   import type { InlinePopoverPositionerElement } from '@prosekit/web/inline-popover'
   registerInlinePopoverPositionerElement()

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

@@ -1,17 +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 type { InlinePopoverPositionerProps as InlinePopoverPositionerElementProps } from '@prosekit/web/inline-popover';
+import type { InlinePopoverPositionerElement, InlinePopoverPositionerProps as InlinePopoverPositionerElementProps } from '@prosekit/web/inline-popover';
 import type { Component, Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
 
 import InlinePopoverPositionerComponent from './inline-popover-positioner.gen.svelte';
 
-/**
- * Props for the {@link InlinePopoverPositioner} Svelte component.
- *
- * @public
- */
+/** Props for the {@link InlinePopoverPositioner} Svelte component. */
 export interface InlinePopoverPositionerProps {
   /**
    * The initial placement of the floating element
@@ -140,12 +135,7 @@ export interface InlinePopoverPositionerProps {
    */
   altBoundary?: InlinePopoverPositionerElementProps['altBoundary'];
   children?: Snippet;
-  [key: string]: unknown;
 }
 
-/**
- * A Svelte component that renders an `prosekit-inline-popover-positioner` custom element.
- *
- * @public
- */
-export const InlinePopoverPositioner: Component<InlinePopoverPositionerProps> = InlinePopoverPositionerComponent as unknown as Component<InlinePopoverPositionerProps>;
+/** A Svelte component that renders an `prosekit-inline-popover-positioner` custom element. */
+export const InlinePopoverPositioner: Component<InlinePopoverPositionerProps & HTMLAttributes<InlinePopoverPositionerElement>> = InlinePopoverPositionerComponent as Component<InlinePopoverPositionerProps & HTMLAttributes<InlinePopoverPositionerElement>>;

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

@@ -1,6 +1,5 @@
-<!-- This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly. -->
-
 <script lang="ts">
+  // This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
   import { registerInlinePopoverRootElement } from '@prosekit/web/inline-popover'
   import type { InlinePopoverRootElement } from '@prosekit/web/inline-popover'
   import { useEditorContext } from '../../contexts/editor-context.ts'

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

@@ -1,17 +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 type { InlinePopoverRootEvents, InlinePopoverRootProps as InlinePopoverRootElementProps } from '@prosekit/web/inline-popover';
+import type { InlinePopoverRootElement, InlinePopoverRootEvents, InlinePopoverRootProps as InlinePopoverRootElementProps } from '@prosekit/web/inline-popover';
 import type { Component, Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
 
 import InlinePopoverRootComponent from './inline-popover-root.gen.svelte';
 
-/**
- * Props for the {@link InlinePopoverRoot} Svelte component.
- *
- * @public
- */
+/** Props for the {@link InlinePopoverRoot} Svelte component. */
 export interface InlinePopoverRootProps {
   /**
    * The ProseKit editor instance.
@@ -44,17 +39,10 @@ export interface InlinePopoverRootProps {
    * @default false
    */
   disabled?: InlinePopoverRootElementProps['disabled'];
-  /** */
+  /** Emitted when the open state of the popover changes. */
   onOpenChange?: (event: InlinePopoverRootEvents['openChange']) => void;
   children?: Snippet;
-  [key: string]: unknown;
 }
 
-/**
- * A Svelte component that renders an `prosekit-inline-popover-root` custom element.
- *
- * @public
- */
-export const InlinePopoverRoot: Component<InlinePopoverRootProps> = InlinePopoverRootComponent as unknown as Component<InlinePopoverRootProps>;
-
-export type { InlinePopoverRootEvents };
+/** A Svelte component that renders an `prosekit-inline-popover-root` custom element. */
+export const InlinePopoverRoot: Component<InlinePopoverRootProps & HTMLAttributes<InlinePopoverRootElement>> = InlinePopoverRootComponent as Component<InlinePopoverRootProps & HTMLAttributes<InlinePopoverRootElement>>;

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.svelte

@@ -1,6 +1,5 @@
-<!-- This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly. -->
-
 <script lang="ts">
+  // This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
   import { registerMenuItemElement } from '@prosekit/web/menu'
   import type { MenuItemElement } from '@prosekit/web/menu'
   registerMenuItemElement()

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

@@ -1,17 +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 type { MenuItemEvents, MenuItemProps as MenuItemElementProps } from '@prosekit/web/menu';
+import type { MenuItemElement, MenuItemEvents, MenuItemProps as MenuItemElementProps } from '@prosekit/web/menu';
 import type { Component, Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
 
 import MenuItemComponent from './menu-item.gen.svelte';
 
-/**
- * Props for the {@link MenuItem} Svelte component.
- *
- * @public
- */
+/** Props for the {@link MenuItem} Svelte component. */
 export interface MenuItemProps {
   /**
    * The unique value for this menu item.
@@ -34,14 +29,7 @@ export interface MenuItemProps {
   /** Emitted when the the item is selected. */
   onSelect?: (event: MenuItemEvents['select']) => void;
   children?: Snippet;
-  [key: string]: unknown;
 }
 
-/**
- * A Svelte component that renders an `prosekit-menu-item` custom element.
- *
- * @public
- */
-export const MenuItem: Component<MenuItemProps> = MenuItemComponent as unknown as Component<MenuItemProps>;
-
-export type { MenuItemEvents };
+/** A Svelte component that renders an `prosekit-menu-item` custom element. */
+export const MenuItem: Component<MenuItemProps & HTMLAttributes<MenuItemElement>> = MenuItemComponent as Component<MenuItemProps & HTMLAttributes<MenuItemElement>>;

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

@@ -1,6 +1,5 @@
-<!-- This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly. -->
-
 <script lang="ts">
+  // This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
   import { registerMenuPopupElement } from '@prosekit/web/menu'
   import type { MenuPopupElement } from '@prosekit/web/menu'
   registerMenuPopupElement()

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

@@ -1,17 +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 type { MenuPopupProps as MenuPopupElementProps } from '@prosekit/web/menu';
+import type { MenuPopupElement, MenuPopupProps as MenuPopupElementProps } from '@prosekit/web/menu';
 import type { Component, Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
 
 import MenuPopupComponent from './menu-popup.gen.svelte';
 
-/**
- * Props for the {@link MenuPopup} Svelte component.
- *
- * @public
- */
+/** Props for the {@link MenuPopup} Svelte component. */
 export interface MenuPopupProps {
   /**
    * By default, the MenuPopup element will listen for keydown events.
@@ -21,12 +16,7 @@ export interface MenuPopupProps {
    */
   eventTarget?: MenuPopupElementProps['eventTarget'];
   children?: Snippet;
-  [key: string]: unknown;
 }
 
-/**
- * A Svelte component that renders an `prosekit-menu-popup` custom element.
- *
- * @public
- */
-export const MenuPopup: Component<MenuPopupProps> = MenuPopupComponent as unknown as Component<MenuPopupProps>;
+/** A Svelte component that renders an `prosekit-menu-popup` custom element. */
+export const MenuPopup: Component<MenuPopupProps & HTMLAttributes<MenuPopupElement>> = MenuPopupComponent as Component<MenuPopupProps & HTMLAttributes<MenuPopupElement>>;

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

@@ -1,6 +1,5 @@
-<!-- This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly. -->
-
 <script lang="ts">
+  // This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
   import { registerMenuPositionerElement } from '@prosekit/web/menu'
   import type { MenuPositionerElement } from '@prosekit/web/menu'
   registerMenuPositionerElement()

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

@@ -1,17 +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 type { MenuPositionerProps as MenuPositionerElementProps } from '@prosekit/web/menu';
+import type { MenuPositionerElement, MenuPositionerProps as MenuPositionerElementProps } from '@prosekit/web/menu';
 import type { Component, Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
 
 import MenuPositionerComponent from './menu-positioner.gen.svelte';
 
-/**
- * Props for the {@link MenuPositioner} Svelte component.
- *
- * @public
- */
+/** Props for the {@link MenuPositioner} Svelte component. */
 export interface MenuPositionerProps {
   /**
    * The initial placement of the floating element
@@ -141,12 +136,7 @@ export interface MenuPositionerProps {
    */
   altBoundary?: MenuPositionerElementProps['altBoundary'];
   children?: Snippet;
-  [key: string]: unknown;
 }
 
-/**
- * A Svelte component that renders an `prosekit-menu-positioner` custom element.
- *
- * @public
- */
-export const MenuPositioner: Component<MenuPositionerProps> = MenuPositionerComponent as unknown as Component<MenuPositionerProps>;
+/** A Svelte component that renders an `prosekit-menu-positioner` custom element. */
+export const MenuPositioner: Component<MenuPositionerProps & HTMLAttributes<MenuPositionerElement>> = MenuPositionerComponent as Component<MenuPositionerProps & HTMLAttributes<MenuPositionerElement>>;

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

@@ -1,6 +1,5 @@
-<!-- This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly. -->
-
 <script lang="ts">
+  // This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
   import { registerMenuRootElement } from '@prosekit/web/menu'
   import type { MenuRootElement } from '@prosekit/web/menu'
   registerMenuRootElement()

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

@@ -1,17 +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 type { MenuRootEvents, MenuRootProps as MenuRootElementProps } from '@prosekit/web/menu';
+import type { MenuRootElement, MenuRootEvents, MenuRootProps as MenuRootElementProps } from '@prosekit/web/menu';
 import type { Component, Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
 
 import MenuRootComponent from './menu-root.gen.svelte';
 
-/**
- * Props for the {@link MenuRoot} Svelte component.
- *
- * @public
- */
+/** Props for the {@link MenuRoot} Svelte component. */
 export interface MenuRootProps {
   /**
    * Whether the overlay is initially open.
@@ -31,14 +26,7 @@ export interface MenuRootProps {
   /** Emitted when the menu is opened or closed. */
   onOpenChange?: (event: MenuRootEvents['openChange']) => void;
   children?: Snippet;
-  [key: string]: unknown;
 }
 
-/**
- * A Svelte component that renders an `prosekit-menu-root` custom element.
- *
- * @public
- */
-export const MenuRoot: Component<MenuRootProps> = MenuRootComponent as unknown as Component<MenuRootProps>;
-
-export type { MenuRootEvents };
+/** A Svelte component that renders an `prosekit-menu-root` custom element. */
+export const MenuRoot: Component<MenuRootProps & HTMLAttributes<MenuRootElement>> = MenuRootComponent as Component<MenuRootProps & HTMLAttributes<MenuRootElement>>;