bits-ui 2.6.2 → 2.8.0

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

@@ -8,17 +8,18 @@ import { type Snippet } from "svelte";
 import { SvelteMap } from "svelte/reactivity";
 import { type Direction, type Orientation } from "../../shared/index.js";
 import type { BitsFocusEvent, BitsKeyboardEvent, BitsMouseEvent, BitsPointerEvent } from "../../internal/types.js";
-import { useRovingFocus } from "../../internal/use-roving-focus.svelte.js";
 import type { FocusEventHandler, KeyboardEventHandler, MouseEventHandler, PointerEventHandler } from "svelte/elements";
-declare const navigationMenuAttrs: import("../../internal/attrs.js").BitsAttrs<readonly ["root", "sub", "item", "list", "trigger", "content", "link", "viewport", "menu", "indicator"]>;
-type NavigationMenuProviderStateProps = ReadableBoxedValues<{
+import { RovingFocusGroup } from "../../internal/roving-focus-group.js";
+declare const navigationMenuAttrs: import("../../internal/attrs.js").CreateBitsAttrsReturn<readonly ["root", "sub", "item", "list", "trigger", "content", "link", "viewport", "menu", "indicator"]>;
+export declare const NavigationMenuItemContext: Context<NavigationMenuItemState>;
+interface NavigationMenuProviderStateOpts extends ReadableBoxedValues<{
     dir: Direction;
     orientation: Orientation;
-}> & WritableBoxedValues<{
+}>, WritableBoxedValues<{
     rootNavigationMenuRef: HTMLElement | null;
     value: string;
     previousValue: string;
-}> & {
+}> {
     isRootMenu: boolean;
     onTriggerEnter: (itemValue: string, itemState: NavigationMenuItemState | null) => void;
     onTriggerLeave?: () => void;
@@ -26,103 +27,112 @@ type NavigationMenuProviderStateProps = ReadableBoxedValues<{
     onContentLeave?: () => void;
     onItemSelect: (itemValue: string, itemState: NavigationMenuItemState | null) => void;
     onItemDismiss: () => void;
-};
+}
 declare class NavigationMenuProviderState {
-    readonly opts: NavigationMenuProviderStateProps;
+    static create(opts: NavigationMenuProviderStateOpts): NavigationMenuProviderState;
+    readonly opts: NavigationMenuProviderStateOpts;
     indicatorTrackRef: WritableBox<HTMLElement | null>;
     viewportRef: WritableBox<HTMLElement | null>;
     viewportContent: SvelteMap<string, NavigationMenuItemState>;
-    onTriggerEnter: NavigationMenuProviderStateProps["onTriggerEnter"];
+    onTriggerEnter: NavigationMenuProviderStateOpts["onTriggerEnter"];
     onTriggerLeave: () => void;
     onContentEnter: () => void;
     onContentLeave: () => void;
-    onItemSelect: NavigationMenuProviderStateProps["onItemSelect"];
-    onItemDismiss: NavigationMenuProviderStateProps["onItemDismiss"];
+    onItemSelect: NavigationMenuProviderStateOpts["onItemSelect"];
+    onItemDismiss: NavigationMenuProviderStateOpts["onItemDismiss"];
     activeItem: NavigationMenuItemState | null;
     prevActiveItem: NavigationMenuItemState | null;
-    constructor(opts: NavigationMenuProviderStateProps);
+    constructor(opts: NavigationMenuProviderStateOpts);
     setActiveItem: (item: NavigationMenuItemState | null) => void;
 }
-type NavigationMenuRootStateProps = WithRefProps<WritableBoxedValues<{
+interface NavigationMenuRootStateOpts extends WithRefProps, WritableBoxedValues<{
     value: string;
-}> & ReadableBoxedValues<{
+}>, ReadableBoxedValues<{
     dir: Direction;
     orientation: Orientation;
     delayDuration: number;
     skipDelayDuration: number;
-}>>;
-declare class NavigationMenuRootState {
+}> {
+}
+export declare class NavigationMenuRootState {
     #private;
-    readonly opts: NavigationMenuRootStateProps;
+    static create(opts: NavigationMenuRootStateOpts): NavigationMenuRootState;
+    readonly opts: NavigationMenuRootStateOpts;
     provider: NavigationMenuProviderState;
     previousValue: WritableBox<string>;
     isDelaySkipped: WritableBox<boolean>;
-    constructor(opts: NavigationMenuRootStateProps);
+    constructor(opts: NavigationMenuRootStateOpts);
     setValue: (newValue: string, itemState: NavigationMenuItemState | null) => void;
-    props: {
+    readonly props: {
         readonly id: string;
         readonly "data-orientation": "horizontal" | "vertical";
         readonly dir: Direction;
     };
 }
-type NavigationMenuSubStateProps = WithRefProps<WritableBoxedValues<{
+interface NavigationMenuSubStateOpts extends WithRefProps, WritableBoxedValues<{
     value: string;
-}> & ReadableBoxedValues<{
+}>, ReadableBoxedValues<{
     orientation: Orientation;
-}>>;
-declare class NavigationMenuSubState {
-    readonly opts: NavigationMenuSubStateProps;
+}> {
+}
+export declare class NavigationMenuSubState {
+    static create(opts: NavigationMenuSubStateOpts): NavigationMenuSubState;
+    readonly opts: NavigationMenuSubStateOpts;
     readonly context: NavigationMenuProviderState;
     previousValue: WritableBox<string>;
-    subProvider: NavigationMenuProviderState;
-    constructor(opts: NavigationMenuSubStateProps, context: NavigationMenuProviderState);
+    readonly subProvider: NavigationMenuProviderState;
+    constructor(opts: NavigationMenuSubStateOpts, context: NavigationMenuProviderState);
     setValue: (newValue: string, itemState: NavigationMenuItemState | null) => void;
-    props: {
+    readonly props: {
         readonly id: string;
         readonly "data-orientation": "horizontal" | "vertical";
     };
 }
-type NavigationMenuListStateProps = WithRefProps;
-declare class NavigationMenuListState {
-    readonly opts: NavigationMenuListStateProps;
+interface NavigationMenuListStateOpts extends WithRefProps {
+}
+export declare class NavigationMenuListState {
+    static create(opts: NavigationMenuListStateOpts): NavigationMenuListState;
+    readonly opts: NavigationMenuListStateOpts;
     readonly context: NavigationMenuProviderState;
     wrapperId: WritableBox<string>;
     wrapperRef: WritableBox<HTMLElement | null>;
     listTriggers: HTMLElement[];
-    rovingFocusGroup: ReturnType<typeof useRovingFocus>;
+    readonly rovingFocusGroup: RovingFocusGroup;
     wrapperMounted: boolean;
-    constructor(opts: NavigationMenuListStateProps, context: NavigationMenuProviderState);
+    constructor(opts: NavigationMenuListStateOpts, context: NavigationMenuProviderState);
     registerTrigger(trigger: HTMLElement | null): () => void;
-    wrapperProps: {
+    readonly wrapperProps: {
         readonly id: string;
     };
-    props: {
+    readonly props: {
         readonly id: string;
         readonly "data-orientation": "horizontal" | "vertical";
     };
 }
-type NavigationMenuItemStateProps = WithRefProps<ReadableBoxedValues<{
+interface NavigationMenuItemStateOpts extends WithRefProps, ReadableBoxedValues<{
     value: string;
     openOnHover: boolean;
-}>>;
+}> {
+}
 export declare class NavigationMenuItemState {
     #private;
-    readonly opts: NavigationMenuItemStateProps;
+    static create(opts: NavigationMenuItemStateOpts): NavigationMenuItemState;
+    readonly opts: NavigationMenuItemStateOpts;
     readonly listContext: NavigationMenuListState;
     contentNode: HTMLElement | null;
     triggerNode: HTMLElement | null;
     focusProxyNode: HTMLElement | null;
     restoreContentTabOrder: AnyFn;
     wasEscapeClose: boolean;
-    contentId: string | undefined;
-    triggerId: string | undefined;
+    readonly contentId: string | undefined;
+    readonly triggerId: string | undefined;
     contentChildren: ReadableBox<Snippet | undefined>;
     contentChild: ReadableBox<Snippet<[{
         props: Record<string, unknown>;
     }]> | undefined>;
     contentProps: ReadableBox<Record<string, unknown>>;
     domContext: DOMContext;
-    constructor(opts: NavigationMenuItemStateProps, listContext: NavigationMenuListState);
+    constructor(opts: NavigationMenuItemStateOpts, listContext: NavigationMenuListState);
     onEntryKeydown: (side?: "start" | "end") => void;
     onFocusProxyEnter: (side?: "start" | "end") => void;
     onRootContentClose: () => void;
@@ -132,11 +142,13 @@ export declare class NavigationMenuItemState {
         readonly id: string;
     };
 }
-type NavigationMenuTriggerStateProps = WithRefProps & ReadableBoxedValues<{
+interface NavigationMenuTriggerStateOpts extends WithRefProps, ReadableBoxedValues<{
     disabled: boolean | null | undefined;
-}>;
-declare class NavigationMenuTriggerState {
-    readonly opts: NavigationMenuTriggerStateProps;
+}> {
+}
+export declare class NavigationMenuTriggerState {
+    static create(opts: NavigationMenuTriggerStateOpts): NavigationMenuTriggerState;
+    readonly opts: NavigationMenuTriggerStateOpts;
     focusProxyId: WritableBox<string>;
     focusProxyRef: WritableBox<HTMLElement | null>;
     context: NavigationMenuProviderState;
@@ -144,9 +156,9 @@ declare class NavigationMenuTriggerState {
     listContext: NavigationMenuListState;
     hasPointerMoveOpened: WritableBox<boolean>;
     wasClickClose: boolean;
-    open: boolean;
     focusProxyMounted: boolean;
-    constructor(opts: NavigationMenuTriggerStateProps, context: {
+    readonly open: boolean;
+    constructor(opts: NavigationMenuTriggerStateOpts, context: {
         provider: NavigationMenuProviderState;
         item: NavigationMenuItemState;
         list: NavigationMenuListState;
@@ -158,7 +170,7 @@ declare class NavigationMenuTriggerState {
     onclick: MouseEventHandler<HTMLButtonElement>;
     onkeydown: KeyboardEventHandler<HTMLButtonElement>;
     focusProxyOnFocus: FocusEventHandler<HTMLElement>;
-    props: {
+    readonly props: {
         readonly id: string;
         readonly disabled: boolean | null | undefined;
         readonly "data-disabled": "" | undefined;
@@ -172,28 +184,27 @@ declare class NavigationMenuTriggerState {
         readonly onclick: MouseEventHandler<HTMLButtonElement>;
         readonly onkeydown: KeyboardEventHandler<HTMLButtonElement>;
     };
-    focusProxyProps: {
+    readonly focusProxyProps: {
         readonly id: string;
         readonly tabindex: 0;
         readonly onfocus: FocusEventHandler<HTMLElement>;
     };
-    restructureSpanProps: {
-        readonly "aria-owns": string | undefined;
-    };
 }
-type NavigationMenuLinkStateProps = WithRefProps & ReadableBoxedValues<{
+interface NavigationMenuLinkStateOpts extends WithRefProps, ReadableBoxedValues<{
     active: boolean;
     onSelect: (e: Event) => void;
-}>;
-declare class NavigationMenuLinkState {
+}> {
+}
+export declare class NavigationMenuLinkState {
     #private;
-    readonly opts: NavigationMenuLinkStateProps;
+    static create(opts: NavigationMenuLinkStateOpts): NavigationMenuLinkState;
+    readonly opts: NavigationMenuLinkStateOpts;
     readonly context: {
         provider: NavigationMenuProviderState;
         item: NavigationMenuItemState;
     };
     isFocused: boolean;
-    constructor(opts: NavigationMenuLinkStateProps, context: {
+    constructor(opts: NavigationMenuLinkStateOpts, context: {
         provider: NavigationMenuProviderState;
         item: NavigationMenuItemState;
     });
@@ -203,7 +214,7 @@ declare class NavigationMenuLinkState {
     onblur: (_: BitsFocusEvent) => void;
     onpointerenter: PointerEventHandler<HTMLAnchorElement>;
     onpointermove: PointerEventHandler<HTMLElement>;
-    props: {
+    readonly props: {
         readonly id: string;
         readonly "data-active": "" | undefined;
         readonly "aria-current": "page" | undefined;
@@ -216,30 +227,33 @@ declare class NavigationMenuLinkState {
         readonly onpointermove: PointerEventHandler<HTMLElement>;
     };
 }
-type NavigationMenuIndicatorStateProps = WithRefProps;
-declare class NavigationMenuIndicatorState {
-    context: NavigationMenuProviderState;
-    isVisible: boolean;
+interface NavigationMenuIndicatorStateOpts extends WithRefProps {
+}
+export declare class NavigationMenuIndicatorState {
+    static create(): NavigationMenuIndicatorState;
+    readonly context: NavigationMenuProviderState;
+    readonly isVisible: boolean;
     constructor(context: NavigationMenuProviderState);
 }
-declare class NavigationMenuIndicatorImplState {
-    readonly opts: NavigationMenuIndicatorStateProps;
+export declare class NavigationMenuIndicatorImplState {
+    static create(opts: NavigationMenuIndicatorStateOpts): NavigationMenuIndicatorImplState;
+    readonly opts: NavigationMenuIndicatorStateOpts;
     context: NavigationMenuProviderState;
     listContext: NavigationMenuListState;
     position: {
         size: number;
         offset: number;
     } | null;
-    isHorizontal: boolean;
-    isVisible: boolean;
-    activeTrigger: HTMLElement | null;
-    shouldRender: boolean;
-    constructor(opts: NavigationMenuIndicatorStateProps, context: {
+    readonly isHorizontal: boolean;
+    readonly isVisible: boolean;
+    readonly activeTrigger: HTMLElement | null;
+    readonly shouldRender: boolean;
+    constructor(opts: NavigationMenuIndicatorStateOpts, context: {
         provider: NavigationMenuProviderState;
         list: NavigationMenuListState;
     });
     handlePositionChange: () => void;
-    props: {
+    readonly props: {
         readonly id: string;
         readonly "data-state": "hidden" | "visible";
         readonly "data-orientation": "horizontal" | "vertical";
@@ -256,45 +270,49 @@ declare class NavigationMenuIndicatorImplState {
         };
     };
 }
-type NavigationMenuContentStateProps = WithRefProps;
-declare class NavigationMenuContentState {
-    readonly opts: NavigationMenuContentStateProps;
-    context: NavigationMenuProviderState;
-    itemContext: NavigationMenuItemState;
-    listContext: NavigationMenuListState;
-    open: boolean;
+interface NavigationMenuContentStateOpts extends WithRefProps {
+}
+export declare class NavigationMenuContentState {
+    static create(opts: NavigationMenuContentStateOpts): NavigationMenuContentState;
+    readonly opts: NavigationMenuContentStateOpts;
+    readonly context: NavigationMenuProviderState;
+    readonly itemContext: NavigationMenuItemState;
+    readonly listContext: NavigationMenuListState;
     mounted: boolean;
-    value: string;
-    isLastActiveValue: boolean;
-    constructor(opts: NavigationMenuContentStateProps, context: {
+    readonly open: boolean;
+    readonly value: string;
+    readonly isLastActiveValue: boolean;
+    constructor(opts: NavigationMenuContentStateOpts, context: {
         provider: NavigationMenuProviderState;
         item: NavigationMenuItemState;
         list: NavigationMenuListState;
     });
     onpointerenter: (_: BitsPointerEvent) => void;
     onpointerleave: PointerEventHandler<HTMLElement>;
-    props: {
+    readonly props: {
         readonly id: string;
         readonly onpointerenter: (_: BitsPointerEvent) => void;
         readonly onpointerleave: PointerEventHandler<HTMLElement>;
     };
 }
 type MotionAttribute = "to-start" | "to-end" | "from-start" | "from-end";
-type NavigationMenuContentImplStateProps = WithRefProps;
-declare class NavigationMenuContentImplState {
-    readonly opts: NavigationMenuContentImplStateProps;
+interface NavigationMenuContentImplStateOpts extends WithRefProps {
+}
+export declare class NavigationMenuContentImplState {
+    static create(opts: NavigationMenuContentImplStateOpts, itemState?: NavigationMenuItemState): NavigationMenuContentImplState;
+    readonly opts: NavigationMenuContentImplStateOpts;
     readonly itemContext: NavigationMenuItemState;
-    context: NavigationMenuProviderState;
-    listContext: NavigationMenuListState;
+    readonly context: NavigationMenuProviderState;
+    readonly listContext: NavigationMenuListState;
     prevMotionAttribute: MotionAttribute | null;
-    motionAttribute: MotionAttribute | null;
+    readonly motionAttribute: MotionAttribute | null;
     domContext: DOMContext;
-    constructor(opts: NavigationMenuContentImplStateProps, itemContext: NavigationMenuItemState);
+    constructor(opts: NavigationMenuContentImplStateOpts, itemContext: NavigationMenuItemState);
     onFocusOutside: (e: Event) => void;
     onInteractOutside: (e: PointerEvent) => void;
     onkeydown: (e: BitsKeyboardEvent) => void;
     onEscapeKeydown: (_: KeyboardEvent) => void;
-    props: {
+    readonly props: {
         readonly id: string;
         readonly "aria-labelledby": string | undefined;
         readonly "data-motion": MotionAttribute | undefined;
@@ -303,21 +321,24 @@ declare class NavigationMenuContentImplState {
         readonly onkeydown: (e: BitsKeyboardEvent) => void;
     };
 }
-declare class NavigationMenuViewportState {
-    readonly opts: NavigationMenuViewportImplStateProps;
+interface NavigationMenuViewportStateOpts extends WithRefProps {
+}
+export declare class NavigationMenuViewportState {
+    static create(opts: NavigationMenuViewportStateOpts): NavigationMenuViewportState;
+    readonly opts: NavigationMenuViewportStateOpts;
     readonly context: NavigationMenuProviderState;
-    open: boolean;
+    readonly open: boolean;
+    readonly viewportWidth: string | undefined;
+    readonly viewportHeight: string | undefined;
+    readonly activeContentValue: string;
     size: {
         width: number;
         height: number;
     } | null;
     contentNode: HTMLElement | null;
-    viewportWidth: string | undefined;
-    viewportHeight: string | undefined;
-    activeContentValue: string;
     mounted: boolean;
-    constructor(opts: NavigationMenuViewportImplStateProps, context: NavigationMenuProviderState);
-    props: {
+    constructor(opts: NavigationMenuViewportStateOpts, context: NavigationMenuProviderState);
+    readonly props: {
         readonly id: string;
         readonly "data-state": "open" | "closed";
         readonly "data-orientation": "horizontal" | "vertical";
@@ -330,18 +351,4 @@ declare class NavigationMenuViewportState {
         readonly onpointerleave: () => void;
     };
 }
-type NavigationMenuViewportImplStateProps = WithRefProps;
-export declare const NavigationMenuItemContext: Context<NavigationMenuItemState>;
-export declare function useNavigationMenuRoot(props: NavigationMenuRootStateProps): NavigationMenuRootState;
-export declare function useNavigationMenuProvider(props: NavigationMenuProviderStateProps): NavigationMenuProviderState;
-export declare function useNavigationMenuSub(props: NavigationMenuSubStateProps): NavigationMenuSubState;
-export declare function useNavigationMenuList(props: NavigationMenuListStateProps): NavigationMenuListState;
-export declare function useNavigationMenuItem(props: NavigationMenuItemStateProps): NavigationMenuItemState;
-export declare function useNavigationMenuIndicatorImpl(props: NavigationMenuIndicatorStateProps): NavigationMenuIndicatorImplState;
-export declare function useNavigationMenuTrigger(props: NavigationMenuTriggerStateProps): NavigationMenuTriggerState;
-export declare function useNavigationMenuContent(props: NavigationMenuContentStateProps): NavigationMenuContentState;
-export declare function useNavigationMenuLink(props: NavigationMenuLinkStateProps): NavigationMenuLinkState;
-export declare function useNavigationMenuContentImpl(props: NavigationMenuContentImplStateProps, itemState?: NavigationMenuItemState): NavigationMenuContentImplState;
-export declare function useNavigationMenuViewport(props: NavigationMenuViewportImplStateProps): NavigationMenuViewportState;
-export declare function useNavigationMenuIndicator(): NavigationMenuIndicatorState;
 export {};