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

package/dist/bits/navigation-menu/components/navigation-menu-link.svelte.d.ts

@@ -1,19 +1,4 @@
-import type { LinkProps } from "../index.js";
-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 NavigationMenuLink: $$__sveltets_2_IsomorphicComponent<LinkProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "ref">;
-type NavigationMenuLink = InstanceType<typeof NavigationMenuLink>;
+import type { NavigationMenuLinkProps } from "../types.js";
+declare const NavigationMenuLink: import("svelte").Component<NavigationMenuLinkProps, {}, "ref">;
+type NavigationMenuLink = ReturnType<typeof NavigationMenuLink>;
 export default NavigationMenuLink;

package/dist/bits/navigation-menu/components/navigation-menu-list.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { ListProps } from "../index.js";
+	import { box, mergeProps } from "svelte-toolbelt";
+	import type { NavigationMenuListProps } from "../types.js";
 	import { useNavigationMenuList } from "../navigation-menu.svelte.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import { useId } from "../../../internal/use-id.js";
 
 	let {
 		id = useId(),
@@ -11,7 +10,7 @@
 		child,
 		ref = $bindable(null),
 		...restProps
-	}: ListProps = $props();
+	}: NavigationMenuListProps = $props();
 
 	const listState = useNavigationMenuList({
 		id: box.with(() => id),

package/dist/bits/navigation-menu/components/navigation-menu-list.svelte.d.ts

@@ -1,19 +1,4 @@
-import type { ListProps } from "../index.js";
-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 NavigationMenuList: $$__sveltets_2_IsomorphicComponent<ListProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "ref">;
-type NavigationMenuList = InstanceType<typeof NavigationMenuList>;
+import type { NavigationMenuListProps } from "../types.js";
+declare const NavigationMenuList: import("svelte").Component<NavigationMenuListProps, {}, "ref">;
+type NavigationMenuList = ReturnType<typeof NavigationMenuList>;
 export default NavigationMenuList;

package/dist/bits/navigation-menu/components/navigation-menu-trigger.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { TriggerProps } from "../index.js";
+	import { box, mergeProps } from "svelte-toolbelt";
+	import type { NavigationMenuTriggerProps } from "../types.js";
 	import { useNavigationMenuTrigger } from "../navigation-menu.svelte.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import { useId } from "../../../internal/use-id.js";
 	import VisuallyHidden from "../../utilities/visually-hidden/visually-hidden.svelte";
 	import Mounted from "../../utilities/mounted.svelte";
 
@@ -14,7 +13,7 @@
 		child,
 		ref = $bindable(null),
 		...restProps
-	}: TriggerProps = $props();
+	}: NavigationMenuTriggerProps = $props();
 
 	let focusProxyMounted = $state(false);
 

package/dist/bits/navigation-menu/components/navigation-menu-trigger.svelte.d.ts

@@ -1,19 +1,4 @@
-import type { TriggerProps } from "../index.js";
-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 NavigationMenuTrigger: $$__sveltets_2_IsomorphicComponent<TriggerProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "ref">;
-type NavigationMenuTrigger = InstanceType<typeof NavigationMenuTrigger>;
+import type { NavigationMenuTriggerProps } from "../types.js";
+declare const NavigationMenuTrigger: import("svelte").Component<NavigationMenuTriggerProps, {}, "ref">;
+type NavigationMenuTrigger = ReturnType<typeof NavigationMenuTrigger>;
 export default NavigationMenuTrigger;

package/dist/bits/navigation-menu/components/navigation-menu-viewport.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { ViewportProps } from "../index.js";
+	import { box, mergeProps } from "svelte-toolbelt";
+	import type { NavigationMenuViewportProps } from "../types.js";
 	import { useNavigationMenuViewport } from "../navigation-menu.svelte.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import { useId } from "../../../internal/use-id.js";
 	import PresenceLayer from "../../utilities/presence-layer/presence-layer.svelte";
 
 	let {
@@ -13,7 +12,7 @@
 		child,
 		forceMount = false,
 		...restProps
-	}: ViewportProps = $props();
+	}: NavigationMenuViewportProps = $props();
 
 	const viewportState = useNavigationMenuViewport({
 		id: box.with(() => id),

package/dist/bits/navigation-menu/components/navigation-menu-viewport.svelte.d.ts

@@ -1,19 +1,4 @@
-import type { ViewportProps } from "../index.js";
-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 NavigationMenuViewport: $$__sveltets_2_IsomorphicComponent<ViewportProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "ref">;
-type NavigationMenuViewport = InstanceType<typeof NavigationMenuViewport>;
+import type { NavigationMenuViewportProps } from "../types.js";
+declare const NavigationMenuViewport: import("svelte").Component<NavigationMenuViewportProps, {}, "ref">;
+type NavigationMenuViewport = ReturnType<typeof NavigationMenuViewport>;
 export default NavigationMenuViewport;

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

@@ -1,10 +1,9 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { RootProps } from "../index.js";
+	import { box, mergeProps } from "svelte-toolbelt";
+	import type { NavigationMenuRootProps } from "../types.js";
 	import { useNavigationMenuRoot } from "../navigation-menu.svelte.js";
-	import { useId } from "../../../internal/useId.js";
-	import { noop } from "../../../internal/callbacks.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import { useId } from "../../../internal/use-id.js";
+	import { noop } from "../../../internal/noop.js";
 
 	let {
 		child,
@@ -17,21 +16,16 @@
 		skipDelayDuration = 300,
 		dir = "ltr",
 		orientation = "horizontal",
-		controlledValue = false,
 		...restProps
-	}: RootProps = $props();
+	}: NavigationMenuRootProps = $props();
 
 	const rootState = useNavigationMenuRoot({
 		id: box.with(() => id),
 		value: box.with(
 			() => value,
 			(v) => {
-				if (controlledValue) {
-					onValueChange(v);
-				} else {
-					value = v;
-					onValueChange(v);
-				}
+				value = v;
+				onValueChange(v);
 			}
 		),
 		delayDuration: box.with(() => delayDuration),

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

@@ -1,19 +1,4 @@
-import type { RootProps } from "../index.js";
-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 NavigationMenu: $$__sveltets_2_IsomorphicComponent<RootProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "value" | "ref">;
-type NavigationMenu = InstanceType<typeof NavigationMenu>;
+import type { NavigationMenuRootProps } from "../types.js";
+declare const NavigationMenu: import("svelte").Component<NavigationMenuRootProps, {}, "value" | "ref">;
+type NavigationMenu = ReturnType<typeof NavigationMenu>;
 export default NavigationMenu;

package/dist/bits/navigation-menu/exports.d.ts

@@ -0,0 +1,9 @@
+export { default as Root } from "./components/navigation-menu.svelte";
+export { default as Content } from "./components/navigation-menu-content.svelte";
+export { default as Indicator } from "./components/navigation-menu-indicator.svelte";
+export { default as Item } from "./components/navigation-menu-item.svelte";
+export { default as Link } from "./components/navigation-menu-link.svelte";
+export { default as List } from "./components/navigation-menu-list.svelte";
+export { default as Trigger } from "./components/navigation-menu-trigger.svelte";
+export { default as Viewport } from "./components/navigation-menu-viewport.svelte";
+export type { NavigationMenuRootProps as RootProps, NavigationMenuItemProps as ItemProps, NavigationMenuListProps as ListProps, NavigationMenuTriggerProps as TriggerProps, NavigationMenuViewportProps as ViewportProps, NavigationMenuIndicatorProps as IndicatorProps, NavigationMenuContentProps as ContentProps, NavigationMenuLinkProps as LinkProps, } from "./types.js";

package/dist/bits/navigation-menu/exports.js

@@ -0,0 +1,8 @@
+export { default as Root } from "./components/navigation-menu.svelte";
+export { default as Content } from "./components/navigation-menu-content.svelte";
+export { default as Indicator } from "./components/navigation-menu-indicator.svelte";
+export { default as Item } from "./components/navigation-menu-item.svelte";
+export { default as Link } from "./components/navigation-menu-link.svelte";
+export { default as List } from "./components/navigation-menu-list.svelte";
+export { default as Trigger } from "./components/navigation-menu-trigger.svelte";
+export { default as Viewport } from "./components/navigation-menu-viewport.svelte";

package/dist/bits/navigation-menu/index.d.ts

@@ -1,9 +1 @@
-export { default as Root } from "./components/navigation-menu.svelte";
-export { default as Content } from "./components/navigation-menu-content.svelte";
-export { default as Indicator } from "./components/navigation-menu-indicator.svelte";
-export { default as Item } from "./components/navigation-menu-item.svelte";
-export { default as Link } from "./components/navigation-menu-link.svelte";
-export { default as List } from "./components/navigation-menu-list.svelte";
-export { default as Trigger } from "./components/navigation-menu-trigger.svelte";
-export { default as Viewport } from "./components/navigation-menu-viewport.svelte";
-export type { NavigationMenuRootProps as RootProps, NavigationMenuItemProps as ItemProps, NavigationMenuListProps as ListProps, NavigationMenuTriggerProps as TriggerProps, NavigationMenuViewportProps as ViewportProps, NavigationMenuIndicatorProps as IndicatorProps, NavigationMenuContentProps as ContentProps, NavigationMenuLinkProps as LinkProps, } from "./types.js";
+export * as NavigationMenu from "./exports.js";

package/dist/bits/navigation-menu/index.js

@@ -1,8 +1 @@
-export { default as Root } from "./components/navigation-menu.svelte";
-export { default as Content } from "./components/navigation-menu-content.svelte";
-export { default as Indicator } from "./components/navigation-menu-indicator.svelte";
-export { default as Item } from "./components/navigation-menu-item.svelte";
-export { default as Link } from "./components/navigation-menu-link.svelte";
-export { default as List } from "./components/navigation-menu-list.svelte";
-export { default as Trigger } from "./components/navigation-menu-trigger.svelte";
-export { default as Viewport } from "./components/navigation-menu-viewport.svelte";
+export * as NavigationMenu from "./exports.js";

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

@@ -1,9 +1,9 @@
 import { Previous } from "runed";
 import type { ReadableBoxedValues, WritableBoxedValues } from "../../internal/box.svelte.js";
 import type { Direction, Orientation } from "../../shared/index.js";
-import type { ElementRef, WithRefProps } from "../../internal/types.js";
-import { noop } from "../../internal/callbacks.js";
-import { useRovingFocus } from "../../internal/useRovingFocus.svelte.js";
+import type { BitsKeyboardEvent, BitsMouseEvent, BitsPointerEvent, ElementRef, WithRefProps } from "../../internal/types.js";
+import { noop } from "../../internal/noop.js";
+import { useRovingFocus } from "../../internal/use-roving-focus.svelte.js";
 type NavigationMenuRootStateProps = ReadableBoxedValues<{
     id: string;
     delayDuration: number;
@@ -15,6 +15,7 @@ type NavigationMenuRootStateProps = ReadableBoxedValues<{
     ref: HTMLElement | null;
 }>;
 declare class NavigationMenuRootState {
+    #private;
     id: NavigationMenuRootStateProps["id"];
     rootRef: NavigationMenuRootStateProps["ref"];
     delayDuration: NavigationMenuRootStateProps["delayDuration"];
@@ -27,26 +28,21 @@ declare class NavigationMenuRootState {
     closeTimer: number;
     skipDelayTimer: number;
     isOpenDelayed: boolean;
-    setValue: (v: string) => void;
     constructor(props: NavigationMenuRootStateProps);
-    startCloseTimer: () => void;
-    handleOpen: (itemValue: string) => void;
-    handleClose: () => void;
-    handleDelayedOpen: (itemValue: string) => void;
-    onTriggerEnter: (itemValue: string) => void;
-    onTriggerLeave: () => void;
-    onContentEnter: () => void;
-    onContentLeave: () => void;
-    onItemSelect: (itemValue: string) => void;
-    onItemDismiss: () => void;
+    handleClose(): void;
+    onTriggerEnter(itemValue: string): void;
+    onTriggerLeave(): void;
+    onContentEnter(): void;
+    onContentLeave(): void;
+    onItemSelect(itemValue: string): void;
+    onItemDismiss(): void;
     props: {
-        id: string;
-        "aria-label": string;
-        "data-orientation": "horizontal" | "vertical";
-        dir: Direction;
-        "data-navigation-menu-root": string;
+        readonly id: string;
+        readonly "aria-label": "Main";
+        readonly "data-orientation": "horizontal" | "vertical";
+        readonly dir: Direction;
+        readonly "data-navigation-menu-root": "";
     };
-    createMenu(props: NavigationMenuMenuStateProps): NavigationMenuMenuState;
 }
 type NavigationMenuMenuStateProps = ReadableBoxedValues<{
     rootNavigationId: string;
@@ -83,13 +79,9 @@ declare class NavigationMenuMenuState {
     root: NavigationMenuRootState;
     triggerRefs: Set<ElementRef>;
     constructor(props: NavigationMenuMenuStateProps, root: NavigationMenuRootState);
-    registerTrigger: (ref: ElementRef) => void;
-    deRegisterTrigger: (ref: ElementRef) => void;
-    getTriggerNodes: () => HTMLElement[];
-    createList(props: NavigationMenuListStateProps): NavigationMenuListState;
-    createIndicator(props: NavigationMenuIndicatorStateProps): NavigationMenuIndicatorState;
-    createViewport(props: NavigationMenuViewportStateProps): NavigationMenuViewportState;
-    createSubMenu(props: NavigationMenuSubStateProps): NavigationMenuSubState;
+    registerTrigger(ref: ElementRef): void;
+    deRegisterTrigger(ref: ElementRef): void;
+    getTriggerNodes(): HTMLElement[];
 }
 type NavigationMenuSubStateProps = ReadableBoxedValues<{
     id: string;
@@ -116,19 +108,15 @@ declare class NavigationMenuSubState {
     triggerRefs: Set<ElementRef>;
     ref: NavigationMenuSubStateProps["ref"];
     constructor(props: NavigationMenuSubStateProps, root: NavigationMenuRootState);
-    onTriggerEnter: (itemValue: string) => void;
-    onItemSelect: (itemValue: string) => void;
-    onItemDismiss: () => void;
-    registerTrigger: (ref: ElementRef) => void;
-    deRegisterTrigger: (ref: ElementRef) => void;
-    getTriggerNodes: () => HTMLElement[];
-    createList(props: NavigationMenuListStateProps): NavigationMenuListState;
-    createIndicator(props: NavigationMenuIndicatorStateProps): NavigationMenuIndicatorState;
-    createViewport(props: NavigationMenuViewportStateProps): NavigationMenuViewportState;
+    onTriggerEnter(itemValue: string): void;
+    onItemSelect(itemValue: string): void;
+    registerTrigger(ref: ElementRef): void;
+    deRegisterTrigger(ref: ElementRef): void;
+    getTriggerNodes(): HTMLElement[];
     props: {
-        id: string;
-        "data-orientation": "horizontal" | "vertical";
-        "data-navigation-menu-sub": string;
+        readonly id: string;
+        readonly "data-orientation": "horizontal" | "vertical";
+        readonly "data-navigation-menu-sub": "";
     };
 }
 type NavigationMenuListStateProps = ReadableBoxedValues<{
@@ -139,7 +127,7 @@ type NavigationMenuListStateProps = ReadableBoxedValues<{
 }>;
 declare class NavigationMenuListState {
     #private;
-    private menu;
+    readonly menu: NavigationMenuMenuState | NavigationMenuSubState;
     indicatorTrackRef: NavigationMenuListStateProps["indicatorTrackRef"];
     indicatorTrackId: import("svelte-toolbelt").WritableBox<string>;
     rovingFocusGroup: ReturnType<typeof useRovingFocus>;
@@ -150,7 +138,6 @@ declare class NavigationMenuListState {
             readonly position: "relative";
         };
     };
-    createItem(props: NavigationMenuItemStateProps): NavigationMenuItemState;
     props: {
         readonly id: string;
         readonly "data-orientation": "horizontal" | "vertical";
@@ -174,6 +161,8 @@ declare class NavigationMenuItemState {
     menu: NavigationMenuMenuState | NavigationMenuSubState;
     list: NavigationMenuListState;
     constructor(props: NavigationMenuItemStateProps, list: NavigationMenuListState, menu: NavigationMenuMenuState | NavigationMenuSubState);
+    handleContentEntry(side?: "start" | "end"): void;
+    handleContentExit(): void;
     onEntryKeydown: (side?: "start" | "end") => void;
     onFocusProxyEnter: (side?: "start" | "end") => void;
     onContentFocusOutside: () => void;
@@ -182,9 +171,6 @@ declare class NavigationMenuItemState {
         readonly id: string;
         readonly "data-navigation-menu-item": "";
     };
-    createTrigger(props: NavigationMenuTriggerStateProps): NavigationMenuTriggerState;
-    createContent(props: NavigationMenuContentStateProps): NavigationMenuContentState;
-    createLink(props: NavigationMenuLinkStateProps): NavigationMenuLinkState;
 }
 type NavigationMenuTriggerStateProps = ReadableBoxedValues<{
     id: string;
@@ -203,19 +189,24 @@ declare class NavigationMenuTriggerState {
     wasClickClose: boolean;
     open: boolean;
     constructor(props: NavigationMenuTriggerStateProps, item: NavigationMenuItemState);
+    onpointerenter(_: BitsPointerEvent): void;
+    onpointermove(e: BitsPointerEvent): void;
+    onpointerleave(e: BitsPointerEvent): void;
+    onclick(_: BitsPointerEvent): void;
+    onkeydown(e: BitsKeyboardEvent): void;
     props: {
         readonly id: string;
         readonly disabled: true | undefined;
         readonly "data-disabled": "" | undefined;
         readonly "data-state": "open" | "closed";
-        readonly "aria-expanded": "false" | "true";
+        readonly "aria-expanded": "true" | "false";
         readonly "aria-controls": string | undefined;
         readonly "data-value": string;
-        readonly onpointerenter: () => void;
-        readonly onpointermove: (e: PointerEvent) => void;
-        readonly onpointerleave: (e: PointerEvent) => void;
-        readonly onclick: (_: PointerEvent) => void;
-        readonly onkeydown: (e: KeyboardEvent) => void;
+        readonly onpointerenter: (_: BitsPointerEvent) => void;
+        readonly onpointermove: (e: BitsPointerEvent) => void;
+        readonly onpointerleave: (e: BitsPointerEvent) => void;
+        readonly onclick: (_: BitsPointerEvent) => void;
+        readonly onkeydown: (e: BitsKeyboardEvent) => void;
         readonly "data-navigation-menu-trigger": "";
     };
     visuallyHiddenProps: {
@@ -236,14 +227,16 @@ declare class NavigationMenuLinkState {
     content?: NavigationMenuContentState;
     item: NavigationMenuItemState;
     constructor(props: NavigationMenuLinkStateProps, item: NavigationMenuItemState, content?: NavigationMenuContentState);
+    onclick(e: BitsMouseEvent): void;
+    onkeydown(e: BitsKeyboardEvent): void;
     props: {
         readonly id: string;
         readonly "data-active": "" | undefined;
         readonly "aria-current": "page" | undefined;
         readonly "data-list-link": "" | undefined;
-        readonly onclick: (e: MouseEvent) => void;
+        readonly onclick: (e: BitsMouseEvent) => void;
         readonly onfocus: (_: FocusEvent) => void;
-        readonly onkeydown: ((e: KeyboardEvent) => void) | undefined;
+        readonly onkeydown: ((e: BitsKeyboardEvent) => void) | undefined;
     };
 }
 type NavigationMenuIndicatorStateProps = ReadableBoxedValues<{
@@ -291,7 +284,6 @@ type NavigationMenuContentStateProps = ReadableBoxedValues<{
 }>;
 type MotionAttribute = "to-start" | "to-end" | "from-start" | "from-end";
 declare class NavigationMenuContentState {
-    #private;
     id: NavigationMenuContentStateProps["id"];
     forceMount: NavigationMenuContentStateProps["forceMount"];
     isMounted: NavigationMenuContentStateProps["isMounted"];
@@ -303,10 +295,10 @@ declare class NavigationMenuContentState {
     open: boolean;
     isPresent: boolean;
     constructor(props: NavigationMenuContentStateProps, item: NavigationMenuItemState);
-    onFocusOutside: (e: Event) => void;
-    onInteractOutside: (e: Event) => void;
+    onFocusOutside(e: Event): void;
+    onInteractOutside(e: Event): void;
     onEscapeKeydown: (e: KeyboardEvent) => void;
-    createLink(props: NavigationMenuLinkStateProps): NavigationMenuLinkState;
+    onkeydown(e: BitsKeyboardEvent): void;
     props: {
         readonly id: string;
         readonly "aria-labelledby": string | undefined;
@@ -317,7 +309,7 @@ declare class NavigationMenuContentState {
         readonly style: {
             readonly pointerEvents: "none" | undefined;
         };
-        readonly onkeydown: (e: KeyboardEvent) => void;
+        readonly onkeydown: (e: BitsKeyboardEvent) => void;
     };
 }
 type NavigationMenuViewportStateProps = ReadableBoxedValues<{
@@ -326,7 +318,6 @@ type NavigationMenuViewportStateProps = ReadableBoxedValues<{
     ref: HTMLElement | null;
 }>;
 declare class NavigationMenuViewportState {
-    #private;
     id: NavigationMenuViewportStateProps["id"];
     menu: NavigationMenuMenuState | NavigationMenuSubState;
     size: {
@@ -338,6 +329,8 @@ declare class NavigationMenuViewportState {
     viewportRef: NavigationMenuViewportStateProps["ref"];
     contentNode: HTMLElement | null | undefined;
     constructor(props: NavigationMenuViewportStateProps, menu: NavigationMenuMenuState | NavigationMenuSubState);
+    onpointerenter(_: BitsPointerEvent): void;
+    onpointerleave(e: BitsPointerEvent): void;
     props: {
         readonly id: string;
         readonly "data-state": "open" | "closed";
@@ -347,12 +340,11 @@ declare class NavigationMenuViewportState {
             readonly "--bits-navigation-menu-viewport-width": string | undefined;
             readonly "--bits-navigation-menu-viewport-height": string | undefined;
         };
-        readonly onpointerenter: () => void;
-        readonly onpointerleave: (e: PointerEvent) => void;
+        readonly onpointerenter: (_: BitsPointerEvent) => void;
+        readonly onpointerleave: (e: BitsPointerEvent) => void;
     };
 }
 export declare function useNavigationMenuRoot(props: NavigationMenuRootStateProps): NavigationMenuRootState;
-export declare function useNavigationMenuSub(props: NavigationMenuSubStateProps): NavigationMenuSubState;
 export declare function useNavigationMenuList(props: NavigationMenuListStateProps): NavigationMenuListState;
 export declare function useNavigationMenuItem(props: NavigationMenuItemStateProps): NavigationMenuItemState;
 export declare function useNavigationMenuTrigger(props: NavigationMenuTriggerStateProps): NavigationMenuTriggerState;