bits-ui 1.0.0-next.6 → 1.0.0-next.61

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

@@ -1,9 +1,8 @@
 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 { useRovingFocus } from "../../internal/use-roving-focus.svelte.js";
 import type { Direction } from "../../shared/index.js";
 export declare const CONTEXT_MENU_TRIGGER_ATTR = "data-context-menu-trigger";
 type MenuVariant = "context-menu" | "dropdown-menu" | "menubar";
@@ -18,25 +17,8 @@ declare class MenuRootState {
     variant: MenuRootStateProps["variant"];
     isUsingKeyboard: import("svelte-toolbelt").WritableBox<boolean>;
     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;
@@ -52,10 +34,6 @@ declare class MenuMenuState {
     toggleOpen: () => void;
     onOpen: () => void;
     onClose: () => void;
-    createContent(props: MenuContentStateProps): MenuContentState;
-    createSubmenu(props: MenuMenuStateProps): MenuMenuState;
-    createDropdownTrigger(props: DropdownMenuTriggerStateProps): DropdownMenuTriggerState;
-    createContextTrigger(props: ContextMenuTriggerStateProps): ContextMenuTriggerState;
 }
 type MenuContentStateProps = ReadableBoxedValues<{
     id: string;
@@ -81,7 +59,7 @@ declare class MenuContentState {
     onItemLeave: (e: PointerEvent) => void;
     onTriggerLeave: (e: PointerEvent) => boolean;
     onOpenAutoFocus: (e: Event) => void;
-    handleInteractOutside: (e: InteractOutsideEvent) => void;
+    handleInteractOutside: (e: PointerEvent) => void;
     snippetProps: {
         open: boolean;
     };
@@ -102,10 +80,6 @@ declare class MenuContentState {
             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;
@@ -125,7 +99,7 @@ declare class MenuItemSharedState {
         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;
@@ -136,6 +110,7 @@ declare class MenuItemSharedState {
 }
 type MenuItemStateProps = ReadableBoxedValues<{
     onSelect: AnyFn;
+    closeOnSelect: boolean;
 }>;
 declare class MenuItemState {
     #private;
@@ -146,7 +121,7 @@ declare class MenuItemState {
         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;
@@ -170,7 +145,7 @@ declare class MenuSubTriggerState {
         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;
@@ -180,7 +155,7 @@ declare class MenuSubTriggerState {
     } & {
         [x: string]: string | ((e: PointerEvent) => void) | ((e: KeyboardEvent) => 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;
@@ -192,20 +167,25 @@ declare class MenuSubTriggerState {
     };
 }
 type MenuCheckboxItemStateProps = WritableBoxedValues<{
-    checked: boolean | "indeterminate";
+    checked: boolean;
+    indeterminate: boolean;
 }>;
 declare class MenuCheckboxItemState {
     #private;
     constructor(props: MenuCheckboxItemStateProps, item: MenuItemState);
     toggleChecked: () => void;
+    snippetProps: {
+        checked: boolean;
+        indeterminate: boolean;
+    };
     props: {
         readonly [x: string]: string | -1 | ((e: PointerEvent) => 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;
@@ -231,7 +211,6 @@ declare class MenuGroupState {
         readonly role: "group";
         readonly "aria-labelledby": string | undefined;
     };
-    createGroupHeading(props: MenuGroupHeadingStateProps): MenuGroupHeadingState;
 }
 type MenuGroupHeadingStateProps = WithRefProps;
 declare class MenuGroupHeadingState {
@@ -269,12 +248,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;
     props: {
         readonly [x: string]: string | null;
         readonly id: string;
@@ -285,6 +263,7 @@ declare class MenuRadioGroupState {
 type MenuRadioItemStateProps = ReadableBoxedValues<{
     value: string;
     id: string;
+    closeOnSelect: boolean;
 }> & WritableBoxedValues<{
     ref: HTMLElement | null;
 }>;
@@ -295,11 +274,11 @@ declare class MenuRadioItemState {
     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;
@@ -327,11 +306,12 @@ declare class DropdownMenuTriggerState {
         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 onpointerup: (e: PointerEvent) => void;
         readonly onkeydown: (e: KeyboardEvent) => void;
     };
 }
@@ -366,7 +346,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;