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

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

@@ -1,10 +1,31 @@
-<!-- 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 { registerMenuSubmenuRootElement } from '@prosekit/web/menu'
+  import type { MenuSubmenuRootElement } from '@prosekit/web/menu'
   registerMenuSubmenuRootElement()
 
-  let { children = undefined, ...restProps } = $props()
+  let { defaultOpen: p0, disabled: p1, open: p2, onOpenChange: e0, children = undefined, ...restProps } = $props()
+  let element: MenuSubmenuRootElement | undefined
+  const handlers: EventListener[] = []
+
+  $effect(() => {
+    if (!element) return
+
+    Object.assign(element, { defaultOpen: p0, disabled: p1, open: p2 })
+
+    handlers.length = 0
+    handlers.push(e0)
+  })
+
+  $effect(() => {
+    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()
+  })
 </script>
 
-<prosekit-menu-submenu-root {...restProps}>{@render children?.()}</prosekit-menu-submenu-root>
+<prosekit-menu-submenu-root {...restProps} bind:this={element}>{@render children?.()}</prosekit-menu-submenu-root>

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

@@ -1,24 +1,32 @@
-/**
- * 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 { MenuSubmenuRootElement, MenuSubmenuRootEvents, MenuSubmenuRootProps as MenuSubmenuRootElementProps } from '@prosekit/web/menu';
 import type { Component, Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
 
 import MenuSubmenuRootComponent from './menu-submenu-root.gen.svelte';
 
-/**
- * Props for the {@link MenuSubmenuRoot} Svelte component.
- *
- * @public
- */
+/** Props for the {@link MenuSubmenuRoot} Svelte 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;
   children?: Snippet;
-  [key: string]: unknown;
 }
 
-/**
- * A Svelte component that renders an `prosekit-menu-submenu-root` custom element.
- *
- * @public
- */
-export const MenuSubmenuRoot: Component<MenuSubmenuRootProps> = MenuSubmenuRootComponent as unknown as Component<MenuSubmenuRootProps>;
+/** A Svelte component that renders an `prosekit-menu-submenu-root` custom element. */
+export const MenuSubmenuRoot: Component<MenuSubmenuRootProps & HTMLAttributes<MenuSubmenuRootElement>> = MenuSubmenuRootComponent as Component<MenuSubmenuRootProps & HTMLAttributes<MenuSubmenuRootElement>>;

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

@@ -1,10 +1,17 @@
-<!-- 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 { registerMenuSubmenuTriggerElement } from '@prosekit/web/menu'
+  import type { MenuSubmenuTriggerElement } from '@prosekit/web/menu'
   registerMenuSubmenuTriggerElement()
 
-  let { children = undefined, ...restProps } = $props()
+  let { disabled: p0, value: p1, children = undefined, ...restProps } = $props()
+  let element: MenuSubmenuTriggerElement | undefined
+
+  $effect(() => {
+    if (!element) return
+
+    Object.assign(element, { disabled: p0, value: p1 })
+  })
 </script>
 
-<prosekit-menu-submenu-trigger {...restProps}>{@render children?.()}</prosekit-menu-submenu-trigger>
+<prosekit-menu-submenu-trigger {...restProps} bind:this={element}>{@render children?.()}</prosekit-menu-submenu-trigger>

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

@@ -1,24 +1,27 @@
-/**
- * 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 { MenuSubmenuTriggerElement, MenuSubmenuTriggerProps as MenuSubmenuTriggerElementProps } from '@prosekit/web/menu';
 import type { Component, Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
 
 import MenuSubmenuTriggerComponent from './menu-submenu-trigger.gen.svelte';
 
-/**
- * Props for the {@link MenuSubmenuTrigger} Svelte component.
- *
- * @public
- */
+/** Props for the {@link MenuSubmenuTrigger} Svelte 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'];
   children?: Snippet;
-  [key: string]: unknown;
 }
 
-/**
- * A Svelte component that renders an `prosekit-menu-submenu-trigger` custom element.
- *
- * @public
- */
-export const MenuSubmenuTrigger: Component<MenuSubmenuTriggerProps> = MenuSubmenuTriggerComponent as unknown as Component<MenuSubmenuTriggerProps>;
+/** A Svelte component that renders an `prosekit-menu-submenu-trigger` custom element. */
+export const MenuSubmenuTrigger: Component<MenuSubmenuTriggerProps & HTMLAttributes<MenuSubmenuTriggerElement>> = MenuSubmenuTriggerComponent as Component<MenuSubmenuTriggerProps & HTMLAttributes<MenuSubmenuTriggerElement>>;

package/src/components/menu/menu-trigger.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 { registerMenuTriggerElement } from '@prosekit/web/menu'
   import type { MenuTriggerElement } from '@prosekit/web/menu'
   registerMenuTriggerElement()

package/src/components/menu/menu-trigger.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 { MenuTriggerEvents, MenuTriggerProps as MenuTriggerElementProps } from '@prosekit/web/menu';
+import type { MenuTriggerElement, MenuTriggerEvents, MenuTriggerProps as MenuTriggerElementProps } from '@prosekit/web/menu';
 import type { Component, Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
 
 import MenuTriggerComponent from './menu-trigger.gen.svelte';
 
-/**
- * Props for the {@link MenuTrigger} Svelte component.
- *
- * @public
- */
+/** Props for the {@link MenuTrigger} Svelte component. */
 export interface MenuTriggerProps {
   /**
    * Whether the component should ignore user interaction.
@@ -22,14 +17,7 @@ export interface MenuTriggerProps {
   /** Emitted when the menu is opened or closed. */
   onOpenChange?: (event: MenuTriggerEvents['openChange']) => void;
   children?: Snippet;
-  [key: string]: unknown;
 }
 
-/**
- * A Svelte component that renders an `prosekit-menu-trigger` custom element.
- *
- * @public
- */
-export const MenuTrigger: Component<MenuTriggerProps> = MenuTriggerComponent as unknown as Component<MenuTriggerProps>;
-
-export type { MenuTriggerEvents };
+/** A Svelte component that renders an `prosekit-menu-trigger` custom element. */
+export const MenuTrigger: Component<MenuTriggerProps & HTMLAttributes<MenuTriggerElement>> = MenuTriggerComponent as Component<MenuTriggerProps & HTMLAttributes<MenuTriggerElement>>;

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';

package/src/components/popover/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 { registerPopoverPopupElement } from '@prosekit/web/popover'
   registerPopoverPopupElement()
 

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

package/src/components/popover/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 { registerPopoverPositionerElement } from '@prosekit/web/popover'
   import type { PopoverPositionerElement } from '@prosekit/web/popover'
   registerPopoverPositionerElement()

package/src/components/popover/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 { PopoverPositionerProps as PopoverPositionerElementProps } from '@prosekit/web/popover';
+import type { PopoverPositionerElement, PopoverPositionerProps as PopoverPositionerElementProps } from '@prosekit/web/popover';
 import type { Component, Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
 
 import PopoverPositionerComponent from './popover-positioner.gen.svelte';
 
-/**
- * Props for the {@link PopoverPositioner} Svelte component.
- *
- * @public
- */
+/** Props for the {@link PopoverPositioner} Svelte component. */
 export interface PopoverPositionerProps {
   /**
    * The strategy to use for positioning
@@ -141,12 +136,7 @@ export interface PopoverPositionerProps {
    */
   altBoundary?: PopoverPositionerElementProps['altBoundary'];
   children?: Snippet;
-  [key: string]: unknown;
 }
 
-/**
- * A Svelte component that renders an `prosekit-popover-positioner` custom element.
- *
- * @public
- */
-export const PopoverPositioner: Component<PopoverPositionerProps> = PopoverPositionerComponent as unknown as Component<PopoverPositionerProps>;
+/** A Svelte component that renders an `prosekit-popover-positioner` custom element. */
+export const PopoverPositioner: Component<PopoverPositionerProps & HTMLAttributes<PopoverPositionerElement>> = PopoverPositionerComponent as Component<PopoverPositionerProps & HTMLAttributes<PopoverPositionerElement>>;

package/src/components/popover/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 { registerPopoverRootElement } from '@prosekit/web/popover'
   import type { PopoverRootElement } from '@prosekit/web/popover'
   registerPopoverRootElement()

package/src/components/popover/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 { PopoverRootEvents, PopoverRootProps as PopoverRootElementProps } from '@prosekit/web/popover';
+import type { PopoverRootElement, PopoverRootEvents, PopoverRootProps as PopoverRootElementProps } from '@prosekit/web/popover';
 import type { Component, Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
 
 import PopoverRootComponent from './popover-root.gen.svelte';
 
-/**
- * Props for the {@link PopoverRoot} Svelte component.
- *
- * @public
- */
+/** Props for the {@link PopoverRoot} Svelte component. */
 export interface PopoverRootProps {
   /**
    * Whether the popover should be modal.
@@ -38,14 +33,7 @@ export interface PopoverRootProps {
   /** Emitted when the popover is opened or closed. */
   onOpenChange?: (event: PopoverRootEvents['openChange']) => void;
   children?: Snippet;
-  [key: string]: unknown;
 }
 
-/**
- * A Svelte component that renders an `prosekit-popover-root` custom element.
- *
- * @public
- */
-export const PopoverRoot: Component<PopoverRootProps> = PopoverRootComponent as unknown as Component<PopoverRootProps>;
-
-export type { PopoverRootEvents };
+/** A Svelte component that renders an `prosekit-popover-root` custom element. */
+export const PopoverRoot: Component<PopoverRootProps & HTMLAttributes<PopoverRootElement>> = PopoverRootComponent as Component<PopoverRootProps & HTMLAttributes<PopoverRootElement>>;

package/src/components/popover/popover-trigger.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 { registerPopoverTriggerElement } from '@prosekit/web/popover'
   import type { PopoverTriggerElement } from '@prosekit/web/popover'
   registerPopoverTriggerElement()

package/src/components/popover/popover-trigger.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 { PopoverTriggerEvents, PopoverTriggerProps as PopoverTriggerElementProps } from '@prosekit/web/popover';
+import type { PopoverTriggerElement, PopoverTriggerEvents, PopoverTriggerProps as PopoverTriggerElementProps } from '@prosekit/web/popover';
 import type { Component, Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
 
 import PopoverTriggerComponent from './popover-trigger.gen.svelte';
 
-/**
- * Props for the {@link PopoverTrigger} Svelte component.
- *
- * @public
- */
+/** Props for the {@link PopoverTrigger} Svelte component. */
 export interface PopoverTriggerProps {
   /**
    * Whether the component should ignore user interaction.
@@ -38,14 +33,7 @@ export interface PopoverTriggerProps {
   /** Emitted when the popover is opened or closed. */
   onOpenChange?: (event: PopoverTriggerEvents['openChange']) => void;
   children?: Snippet;
-  [key: string]: unknown;
 }
 
-/**
- * A Svelte component that renders an `prosekit-popover-trigger` custom element.
- *
- * @public
- */
-export const PopoverTrigger: Component<PopoverTriggerProps> = PopoverTriggerComponent as unknown as Component<PopoverTriggerProps>;
-
-export type { PopoverTriggerEvents };
+/** A Svelte component that renders an `prosekit-popover-trigger` custom element. */
+export const PopoverTrigger: Component<PopoverTriggerProps & HTMLAttributes<PopoverTriggerElement>> = PopoverTriggerComponent as Component<PopoverTriggerProps & HTMLAttributes<PopoverTriggerElement>>;

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

@@ -1,9 +1,5 @@
-/**
- * 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 { ResizableRoot, type ResizableRootProps, type ResizableRootEvents } from './resizable-root.gen.ts';
+export { ResizableRoot, type ResizableRootProps } from './resizable-root.gen.ts';
 
 export { ResizableHandle, type ResizableHandleProps } from './resizable-handle.gen.ts';
-
-export { ResizeEndEvent, ResizeStartEvent } from '@prosekit/web/resizable';

package/src/components/resizable/resizable-handle.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 { registerResizableHandleElement } from '@prosekit/web/resizable'
   import type { ResizableHandleElement } from '@prosekit/web/resizable'
   registerResizableHandleElement()

package/src/components/resizable/resizable-handle.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 { ResizableHandleProps as ResizableHandleElementProps } from '@prosekit/web/resizable';
+import type { ResizableHandleElement, ResizableHandleProps as ResizableHandleElementProps } from '@prosekit/web/resizable';
 import type { Component, Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
 
 import ResizableHandleComponent from './resizable-handle.gen.svelte';
 
-/**
- * Props for the {@link ResizableHandle} Svelte component.
- *
- * @public
- */
+/** Props for the {@link ResizableHandle} Svelte component. */
 export interface ResizableHandleProps {
   /**
    * The position of the handle.
@@ -20,12 +15,7 @@ export interface ResizableHandleProps {
    */
   position?: ResizableHandleElementProps['position'];
   children?: Snippet;
-  [key: string]: unknown;
 }
 
-/**
- * A Svelte component that renders an `prosekit-resizable-handle` custom element.
- *
- * @public
- */
-export const ResizableHandle: Component<ResizableHandleProps> = ResizableHandleComponent as unknown as Component<ResizableHandleProps>;
+/** A Svelte component that renders an `prosekit-resizable-handle` custom element. */
+export const ResizableHandle: Component<ResizableHandleProps & HTMLAttributes<ResizableHandleElement>> = ResizableHandleComponent as Component<ResizableHandleProps & HTMLAttributes<ResizableHandleElement>>;

package/src/components/resizable/resizable-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 { registerResizableRootElement } from '@prosekit/web/resizable'
   import type { ResizableRootElement } from '@prosekit/web/resizable'
   registerResizableRootElement()

package/src/components/resizable/resizable-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 { ResizableRootEvents, ResizableRootProps as ResizableRootElementProps } from '@prosekit/web/resizable';
+import type { ResizableRootElement, ResizableRootEvents, ResizableRootProps as ResizableRootElementProps } from '@prosekit/web/resizable';
 import type { Component, Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
 
 import ResizableRootComponent from './resizable-root.gen.svelte';
 
-/**
- * Props for the {@link ResizableRoot} Svelte component.
- *
- * @public
- */
+/** Props for the {@link ResizableRoot} Svelte component. */
 export interface ResizableRootProps {
   /**
    * The width of the resizable element.
@@ -36,14 +31,7 @@ export interface ResizableRootProps {
   /** Emitted when a resize operation ends. */
   onResizeEnd?: (event: ResizableRootEvents['resizeEnd']) => void;
   children?: Snippet;
-  [key: string]: unknown;
 }
 
-/**
- * A Svelte component that renders an `prosekit-resizable-root` custom element.
- *
- * @public
- */
-export const ResizableRoot: Component<ResizableRootProps> = ResizableRootComponent as unknown as Component<ResizableRootProps>;
-
-export type { ResizableRootEvents };
+/** A Svelte component that renders an `prosekit-resizable-root` custom element. */
+export const ResizableRoot: Component<ResizableRootProps & HTMLAttributes<ResizableRootElement>> = ResizableRootComponent as Component<ResizableRootProps & HTMLAttributes<ResizableRootElement>>;

package/src/components/table-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 { TableHandleColumnPopup, type TableHandleColumnPopupProps } from './table-handle-column-popup.gen.ts';
 

package/src/components/table-handle/table-handle-column-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 { registerTableHandleColumnMenuRootElement } from '@prosekit/web/table-handle'
   import type { TableHandleColumnMenuRootElement } from '@prosekit/web/table-handle'
   registerTableHandleColumnMenuRootElement()

package/src/components/table-handle/table-handle-column-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 { TableHandleColumnMenuRootProps as TableHandleColumnMenuRootElementProps } from '@prosekit/web/table-handle';
+import type { TableHandleColumnMenuRootElement, TableHandleColumnMenuRootProps as TableHandleColumnMenuRootElementProps } from '@prosekit/web/table-handle';
 import type { Component, Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
 
 import TableHandleColumnMenuRootComponent from './table-handle-column-menu-root.gen.svelte';
 
-/**
- * Props for the {@link TableHandleColumnMenuRoot} Svelte component.
- *
- * @public
- */
+/** Props for the {@link TableHandleColumnMenuRoot} Svelte component. */
 export interface TableHandleColumnMenuRootProps {
   /**
    * Whether the overlay is initially open.
@@ -29,12 +24,7 @@ export interface TableHandleColumnMenuRootProps {
    */
   disabled?: TableHandleColumnMenuRootElementProps['disabled'];
   children?: Snippet;
-  [key: string]: unknown;
 }
 
-/**
- * A Svelte component that renders an `prosekit-table-handle-column-menu-root` custom element.
- *
- * @public
- */
-export const TableHandleColumnMenuRoot: Component<TableHandleColumnMenuRootProps> = TableHandleColumnMenuRootComponent as unknown as Component<TableHandleColumnMenuRootProps>;
+/** A Svelte component that renders an `prosekit-table-handle-column-menu-root` custom element. */
+export const TableHandleColumnMenuRoot: Component<TableHandleColumnMenuRootProps & HTMLAttributes<TableHandleColumnMenuRootElement>> = TableHandleColumnMenuRootComponent as Component<TableHandleColumnMenuRootProps & HTMLAttributes<TableHandleColumnMenuRootElement>>;

package/src/components/table-handle/table-handle-column-menu-trigger.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 { registerTableHandleColumnMenuTriggerElement } from '@prosekit/web/table-handle'
   import type { TableHandleColumnMenuTriggerElement } from '@prosekit/web/table-handle'
   import { useEditorContext } from '../../contexts/editor-context.ts'

package/src/components/table-handle/table-handle-column-menu-trigger.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 { TableHandleColumnMenuTriggerProps as TableHandleColumnMenuTriggerElementProps } from '@prosekit/web/table-handle';
+import type { TableHandleColumnMenuTriggerElement, TableHandleColumnMenuTriggerProps as TableHandleColumnMenuTriggerElementProps } from '@prosekit/web/table-handle';
 import type { Component, Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
 
 import TableHandleColumnMenuTriggerComponent from './table-handle-column-menu-trigger.gen.svelte';
 
-/**
- * Props for the {@link TableHandleColumnMenuTrigger} Svelte component.
- *
- * @public
- */
+/** Props for the {@link TableHandleColumnMenuTrigger} Svelte component. */
 export interface TableHandleColumnMenuTriggerProps {
   /**
    * @default null
@@ -19,12 +14,7 @@ export interface TableHandleColumnMenuTriggerProps {
    */
   editor?: TableHandleColumnMenuTriggerElementProps['editor'];
   children?: Snippet;
-  [key: string]: unknown;
 }
 
-/**
- * A Svelte component that renders an `prosekit-table-handle-column-menu-trigger` custom element.
- *
- * @public
- */
-export const TableHandleColumnMenuTrigger: Component<TableHandleColumnMenuTriggerProps> = TableHandleColumnMenuTriggerComponent as unknown as Component<TableHandleColumnMenuTriggerProps>;
+/** A Svelte component that renders an `prosekit-table-handle-column-menu-trigger` custom element. */
+export const TableHandleColumnMenuTrigger: Component<TableHandleColumnMenuTriggerProps & HTMLAttributes<TableHandleColumnMenuTriggerElement>> = TableHandleColumnMenuTriggerComponent as Component<TableHandleColumnMenuTriggerProps & HTMLAttributes<TableHandleColumnMenuTriggerElement>>;

package/src/components/table-handle/table-handle-column-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 { registerTableHandleColumnPopupElement } from '@prosekit/web/table-handle'
   registerTableHandleColumnPopupElement()