bits-ui 1.0.0-next.8 → 1.0.0-next.81

package/dist/bits/menu/components/menu.svelte

@@ -1,18 +1,17 @@
 <script lang="ts">
 	import { box } from "svelte-toolbelt";
-	import type { RootProps } from "../index.js";
+	import type { MenuRootProps } from "../types.js";
 	import { useMenuMenu, useMenuRoot } from "../menu.svelte.js";
-	import { FloatingLayer } from "../../utilities/floating-layer/index.js";
-	import { noop } from "../../../internal/callbacks.js";
+	import { noop } from "../../../internal/noop.js";
+	import FloatingLayer from "../../utilities/floating-layer/components/floating-layer.svelte";
 
 	let {
 		open = $bindable(false),
 		dir = "ltr",
 		onOpenChange = noop,
-		controlledOpen = false,
 		_internal_variant: variant = "dropdown-menu",
 		children,
-	}: RootProps & {
+	}: MenuRootProps & {
 		_internal_variant?: "context-menu" | "dropdown-menu" | "menubar";
 	} = $props();
 
@@ -20,12 +19,8 @@
 		variant: box.with(() => variant),
 		dir: box.with(() => dir),
 		onClose: () => {
-			if (controlledOpen) {
-				onOpenChange(false);
-			} else {
-				open = false;
-				onOpenChange?.(false);
-			}
+			open = false;
+			onOpenChange(false);
 		},
 	});
 
@@ -33,17 +28,13 @@
 		open: box.with(
 			() => open,
 			(v) => {
-				if (controlledOpen) {
-					onOpenChange(v);
-				} else {
-					open = v;
-					onOpenChange(v);
-				}
+				open = v;
+				onOpenChange(v);
 			}
 		),
 	});
 </script>
 
-<FloatingLayer.Root>
+<FloatingLayer>
 	{@render children?.()}
-</FloatingLayer.Root>
+</FloatingLayer>

package/dist/bits/menu/components/menu.svelte.d.ts

@@ -1,27 +1,7 @@
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const Menu: $$__sveltets_2_IsomorphicComponent<{
-    open?: boolean;
-    onOpenChange?: import("../../../internal/types.js").OnChangeFn<boolean>;
-    dir?: import("../../../index.js").Direction;
-    controlledOpen?: boolean;
-} & {
-    children?: import("svelte").Snippet | undefined;
-} & {
+import type { MenuRootProps } from "../types.js";
+type $$ComponentProps = MenuRootProps & {
     _internal_variant?: "context-menu" | "dropdown-menu" | "menubar";
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "open">;
-type Menu = InstanceType<typeof Menu>;
+};
+declare const Menu: import("svelte").Component<$$ComponentProps, {}, "open">;
+type Menu = ReturnType<typeof Menu>;
 export default Menu;

package/dist/bits/menu/menu.svelte.d.ts

@@ -1,10 +1,11 @@
 import { IsFocusWithin } from "runed";
-import type { InteractOutsideEvent } from "../utilities/dismissible-layer/types.js";
 import { type GraceIntent } from "./utils.js";
 import type { ReadableBoxedValues, WritableBoxedValues } from "../../internal/box.svelte.js";
-import type { AnyFn, WithRefProps } from "../../internal/types.js";
-import { useRovingFocus } from "../../internal/useRovingFocus.svelte.js";
+import { CustomEventDispatcher } from "../../internal/events.js";
+import type { AnyFn, BitsFocusEvent, BitsKeyboardEvent, BitsMouseEvent, BitsPointerEvent, WithRefProps } from "../../internal/types.js";
+import { useRovingFocus } from "../../internal/use-roving-focus.svelte.js";
 import type { Direction } from "../../shared/index.js";
+import { IsUsingKeyboard } from "../../index.js";
 export declare const CONTEXT_MENU_TRIGGER_ATTR = "data-context-menu-trigger";
 type MenuVariant = "context-menu" | "dropdown-menu" | "menubar";
 export type MenuRootStateProps = ReadableBoxedValues<{
@@ -13,30 +14,14 @@ export type MenuRootStateProps = ReadableBoxedValues<{
 }> & {
     onClose: AnyFn;
 };
+export declare const MenuOpenEvent: CustomEventDispatcher<unknown>;
 declare class MenuRootState {
     onClose: MenuRootStateProps["onClose"];
     variant: MenuRootStateProps["variant"];
-    isUsingKeyboard: import("svelte-toolbelt").WritableBox<boolean>;
+    isUsingKeyboard: IsUsingKeyboard;
     dir: MenuRootStateProps["dir"];
-    attrs: {
-        readonly trigger: "data-context-menu-trigger" | "data-menubar-trigger" | "data-dropdown-menu-trigger";
-        readonly content: "data-context-menu-content" | "data-menubar-content" | "data-dropdown-menu-content";
-        readonly item: "data-context-menu-item" | "data-menubar-item" | "data-dropdown-menu-item";
-        readonly separator: "data-context-menu-separator" | "data-menubar-separator" | "data-dropdown-menu-separator";
-        readonly subTrigger: "data-context-menu-sub-trigger" | "data-menubar-sub-trigger" | "data-dropdown-menu-sub-trigger";
-        readonly checkboxItem: "data-context-menu-checkbox-item" | "data-menubar-checkbox-item" | "data-dropdown-menu-checkbox-item";
-        readonly group: "data-context-menu-group" | "data-menubar-group" | "data-dropdown-menu-group";
-        readonly groupHeading: "data-context-menu-group-heading" | "data-menubar-group-heading" | "data-dropdown-menu-group-heading";
-        readonly radioGroup: "data-context-menu-radio-group" | "data-menubar-radio-group" | "data-dropdown-menu-radio-group";
-        readonly radioItem: "data-context-menu-radio-item" | "data-menubar-radio-item" | "data-dropdown-menu-radio-item";
-        readonly arrow: "data-context-menu-arrow" | "data-menubar-arrow" | "data-dropdown-menu-arrow";
-        readonly subContent: "data-context-menu-sub-content" | "data-menubar-sub-content" | "data-dropdown-menu-sub-content";
-    };
     constructor(props: MenuRootStateProps);
-    createMenu(props: MenuMenuStateProps): MenuMenuState;
-    createGroup(props: MenuGroupStateProps): MenuGroupState;
-    createSeparator(props: MenuSeparatorStateProps): MenuSeparatorState;
-    createArrow(): MenuArrowState;
+    getAttr(name: string): string;
 }
 type MenuMenuStateProps = WritableBoxedValues<{
     open: boolean;
@@ -49,13 +34,9 @@ declare class MenuMenuState {
     triggerNode: HTMLElement | null;
     parentMenu?: MenuMenuState;
     constructor(props: MenuMenuStateProps, root: MenuRootState, parentMenu?: MenuMenuState);
-    toggleOpen: () => void;
-    onOpen: () => void;
-    onClose: () => void;
-    createContent(props: MenuContentStateProps): MenuContentState;
-    createSubmenu(props: MenuMenuStateProps): MenuMenuState;
-    createDropdownTrigger(props: DropdownMenuTriggerStateProps): DropdownMenuTriggerState;
-    createContextTrigger(props: ContextMenuTriggerStateProps): ContextMenuTriggerState;
+    toggleOpen(): void;
+    onOpen(): void;
+    onClose(): void;
 }
 type MenuContentStateProps = ReadableBoxedValues<{
     id: string;
@@ -74,38 +55,36 @@ declare class MenuContentState {
     isMounted: MenuContentStateProps["isMounted"];
     isFocusWithin: IsFocusWithin;
     constructor(props: MenuContentStateProps, parentMenu: MenuMenuState);
-    getCandidateNodes: () => HTMLElement[];
-    isPointerMovingToSubmenu: (e: PointerEvent) => boolean;
-    onPointerGraceIntentChange: (intent: GraceIntent | null) => void;
-    onItemEnter: (e: PointerEvent) => boolean;
-    onItemLeave: (e: PointerEvent) => void;
-    onTriggerLeave: (e: PointerEvent) => boolean;
+    onPointerGraceIntentChange(intent: GraceIntent | null): void;
+    onkeydown(e: BitsKeyboardEvent): void;
+    onblur(e: BitsFocusEvent): void;
+    onfocus(_: BitsFocusEvent): void;
+    onpointermove(e: BitsPointerEvent): void;
+    onItemEnter(e: BitsPointerEvent): boolean;
+    onItemLeave(e: BitsPointerEvent): void;
+    onTriggerLeave(e: BitsPointerEvent): boolean;
     onOpenAutoFocus: (e: Event) => void;
-    handleInteractOutside: (e: InteractOutsideEvent) => void;
+    handleInteractOutside(e: PointerEvent): void;
     snippetProps: {
         open: boolean;
     };
     props: {
-        readonly [x: string]: string | ((e: KeyboardEvent) => void) | ((e: PointerEvent) => void) | {
+        readonly [x: string]: string | ((e: BitsKeyboardEvent) => void) | ((e: BitsFocusEvent) => void) | {
             readonly pointerEvents: "auto";
         };
         readonly id: string;
         readonly role: "menu";
         readonly "aria-orientation": "horizontal" | "vertical";
         readonly "data-state": "open" | "closed";
-        readonly onkeydown: (e: KeyboardEvent) => void;
-        readonly onblur: (e: FocusEvent) => void;
-        readonly onpointermove: (e: PointerEvent) => void;
-        readonly onfocus: () => void;
+        readonly onkeydown: (e: BitsKeyboardEvent) => void;
+        readonly onblur: (e: BitsFocusEvent) => void;
+        readonly onpointermove: (e: BitsPointerEvent) => void;
+        readonly onfocus: (_: BitsFocusEvent) => void;
         readonly dir: Direction;
         readonly style: {
             readonly pointerEvents: "auto";
         };
     };
-    createItem(props: MenuItemSharedStateProps & MenuItemStateProps): MenuItemState;
-    createCheckboxItem(props: MenuItemSharedStateProps & MenuItemStateProps & MenuCheckboxItemStateProps): MenuCheckboxItemState;
-    createRadioGroup(props: MenuRadioGroupStateProps): MenuRadioGroupState;
-    createSubTrigger(props: MenuItemSharedStateProps): MenuSubTriggerState;
 }
 type MenuItemSharedStateProps = ReadableBoxedValues<{
     disabled: boolean;
@@ -120,44 +99,53 @@ declare class MenuItemSharedState {
     id: MenuItemSharedStateProps["id"];
     disabled: MenuItemSharedStateProps["disabled"];
     constructor(props: MenuItemSharedStateProps, content: MenuContentState);
+    onpointermove(e: BitsPointerEvent): void;
+    onpointerleave(e: BitsPointerEvent): void;
+    onfocus(e: BitsFocusEvent): void;
+    onblur(e: BitsFocusEvent): void;
     props: {
-        readonly [x: string]: string | -1 | ((e: PointerEvent) => void) | undefined;
+        readonly [x: string]: string | -1 | ((e: BitsPointerEvent) => void) | undefined;
         readonly id: string;
         readonly tabindex: -1;
         readonly role: "menuitem";
-        readonly "aria-disabled": "false" | "true";
+        readonly "aria-disabled": "true" | "false";
         readonly "data-disabled": "" | undefined;
         readonly "data-highlighted": "" | undefined;
-        readonly onpointermove: (e: PointerEvent) => void;
-        readonly onpointerleave: (e: PointerEvent) => Promise<void>;
-        readonly onfocus: (e: FocusEvent) => Promise<void>;
-        readonly onblur: (e: FocusEvent) => Promise<void>;
+        readonly onpointermove: (e: BitsPointerEvent) => void;
+        readonly onpointerleave: (e: BitsPointerEvent) => void;
+        readonly onfocus: (e: BitsFocusEvent) => void;
+        readonly onblur: (e: BitsFocusEvent) => void;
     };
 }
 type MenuItemStateProps = ReadableBoxedValues<{
     onSelect: AnyFn;
+    closeOnSelect: boolean;
 }>;
 declare class MenuItemState {
     #private;
     root: MenuRootState;
     constructor(props: MenuItemStateProps, item: MenuItemSharedState);
+    onkeydown(e: BitsKeyboardEvent): void;
+    onclick(_: BitsMouseEvent): void;
+    onpointerup(e: BitsPointerEvent): void;
+    onpointerdown(_: BitsPointerEvent): void;
     props: {
-        readonly [x: string]: string | -1 | ((e: PointerEvent) => void) | undefined;
+        readonly [x: string]: string | -1 | ((e: BitsPointerEvent) => void) | undefined;
         readonly id: string;
         readonly tabindex: -1;
         readonly role: "menuitem";
-        readonly "aria-disabled": "false" | "true";
+        readonly "aria-disabled": "true" | "false";
         readonly "data-disabled": "" | undefined;
         readonly "data-highlighted": "" | undefined;
-        readonly onpointermove: (e: PointerEvent) => void;
-        readonly onpointerleave: (e: PointerEvent) => Promise<void>;
-        readonly onfocus: (e: FocusEvent) => Promise<void>;
-        readonly onblur: (e: FocusEvent) => Promise<void>;
+        readonly onpointermove: (e: BitsPointerEvent) => void;
+        readonly onpointerleave: (e: BitsPointerEvent) => void;
+        readonly onfocus: (e: BitsFocusEvent) => void;
+        readonly onblur: (e: BitsFocusEvent) => void;
     } & {
-        onclick: () => void;
-        onpointerdown: () => void;
-        onpointerup: (e: PointerEvent) => Promise<void>;
-        onkeydown: (e: KeyboardEvent) => void;
+        onclick: (_: BitsMouseEvent) => void;
+        onpointerdown: (_: BitsPointerEvent) => void;
+        onpointerup: (e: BitsPointerEvent) => void;
+        onkeydown: (e: BitsKeyboardEvent) => void;
     } & {
         style?: string;
     };
@@ -165,57 +153,66 @@ declare class MenuItemState {
 declare class MenuSubTriggerState {
     #private;
     constructor(item: MenuItemSharedState, content: MenuContentState, submenu: MenuMenuState);
+    onpointermove(e: BitsPointerEvent): void;
+    onpointerleave(e: BitsPointerEvent): void;
+    onkeydown(e: BitsKeyboardEvent): void;
+    onclick(e: BitsMouseEvent): void;
     props: {
-        readonly [x: string]: string | -1 | ((e: PointerEvent) => void) | undefined;
+        readonly [x: string]: string | -1 | ((e: BitsPointerEvent) => void) | undefined;
         readonly id: string;
         readonly tabindex: -1;
         readonly role: "menuitem";
-        readonly "aria-disabled": "false" | "true";
+        readonly "aria-disabled": "true" | "false";
         readonly "data-disabled": "" | undefined;
         readonly "data-highlighted": "" | undefined;
-        readonly onpointermove: (e: PointerEvent) => void;
-        readonly onpointerleave: (e: PointerEvent) => Promise<void>;
-        readonly onfocus: (e: FocusEvent) => Promise<void>;
-        readonly onblur: (e: FocusEvent) => Promise<void>;
+        readonly onpointermove: (e: BitsPointerEvent) => void;
+        readonly onpointerleave: (e: BitsPointerEvent) => void;
+        readonly onfocus: (e: BitsFocusEvent) => void;
+        readonly onblur: (e: BitsFocusEvent) => void;
     } & {
-        [x: string]: string | ((e: PointerEvent) => void) | ((e: KeyboardEvent) => void) | undefined;
+        [x: string]: string | ((e: BitsPointerEvent) => void) | ((e: BitsKeyboardEvent) => void) | undefined;
         "aria-haspopup": string;
-        "aria-expanded": "false" | "true";
+        "aria-expanded": "true" | "false";
         "data-state": "open" | "closed";
         "aria-controls": string | undefined;
-        onclick: (e: MouseEvent) => void;
-        onpointermove: (e: PointerEvent) => void;
-        onpointerleave: (e: PointerEvent) => void;
-        onkeydown: (e: KeyboardEvent) => void;
+        onclick: (e: BitsMouseEvent) => void;
+        onpointermove: (e: BitsPointerEvent) => void;
+        onpointerleave: (e: BitsPointerEvent) => void;
+        onkeydown: (e: BitsKeyboardEvent) => void;
     } & {
         style?: string;
     };
 }
 type MenuCheckboxItemStateProps = WritableBoxedValues<{
-    checked: boolean | "indeterminate";
+    checked: boolean;
+    indeterminate: boolean;
 }>;
 declare class MenuCheckboxItemState {
     #private;
     constructor(props: MenuCheckboxItemStateProps, item: MenuItemState);
-    toggleChecked: () => void;
+    toggleChecked(): void;
+    snippetProps: {
+        checked: boolean;
+        indeterminate: boolean;
+    };
     props: {
-        readonly [x: string]: string | -1 | ((e: PointerEvent) => void) | undefined;
+        readonly [x: string]: string | -1 | ((e: BitsPointerEvent) => void) | undefined;
         readonly role: "menuitemcheckbox";
-        readonly "aria-checked": "mixed" | "false" | "true";
+        readonly "aria-checked": "true" | "false" | "mixed";
         readonly "data-state": "checked" | "indeterminate" | "unchecked";
         readonly id: string;
         readonly tabindex: -1;
-        readonly "aria-disabled": "false" | "true";
+        readonly "aria-disabled": "true" | "false";
         readonly "data-disabled": "" | undefined;
         readonly "data-highlighted": "" | undefined;
-        readonly onpointermove: (e: PointerEvent) => void;
-        readonly onpointerleave: (e: PointerEvent) => Promise<void>;
-        readonly onfocus: (e: FocusEvent) => Promise<void>;
-        readonly onblur: (e: FocusEvent) => Promise<void>;
-        readonly onclick: () => void;
-        readonly onpointerdown: () => void;
-        readonly onpointerup: (e: PointerEvent) => Promise<void>;
-        readonly onkeydown: (e: KeyboardEvent) => void;
+        readonly onpointermove: (e: BitsPointerEvent) => void;
+        readonly onpointerleave: (e: BitsPointerEvent) => void;
+        readonly onfocus: (e: BitsFocusEvent) => void;
+        readonly onblur: (e: BitsFocusEvent) => void;
+        readonly onclick: (_: BitsMouseEvent) => void;
+        readonly onpointerdown: (_: BitsPointerEvent) => void;
+        readonly onpointerup: (e: BitsPointerEvent) => void;
+        readonly onkeydown: (e: BitsKeyboardEvent) => void;
         readonly style?: string;
     };
 }
@@ -231,7 +228,6 @@ declare class MenuGroupState {
         readonly role: "group";
         readonly "aria-labelledby": string | undefined;
     };
-    createGroupHeading(props: MenuGroupHeadingStateProps): MenuGroupHeadingState;
 }
 type MenuGroupHeadingStateProps = WithRefProps;
 declare class MenuGroupHeadingState {
@@ -269,12 +265,11 @@ type MenuRadioGroupStateProps = WritableBoxedValues<{
 declare class MenuRadioGroupState {
     #private;
     value: MenuRadioGroupStateProps["value"];
+    content: MenuContentState;
     groupHeadingId: string | null;
     root: MenuRootState;
     constructor(props: MenuRadioGroupStateProps, content: MenuContentState);
-    setValue: (v: string) => void;
-    createRadioItem(props: MenuItemSharedStateProps & MenuItemStateProps & MenuRadioItemStateProps): MenuRadioItemState;
-    createGroupHeading(props: MenuGroupHeadingStateProps): MenuGroupHeadingState;
+    setValue(v: string): void;
     props: {
         readonly [x: string]: string | null;
         readonly id: string;
@@ -285,6 +280,7 @@ declare class MenuRadioGroupState {
 type MenuRadioItemStateProps = ReadableBoxedValues<{
     value: string;
     id: string;
+    closeOnSelect: boolean;
 }> & WritableBoxedValues<{
     ref: HTMLElement | null;
 }>;
@@ -292,24 +288,24 @@ declare class MenuRadioItemState {
     #private;
     isChecked: boolean;
     constructor(props: MenuRadioItemStateProps, item: MenuItemState, group: MenuRadioGroupState);
-    selectValue: () => void;
+    selectValue(): void;
     props: {
         readonly role: "menuitemradio";
-        readonly "aria-checked": "mixed" | "false" | "true";
+        readonly "aria-checked": "true" | "false" | "mixed";
         readonly "data-state": "checked" | "indeterminate" | "unchecked";
         readonly id: string;
         readonly tabindex: -1;
-        readonly "aria-disabled": "false" | "true";
+        readonly "aria-disabled": "true" | "false";
         readonly "data-disabled": "" | undefined;
         readonly "data-highlighted": "" | undefined;
-        readonly onpointermove: (e: PointerEvent) => void;
-        readonly onpointerleave: (e: PointerEvent) => Promise<void>;
-        readonly onfocus: (e: FocusEvent) => Promise<void>;
-        readonly onblur: (e: FocusEvent) => Promise<void>;
-        readonly onclick: () => void;
-        readonly onpointerdown: () => void;
-        readonly onpointerup: (e: PointerEvent) => Promise<void>;
-        readonly onkeydown: (e: KeyboardEvent) => void;
+        readonly onpointermove: (e: BitsPointerEvent) => void;
+        readonly onpointerleave: (e: BitsPointerEvent) => void;
+        readonly onfocus: (e: BitsFocusEvent) => void;
+        readonly onblur: (e: BitsFocusEvent) => void;
+        readonly onclick: (_: BitsMouseEvent) => void;
+        readonly onpointerdown: (_: BitsPointerEvent) => void;
+        readonly onpointerup: (e: BitsPointerEvent) => void;
+        readonly onkeydown: (e: BitsKeyboardEvent) => void;
         readonly style?: string;
     };
 }
@@ -322,17 +318,21 @@ type DropdownMenuTriggerStateProps = ReadableBoxedValues<{
 declare class DropdownMenuTriggerState {
     #private;
     constructor(props: DropdownMenuTriggerStateProps, parentMenu: MenuMenuState);
+    onpointerdown(e: BitsPointerEvent): void;
+    onpointerup(e: BitsPointerEvent): void;
+    onkeydown(e: BitsKeyboardEvent): void;
     props: {
-        readonly [x: string]: string | boolean | ((e: PointerEvent) => void) | ((e: KeyboardEvent) => void) | undefined;
+        readonly [x: string]: string | boolean | ((e: BitsPointerEvent) => void) | ((e: BitsKeyboardEvent) => void) | undefined;
         readonly id: string;
         readonly disabled: boolean;
         readonly "aria-haspopup": "menu";
-        readonly "aria-expanded": "false" | "true";
+        readonly "aria-expanded": "true" | "false";
         readonly "aria-controls": string | undefined;
         readonly "data-disabled": "" | undefined;
         readonly "data-state": "open" | "closed";
-        readonly onpointerdown: (e: PointerEvent) => void;
-        readonly onkeydown: (e: KeyboardEvent) => void;
+        readonly onpointerdown: (e: BitsPointerEvent) => void;
+        readonly onpointerup: (e: BitsPointerEvent) => void;
+        readonly onkeydown: (e: BitsKeyboardEvent) => void;
     };
 }
 type ContextMenuTriggerStateProps = ReadableBoxedValues<{
@@ -347,17 +347,22 @@ declare class ContextMenuTriggerState {
         getBoundingClientRect: () => DOMRect;
     }>;
     constructor(props: ContextMenuTriggerStateProps, parentMenu: MenuMenuState);
+    oncontextmenu(e: BitsMouseEvent): void;
+    onpointerdown(e: BitsPointerEvent): void;
+    onpointermove(e: BitsPointerEvent): void;
+    onpointercancel(e: BitsPointerEvent): void;
+    onpointerup(e: BitsPointerEvent): void;
     props: {
         readonly id: string;
         readonly disabled: boolean;
         readonly "data-disabled": "" | undefined;
         readonly "data-state": "open" | "closed";
         readonly "data-context-menu-trigger": "";
-        readonly onpointerdown: (e: PointerEvent) => void;
-        readonly onpointermove: (e: PointerEvent) => void;
-        readonly onpointercancel: (e: PointerEvent) => void;
-        readonly onpointerup: (e: PointerEvent) => void;
-        readonly oncontextmenu: (e: MouseEvent) => void;
+        readonly onpointerdown: (e: BitsPointerEvent) => void;
+        readonly onpointermove: (e: BitsPointerEvent) => void;
+        readonly onpointercancel: (e: BitsPointerEvent) => void;
+        readonly onpointerup: (e: BitsPointerEvent) => void;
+        readonly oncontextmenu: (e: BitsMouseEvent) => void;
     };
 }
 type MenuItemCombinedProps = MenuItemSharedStateProps & MenuItemStateProps;
@@ -366,7 +371,6 @@ export declare function useMenuMenu(root: MenuRootState, props: MenuMenuStatePro
 export declare function useMenuSubmenu(props: MenuMenuStateProps): MenuMenuState;
 export declare function useMenuSubTrigger(props: MenuItemSharedStateProps): MenuSubTriggerState;
 export declare function useMenuDropdownTrigger(props: DropdownMenuTriggerStateProps): DropdownMenuTriggerState;
-export declare function useMenuPortal(): MenuMenuState;
 export declare function useMenuContextTrigger(props: ContextMenuTriggerStateProps): ContextMenuTriggerState;
 export declare function useMenuContent(props: MenuContentStateProps): MenuContentState;
 export declare function useMenuItem(props: MenuItemCombinedProps): MenuItemState;