@workday/canvas-kit-react 7.1.5 → 7.2.0-427-next.2

package/dist/commonjs/menu/lib/Menu.d.ts

@@ -6,9 +6,15 @@ export interface MenuProps {
     children: React.ReactNode;
 }
 /**
- * An accessible dropdown menu component. A dropdown menu usually contains a target element that
- * opens to a menu.
- * @example
+ * `Menu` is a combination of a popup and a list. It usually has some type of target element that
+ * expands/collapses the menu and a `menu` role and and several `menuitem` roles. Focus is managed
+ * using [roving tabindex](https://w3c.github.io/aria-practices/#kbd_roving_tabindex) for maximum
+ * compatibility. A `Menu` can have two modes: `single` and `multiple`. This mode determines both
+ * how many items can be selected as well as the default behavior when a `menuitem` is clicked. For
+ * the `single` mode, selecting a `menuitem` will select and close the menu. For the `multiple`
+ * mode, clicking a `menuitem` will toggle selection and will not close the menu.
+ *
+ * ```tsx
  * <Menu>
  *   <Menu.Target>Open</Menu.Target>
  *   <Menu.Popper>
@@ -20,9 +26,11 @@ export interface MenuProps {
  *     </Menu.Card>
  *   </Menu.Popper>
  * </Menu>
+ * ```
  */
-export declare const Menu: import("../../common").ComponentM<MenuProps & Partial<{
+export declare const Menu: import("@workday/canvas-kit-react/common").ComponentM<MenuProps & Partial<{
     mode: "multiple" | "single";
+    shouldVirtualize: boolean;
     returnFocusRef: React.RefObject<any> | undefined;
     initialFocusRef: React.RefObject<any> | undefined;
     id: string;
@@ -33,12 +41,12 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
     initialCursorId: string;
     columnCount: number;
     navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
+    pageSize: number;
     getId: (item: any) => string;
     getTextValue: (item: any) => string;
     nonInteractiveIds: string[];
     orientation: import("../../collection/lib/useBaseListModel").Orientation;
     defaultItemHeight: number;
-    shouldVirtualize: boolean;
     items: any[];
 }> & {
     onUpdatePlacement?: ((data: {
@@ -50,15 +58,15 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds; /**
-         * A menu item has an optional `name` prop that identifies the item in the menu list and will be
-         * passed to the optional `onSelect` callback of the menu model. A menu item can contain any
-         * HTML. If more complex HTML is provided, consider
-         */
+        visibility: "hidden" | "visible";
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
             totalSize: number;
@@ -68,7 +76,7 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         };
         UNSTABLE_defaultItemHeight: number;
         containerRef: React.RefObject<HTMLDivElement>;
-        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        orientation: "horizontal" | "vertical";
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
@@ -82,15 +90,15 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds; /**
-         * A menu item has an optional `name` prop that identifies the item in the menu list and will be
-         * passed to the optional `onSelect` callback of the menu model. A menu item can contain any
-         * HTML. If more complex HTML is provided, consider
-         */
+        visibility: "hidden" | "visible";
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
             totalSize: number;
@@ -100,7 +108,7 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         };
         UNSTABLE_defaultItemHeight: number;
         containerRef: React.RefObject<HTMLDivElement>;
-        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        orientation: "horizontal" | "vertical";
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
@@ -114,15 +122,15 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds; /**
-         * A menu item has an optional `name` prop that identifies the item in the menu list and will be
-         * passed to the optional `onSelect` callback of the menu model. A menu item can contain any
-         * HTML. If more complex HTML is provided, consider
-         */
+        visibility: "hidden" | "visible";
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
             totalSize: number;
@@ -132,7 +140,7 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         };
         UNSTABLE_defaultItemHeight: number;
         containerRef: React.RefObject<HTMLDivElement>;
-        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        orientation: "horizontal" | "vertical";
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
@@ -148,15 +156,15 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds; /**
-         * A menu item has an optional `name` prop that identifies the item in the menu list and will be
-         * passed to the optional `onSelect` callback of the menu model. A menu item can contain any
-         * HTML. If more complex HTML is provided, consider
-         */
+        visibility: "hidden" | "visible";
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
             totalSize: number;
@@ -166,7 +174,7 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         };
         UNSTABLE_defaultItemHeight: number;
         containerRef: React.RefObject<HTMLDivElement>;
-        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        orientation: "horizontal" | "vertical";
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
@@ -180,15 +188,15 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds; /**
-         * A menu item has an optional `name` prop that identifies the item in the menu list and will be
-         * passed to the optional `onSelect` callback of the menu model. A menu item can contain any
-         * HTML. If more complex HTML is provided, consider
-         */
+        visibility: "hidden" | "visible";
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
             totalSize: number;
@@ -198,7 +206,7 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         };
         UNSTABLE_defaultItemHeight: number;
         containerRef: React.RefObject<HTMLDivElement>;
-        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        orientation: "horizontal" | "vertical";
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
@@ -212,15 +220,15 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds; /**
-         * A menu item has an optional `name` prop that identifies the item in the menu list and will be
-         * passed to the optional `onSelect` callback of the menu model. A menu item can contain any
-         * HTML. If more complex HTML is provided, consider
-         */
+        visibility: "hidden" | "visible";
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
             totalSize: number;
@@ -230,16 +238,15 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         };
         UNSTABLE_defaultItemHeight: number;
         containerRef: React.RefObject<HTMLDivElement>;
-        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        orientation: "horizontal" | "vertical";
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
         items: import("../..").Item<any>[];
         mode: "multiple" | "single";
     }) => void) | undefined;
-    onRegisterItem?: ((data: {
-        item: any;
-        textValue: string;
+    onGoTo?: ((data: {
+        id: string;
     }, prevState: {
         stackRef: React.RefObject<HTMLDivElement>;
         targetRef: React.RefObject<HTMLButtonElement>;
@@ -247,15 +254,15 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds; /**
-         * A menu item has an optional `name` prop that identifies the item in the menu list and will be
-         * passed to the optional `onSelect` callback of the menu model. A menu item can contain any
-         * HTML. If more complex HTML is provided, consider
-         */
+        visibility: "hidden" | "visible";
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
             totalSize: number;
@@ -265,31 +272,29 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         };
         UNSTABLE_defaultItemHeight: number;
         containerRef: React.RefObject<HTMLDivElement>;
-        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        orientation: "horizontal" | "vertical";
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
         items: import("../..").Item<any>[];
         mode: "multiple" | "single";
     }) => void) | undefined;
-    onGoTo?: ((data: {
-        id: string;
-    }, prevState: {
+    onGoToNext?: ((data: undefined, prevState: {
         stackRef: React.RefObject<HTMLDivElement>;
         targetRef: React.RefObject<HTMLButtonElement>;
         initialFocusRef: React.RefObject<any> | undefined;
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds; /**
-         * A menu item has an optional `name` prop that identifies the item in the menu list and will be
-         * passed to the optional `onSelect` callback of the menu model. A menu item can contain any
-         * HTML. If more complex HTML is provided, consider
-         */
+        visibility: "hidden" | "visible";
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
             totalSize: number;
@@ -299,29 +304,29 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         };
         UNSTABLE_defaultItemHeight: number;
         containerRef: React.RefObject<HTMLDivElement>;
-        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        orientation: "horizontal" | "vertical";
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
         items: import("../..").Item<any>[];
         mode: "multiple" | "single";
     }) => void) | undefined;
-    onGoToNext?: ((data: undefined, prevState: {
+    onGoToPrevious?: ((data: undefined, prevState: {
         stackRef: React.RefObject<HTMLDivElement>;
         targetRef: React.RefObject<HTMLButtonElement>;
         initialFocusRef: React.RefObject<any> | undefined;
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds; /**
-         * A menu item has an optional `name` prop that identifies the item in the menu list and will be
-         * passed to the optional `onSelect` callback of the menu model. A menu item can contain any
-         * HTML. If more complex HTML is provided, consider
-         */
+        visibility: "hidden" | "visible";
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
             totalSize: number;
@@ -331,29 +336,29 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         };
         UNSTABLE_defaultItemHeight: number;
         containerRef: React.RefObject<HTMLDivElement>;
-        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        orientation: "horizontal" | "vertical";
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
         items: import("../..").Item<any>[];
         mode: "multiple" | "single";
     }) => void) | undefined;
-    onGoToPrevious?: ((data: undefined, prevState: {
+    onGoToPreviousRow?: ((data: undefined, prevState: {
         stackRef: React.RefObject<HTMLDivElement>;
         targetRef: React.RefObject<HTMLButtonElement>;
         initialFocusRef: React.RefObject<any> | undefined;
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds; /**
-         * A menu item has an optional `name` prop that identifies the item in the menu list and will be
-         * passed to the optional `onSelect` callback of the menu model. A menu item can contain any
-         * HTML. If more complex HTML is provided, consider
-         */
+        visibility: "hidden" | "visible";
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
             totalSize: number;
@@ -363,29 +368,29 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         };
         UNSTABLE_defaultItemHeight: number;
         containerRef: React.RefObject<HTMLDivElement>;
-        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        orientation: "horizontal" | "vertical";
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
         items: import("../..").Item<any>[];
         mode: "multiple" | "single";
     }) => void) | undefined;
-    onGoToPreviousRow?: ((data: undefined, prevState: {
+    onGoToNextRow?: ((data: undefined, prevState: {
         stackRef: React.RefObject<HTMLDivElement>;
         targetRef: React.RefObject<HTMLButtonElement>;
         initialFocusRef: React.RefObject<any> | undefined;
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds; /**
-         * A menu item has an optional `name` prop that identifies the item in the menu list and will be
-         * passed to the optional `onSelect` callback of the menu model. A menu item can contain any
-         * HTML. If more complex HTML is provided, consider
-         */
+        visibility: "hidden" | "visible";
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
             totalSize: number;
@@ -395,29 +400,29 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         };
         UNSTABLE_defaultItemHeight: number;
         containerRef: React.RefObject<HTMLDivElement>;
-        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        orientation: "horizontal" | "vertical";
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
         items: import("../..").Item<any>[];
         mode: "multiple" | "single";
     }) => void) | undefined;
-    onGoToNextRow?: ((data: undefined, prevState: {
+    onGoToFirst?: ((data: undefined, prevState: {
         stackRef: React.RefObject<HTMLDivElement>;
         targetRef: React.RefObject<HTMLButtonElement>;
         initialFocusRef: React.RefObject<any> | undefined;
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds; /**
-         * A menu item has an optional `name` prop that identifies the item in the menu list and will be
-         * passed to the optional `onSelect` callback of the menu model. A menu item can contain any
-         * HTML. If more complex HTML is provided, consider
-         */
+        visibility: "hidden" | "visible";
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
             totalSize: number;
@@ -427,29 +432,29 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         };
         UNSTABLE_defaultItemHeight: number;
         containerRef: React.RefObject<HTMLDivElement>;
-        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        orientation: "horizontal" | "vertical";
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
         items: import("../..").Item<any>[];
         mode: "multiple" | "single";
     }) => void) | undefined;
-    onGoToFirst?: ((data: undefined, prevState: {
+    onGoToLast?: ((data: undefined, prevState: {
         stackRef: React.RefObject<HTMLDivElement>;
         targetRef: React.RefObject<HTMLButtonElement>;
         initialFocusRef: React.RefObject<any> | undefined;
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds; /**
-         * A menu item has an optional `name` prop that identifies the item in the menu list and will be
-         * passed to the optional `onSelect` callback of the menu model. A menu item can contain any
-         * HTML. If more complex HTML is provided, consider
-         */
+        visibility: "hidden" | "visible";
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
             totalSize: number;
@@ -459,29 +464,29 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         };
         UNSTABLE_defaultItemHeight: number;
         containerRef: React.RefObject<HTMLDivElement>;
-        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        orientation: "horizontal" | "vertical";
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
         items: import("../..").Item<any>[];
         mode: "multiple" | "single";
     }) => void) | undefined;
-    onGoToLast?: ((data: undefined, prevState: {
+    onGoToFirstOfRow?: ((data: undefined, prevState: {
         stackRef: React.RefObject<HTMLDivElement>;
         targetRef: React.RefObject<HTMLButtonElement>;
         initialFocusRef: React.RefObject<any> | undefined;
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds; /**
-         * A menu item has an optional `name` prop that identifies the item in the menu list and will be
-         * passed to the optional `onSelect` callback of the menu model. A menu item can contain any
-         * HTML. If more complex HTML is provided, consider
-         */
+        visibility: "hidden" | "visible";
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
             totalSize: number;
@@ -491,29 +496,29 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         };
         UNSTABLE_defaultItemHeight: number;
         containerRef: React.RefObject<HTMLDivElement>;
-        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        orientation: "horizontal" | "vertical";
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
         items: import("../..").Item<any>[];
         mode: "multiple" | "single";
     }) => void) | undefined;
-    onGoToFirstOfRow?: ((data: undefined, prevState: {
+    onGoToLastOfRow?: ((data: undefined, prevState: {
         stackRef: React.RefObject<HTMLDivElement>;
         targetRef: React.RefObject<HTMLButtonElement>;
         initialFocusRef: React.RefObject<any> | undefined;
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds; /**
-         * A menu item has an optional `name` prop that identifies the item in the menu list and will be
-         * passed to the optional `onSelect` callback of the menu model. A menu item can contain any
-         * HTML. If more complex HTML is provided, consider
-         */
+        visibility: "hidden" | "visible";
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
             totalSize: number;
@@ -523,29 +528,29 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         };
         UNSTABLE_defaultItemHeight: number;
         containerRef: React.RefObject<HTMLDivElement>;
-        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        orientation: "horizontal" | "vertical";
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
         items: import("../..").Item<any>[];
         mode: "multiple" | "single";
     }) => void) | undefined;
-    onGoToLastOfRow?: ((data: undefined, prevState: {
+    onGoToNextPage?: ((data: undefined, prevState: {
         stackRef: React.RefObject<HTMLDivElement>;
         targetRef: React.RefObject<HTMLButtonElement>;
         initialFocusRef: React.RefObject<any> | undefined;
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds; /**
-         * A menu item has an optional `name` prop that identifies the item in the menu list and will be
-         * passed to the optional `onSelect` callback of the menu model. A menu item can contain any
-         * HTML. If more complex HTML is provided, consider
-         */
+        visibility: "hidden" | "visible";
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
             totalSize: number;
@@ -555,29 +560,29 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         };
         UNSTABLE_defaultItemHeight: number;
         containerRef: React.RefObject<HTMLDivElement>;
-        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        orientation: "horizontal" | "vertical";
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
         items: import("../..").Item<any>[];
         mode: "multiple" | "single";
     }) => void) | undefined;
-    onGoToNextPage?: ((data: undefined, prevState: {
+    onGoToPreviousPage?: ((data: undefined, prevState: {
         stackRef: React.RefObject<HTMLDivElement>;
         targetRef: React.RefObject<HTMLButtonElement>;
         initialFocusRef: React.RefObject<any> | undefined;
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds; /**
-         * A menu item has an optional `name` prop that identifies the item in the menu list and will be
-         * passed to the optional `onSelect` callback of the menu model. A menu item can contain any
-         * HTML. If more complex HTML is provided, consider
-         */
+        visibility: "hidden" | "visible";
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
             totalSize: number;
@@ -587,29 +592,32 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         };
         UNSTABLE_defaultItemHeight: number;
         containerRef: React.RefObject<HTMLDivElement>;
-        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        orientation: "horizontal" | "vertical";
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
         items: import("../..").Item<any>[];
         mode: "multiple" | "single";
     }) => void) | undefined;
-    onGoToPreviousPage?: ((data: undefined, prevState: {
+    onRegisterItem?: ((data: {
+        item: any;
+        textValue: string;
+    }, prevState: {
         stackRef: React.RefObject<HTMLDivElement>;
         targetRef: React.RefObject<HTMLButtonElement>;
         initialFocusRef: React.RefObject<any> | undefined;
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds; /**
-         * A menu item has an optional `name` prop that identifies the item in the menu list and will be
-         * passed to the optional `onSelect` callback of the menu model. A menu item can contain any
-         * HTML. If more complex HTML is provided, consider
-         */
+        visibility: "hidden" | "visible";
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
             totalSize: number;
@@ -619,7 +627,7 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         };
         UNSTABLE_defaultItemHeight: number;
         containerRef: React.RefObject<HTMLDivElement>;
-        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        orientation: "horizontal" | "vertical";
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
@@ -635,15 +643,15 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds; /**
-         * A menu item has an optional `name` prop that identifies the item in the menu list and will be
-         * passed to the optional `onSelect` callback of the menu model. A menu item can contain any
-         * HTML. If more complex HTML is provided, consider
-         */
+        visibility: "hidden" | "visible";
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
             totalSize: number;
@@ -653,7 +661,7 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         };
         UNSTABLE_defaultItemHeight: number;
         containerRef: React.RefObject<HTMLDivElement>;
-        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        orientation: "horizontal" | "vertical";
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
@@ -669,15 +677,15 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds; /**
-         * A menu item has an optional `name` prop that identifies the item in the menu list and will be
-         * passed to the optional `onSelect` callback of the menu model. A menu item can contain any
-         * HTML. If more complex HTML is provided, consider
-         */
+        visibility: "hidden" | "visible";
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
             totalSize: number;
@@ -687,7 +695,7 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         };
         UNSTABLE_defaultItemHeight: number;
         containerRef: React.RefObject<HTMLDivElement>;
-        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        orientation: "horizontal" | "vertical";
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
@@ -704,15 +712,15 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds; /**
-         * A menu item has an optional `name` prop that identifies the item in the menu list and will be
-         * passed to the optional `onSelect` callback of the menu model. A menu item can contain any
-         * HTML. If more complex HTML is provided, consider
-         */
+        visibility: "hidden" | "visible";
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
             totalSize: number;
@@ -722,7 +730,7 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         };
         UNSTABLE_defaultItemHeight: number;
         containerRef: React.RefObject<HTMLDivElement>;
-        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        orientation: "horizontal" | "vertical";
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
@@ -736,15 +744,15 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds; /**
-         * A menu item has an optional `name` prop that identifies the item in the menu list and will be
-         * passed to the optional `onSelect` callback of the menu model. A menu item can contain any
-         * HTML. If more complex HTML is provided, consider
-         */
+        visibility: "hidden" | "visible";
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
             totalSize: number;
@@ -754,7 +762,7 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         };
         UNSTABLE_defaultItemHeight: number;
         containerRef: React.RefObject<HTMLDivElement>;
-        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        orientation: "horizontal" | "vertical";
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
@@ -768,15 +776,15 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds; /**
-         * A menu item has an optional `name` prop that identifies the item in the menu list and will be
-         * passed to the optional `onSelect` callback of the menu model. A menu item can contain any
-         * HTML. If more complex HTML is provided, consider
-         */
+        visibility: "hidden" | "visible";
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
             totalSize: number;
@@ -786,7 +794,7 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         };
         UNSTABLE_defaultItemHeight: number;
         containerRef: React.RefObject<HTMLDivElement>;
-        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        orientation: "horizontal" | "vertical";
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
@@ -802,15 +810,15 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds; /**
-         * A menu item has an optional `name` prop that identifies the item in the menu list and will be
-         * passed to the optional `onSelect` callback of the menu model. A menu item can contain any
-         * HTML. If more complex HTML is provided, consider
-         */
+        visibility: "hidden" | "visible";
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
             totalSize: number;
@@ -820,7 +828,7 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         };
         UNSTABLE_defaultItemHeight: number;
         containerRef: React.RefObject<HTMLDivElement>;
-        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        orientation: "horizontal" | "vertical";
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
@@ -834,15 +842,15 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds; /**
-         * A menu item has an optional `name` prop that identifies the item in the menu list and will be
-         * passed to the optional `onSelect` callback of the menu model. A menu item can contain any
-         * HTML. If more complex HTML is provided, consider
-         */
+        visibility: "hidden" | "visible";
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
             totalSize: number;
@@ -852,7 +860,7 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         };
         UNSTABLE_defaultItemHeight: number;
         containerRef: React.RefObject<HTMLDivElement>;
-        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        orientation: "horizontal" | "vertical";
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
@@ -866,15 +874,15 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds; /**
-         * A menu item has an optional `name` prop that identifies the item in the menu list and will be
-         * passed to the optional `onSelect` callback of the menu model. A menu item can contain any
-         * HTML. If more complex HTML is provided, consider
-         */
+        visibility: "hidden" | "visible";
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
             totalSize: number;
@@ -884,16 +892,15 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         };
         UNSTABLE_defaultItemHeight: number;
         containerRef: React.RefObject<HTMLDivElement>;
-        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        orientation: "horizontal" | "vertical";
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
         items: import("../..").Item<any>[];
         mode: "multiple" | "single";
     }) => boolean) | undefined;
-    shouldRegisterItem?: ((data: {
-        item: any;
-        textValue: string;
+    shouldGoTo?: ((data: {
+        id: string;
     }, state: {
         stackRef: React.RefObject<HTMLDivElement>;
         targetRef: React.RefObject<HTMLButtonElement>;
@@ -901,15 +908,15 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds; /**
-         * A menu item has an optional `name` prop that identifies the item in the menu list and will be
-         * passed to the optional `onSelect` callback of the menu model. A menu item can contain any
-         * HTML. If more complex HTML is provided, consider
-         */
+        visibility: "hidden" | "visible";
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
             totalSize: number;
@@ -919,31 +926,29 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         };
         UNSTABLE_defaultItemHeight: number;
         containerRef: React.RefObject<HTMLDivElement>;
-        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        orientation: "horizontal" | "vertical";
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
         items: import("../..").Item<any>[];
         mode: "multiple" | "single";
     }) => boolean) | undefined;
-    shouldGoTo?: ((data: {
-        id: string;
-    }, state: {
+    shouldGoToNext?: ((data: undefined, state: {
         stackRef: React.RefObject<HTMLDivElement>;
         targetRef: React.RefObject<HTMLButtonElement>;
         initialFocusRef: React.RefObject<any> | undefined;
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds; /**
-         * A menu item has an optional `name` prop that identifies the item in the menu list and will be
-         * passed to the optional `onSelect` callback of the menu model. A menu item can contain any
-         * HTML. If more complex HTML is provided, consider
-         */
+        visibility: "hidden" | "visible";
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
             totalSize: number;
@@ -953,29 +958,29 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         };
         UNSTABLE_defaultItemHeight: number;
         containerRef: React.RefObject<HTMLDivElement>;
-        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        orientation: "horizontal" | "vertical";
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
         items: import("../..").Item<any>[];
         mode: "multiple" | "single";
     }) => boolean) | undefined;
-    shouldGoToNext?: ((data: undefined, state: {
+    shouldGoToPrevious?: ((data: undefined, state: {
         stackRef: React.RefObject<HTMLDivElement>;
         targetRef: React.RefObject<HTMLButtonElement>;
         initialFocusRef: React.RefObject<any> | undefined;
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds; /**
-         * A menu item has an optional `name` prop that identifies the item in the menu list and will be
-         * passed to the optional `onSelect` callback of the menu model. A menu item can contain any
-         * HTML. If more complex HTML is provided, consider
-         */
+        visibility: "hidden" | "visible";
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
             totalSize: number;
@@ -985,29 +990,29 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         };
         UNSTABLE_defaultItemHeight: number;
         containerRef: React.RefObject<HTMLDivElement>;
-        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        orientation: "horizontal" | "vertical";
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
         items: import("../..").Item<any>[];
         mode: "multiple" | "single";
     }) => boolean) | undefined;
-    shouldGoToPrevious?: ((data: undefined, state: {
+    shouldGoToPreviousRow?: ((data: undefined, state: {
         stackRef: React.RefObject<HTMLDivElement>;
         targetRef: React.RefObject<HTMLButtonElement>;
         initialFocusRef: React.RefObject<any> | undefined;
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds; /**
-         * A menu item has an optional `name` prop that identifies the item in the menu list and will be
-         * passed to the optional `onSelect` callback of the menu model. A menu item can contain any
-         * HTML. If more complex HTML is provided, consider
-         */
+        visibility: "hidden" | "visible";
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
             totalSize: number;
@@ -1017,29 +1022,29 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         };
         UNSTABLE_defaultItemHeight: number;
         containerRef: React.RefObject<HTMLDivElement>;
-        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        orientation: "horizontal" | "vertical";
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
         items: import("../..").Item<any>[];
         mode: "multiple" | "single";
     }) => boolean) | undefined;
-    shouldGoToPreviousRow?: ((data: undefined, state: {
+    shouldGoToNextRow?: ((data: undefined, state: {
         stackRef: React.RefObject<HTMLDivElement>;
         targetRef: React.RefObject<HTMLButtonElement>;
         initialFocusRef: React.RefObject<any> | undefined;
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds; /**
-         * A menu item has an optional `name` prop that identifies the item in the menu list and will be
-         * passed to the optional `onSelect` callback of the menu model. A menu item can contain any
-         * HTML. If more complex HTML is provided, consider
-         */
+        visibility: "hidden" | "visible";
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
             totalSize: number;
@@ -1049,29 +1054,29 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         };
         UNSTABLE_defaultItemHeight: number;
         containerRef: React.RefObject<HTMLDivElement>;
-        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        orientation: "horizontal" | "vertical";
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
         items: import("../..").Item<any>[];
         mode: "multiple" | "single";
     }) => boolean) | undefined;
-    shouldGoToNextRow?: ((data: undefined, state: {
+    shouldGoToFirst?: ((data: undefined, state: {
         stackRef: React.RefObject<HTMLDivElement>;
         targetRef: React.RefObject<HTMLButtonElement>;
         initialFocusRef: React.RefObject<any> | undefined;
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds; /**
-         * A menu item has an optional `name` prop that identifies the item in the menu list and will be
-         * passed to the optional `onSelect` callback of the menu model. A menu item can contain any
-         * HTML. If more complex HTML is provided, consider
-         */
+        visibility: "hidden" | "visible";
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
             totalSize: number;
@@ -1081,29 +1086,29 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         };
         UNSTABLE_defaultItemHeight: number;
         containerRef: React.RefObject<HTMLDivElement>;
-        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        orientation: "horizontal" | "vertical";
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
         items: import("../..").Item<any>[];
         mode: "multiple" | "single";
     }) => boolean) | undefined;
-    shouldGoToFirst?: ((data: undefined, state: {
+    shouldGoToLast?: ((data: undefined, state: {
         stackRef: React.RefObject<HTMLDivElement>;
         targetRef: React.RefObject<HTMLButtonElement>;
         initialFocusRef: React.RefObject<any> | undefined;
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds; /**
-         * A menu item has an optional `name` prop that identifies the item in the menu list and will be
-         * passed to the optional `onSelect` callback of the menu model. A menu item can contain any
-         * HTML. If more complex HTML is provided, consider
-         */
+        visibility: "hidden" | "visible";
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
             totalSize: number;
@@ -1113,29 +1118,29 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         };
         UNSTABLE_defaultItemHeight: number;
         containerRef: React.RefObject<HTMLDivElement>;
-        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        orientation: "horizontal" | "vertical";
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
         items: import("../..").Item<any>[];
         mode: "multiple" | "single";
     }) => boolean) | undefined;
-    shouldGoToLast?: ((data: undefined, state: {
+    shouldGoToFirstOfRow?: ((data: undefined, state: {
         stackRef: React.RefObject<HTMLDivElement>;
         targetRef: React.RefObject<HTMLButtonElement>;
         initialFocusRef: React.RefObject<any> | undefined;
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds; /**
-         * A menu item has an optional `name` prop that identifies the item in the menu list and will be
-         * passed to the optional `onSelect` callback of the menu model. A menu item can contain any
-         * HTML. If more complex HTML is provided, consider
-         */
+        visibility: "hidden" | "visible";
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
             totalSize: number;
@@ -1145,29 +1150,29 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         };
         UNSTABLE_defaultItemHeight: number;
         containerRef: React.RefObject<HTMLDivElement>;
-        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        orientation: "horizontal" | "vertical";
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
         items: import("../..").Item<any>[];
         mode: "multiple" | "single";
     }) => boolean) | undefined;
-    shouldGoToFirstOfRow?: ((data: undefined, state: {
+    shouldGoToLastOfRow?: ((data: undefined, state: {
         stackRef: React.RefObject<HTMLDivElement>;
         targetRef: React.RefObject<HTMLButtonElement>;
         initialFocusRef: React.RefObject<any> | undefined;
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds; /**
-         * A menu item has an optional `name` prop that identifies the item in the menu list and will be
-         * passed to the optional `onSelect` callback of the menu model. A menu item can contain any
-         * HTML. If more complex HTML is provided, consider
-         */
+        visibility: "hidden" | "visible";
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
             totalSize: number;
@@ -1177,29 +1182,29 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         };
         UNSTABLE_defaultItemHeight: number;
         containerRef: React.RefObject<HTMLDivElement>;
-        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        orientation: "horizontal" | "vertical";
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
         items: import("../..").Item<any>[];
         mode: "multiple" | "single";
     }) => boolean) | undefined;
-    shouldGoToLastOfRow?: ((data: undefined, state: {
+    shouldGoToNextPage?: ((data: undefined, state: {
         stackRef: React.RefObject<HTMLDivElement>;
         targetRef: React.RefObject<HTMLButtonElement>;
         initialFocusRef: React.RefObject<any> | undefined;
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds; /**
-         * A menu item has an optional `name` prop that identifies the item in the menu list and will be
-         * passed to the optional `onSelect` callback of the menu model. A menu item can contain any
-         * HTML. If more complex HTML is provided, consider
-         */
+        visibility: "hidden" | "visible";
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
             totalSize: number;
@@ -1209,29 +1214,29 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         };
         UNSTABLE_defaultItemHeight: number;
         containerRef: React.RefObject<HTMLDivElement>;
-        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        orientation: "horizontal" | "vertical";
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
         items: import("../..").Item<any>[];
         mode: "multiple" | "single";
     }) => boolean) | undefined;
-    shouldGoToNextPage?: ((data: undefined, state: {
+    shouldGoToPreviousPage?: ((data: undefined, state: {
         stackRef: React.RefObject<HTMLDivElement>;
         targetRef: React.RefObject<HTMLButtonElement>;
         initialFocusRef: React.RefObject<any> | undefined;
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds; /**
-         * A menu item has an optional `name` prop that identifies the item in the menu list and will be
-         * passed to the optional `onSelect` callback of the menu model. A menu item can contain any
-         * HTML. If more complex HTML is provided, consider
-         */
+        visibility: "hidden" | "visible";
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
             totalSize: number;
@@ -1241,29 +1246,32 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         };
         UNSTABLE_defaultItemHeight: number;
         containerRef: React.RefObject<HTMLDivElement>;
-        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        orientation: "horizontal" | "vertical";
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
         items: import("../..").Item<any>[];
         mode: "multiple" | "single";
     }) => boolean) | undefined;
-    shouldGoToPreviousPage?: ((data: undefined, state: {
+    shouldRegisterItem?: ((data: {
+        item: any;
+        textValue: string;
+    }, state: {
         stackRef: React.RefObject<HTMLDivElement>;
         targetRef: React.RefObject<HTMLButtonElement>;
         initialFocusRef: React.RefObject<any> | undefined;
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds; /**
-         * A menu item has an optional `name` prop that identifies the item in the menu list and will be
-         * passed to the optional `onSelect` callback of the menu model. A menu item can contain any
-         * HTML. If more complex HTML is provided, consider
-         */
+        visibility: "hidden" | "visible";
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
             totalSize: number;
@@ -1273,7 +1281,7 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         };
         UNSTABLE_defaultItemHeight: number;
         containerRef: React.RefObject<HTMLDivElement>;
-        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        orientation: "horizontal" | "vertical";
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
@@ -1289,15 +1297,15 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds; /**
-         * A menu item has an optional `name` prop that identifies the item in the menu list and will be
-         * passed to the optional `onSelect` callback of the menu model. A menu item can contain any
-         * HTML. If more complex HTML is provided, consider
-         */
+        visibility: "hidden" | "visible";
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
             totalSize: number;
@@ -1307,7 +1315,7 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         };
         UNSTABLE_defaultItemHeight: number;
         containerRef: React.RefObject<HTMLDivElement>;
-        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        orientation: "horizontal" | "vertical";
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
@@ -1323,15 +1331,15 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds; /**
-         * A menu item has an optional `name` prop that identifies the item in the menu list and will be
-         * passed to the optional `onSelect` callback of the menu model. A menu item can contain any
-         * HTML. If more complex HTML is provided, consider
-         */
+        visibility: "hidden" | "visible";
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
             totalSize: number;
@@ -1341,7 +1349,7 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         };
         UNSTABLE_defaultItemHeight: number;
         containerRef: React.RefObject<HTMLDivElement>;
-        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        orientation: "horizontal" | "vertical";
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
@@ -1356,15 +1364,15 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds; /**
-         * A menu item has an optional `name` prop that identifies the item in the menu list and will be
-         * passed to the optional `onSelect` callback of the menu model. A menu item can contain any
-         * HTML. If more complex HTML is provided, consider
-         */
+        visibility: "hidden" | "visible";
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
             totalSize: number;
@@ -1374,7 +1382,7 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         };
         UNSTABLE_defaultItemHeight: number;
         containerRef: React.RefObject<HTMLDivElement>;
-        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        orientation: "horizontal" | "vertical";
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
@@ -1392,10 +1400,6 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         }): void;
         selectAll(): void;
         unselectAll(): void;
-        registerItem(data: {
-            item: any;
-            textValue: string;
-        }): void;
         goTo(data: {
             id: string;
         }): void;
@@ -1409,6 +1413,10 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         goToLastOfRow(): void;
         goToNextPage(): void;
         goToPreviousPage(): void;
+        registerItem(data: {
+            item: any;
+            textValue: string;
+        }): void;
         unregisterItem(data: {
             id: string;
         }): void;
@@ -1421,11 +1429,22 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
     getId: (item: any) => string;
 }> & {
     /**
-     * The menu card is a non-semantic element used to give the dropdown menu its distinct visual
-     * cue that the dropdown menu is floating above other content. A menu card usually contains a
-     * menu list, but can also contain other elements like a header or footer.
+     * `Menu.Target` is similar to all {@link PopupTarget Popup.Target} types. The component only
+     * provides behavior and no styling. The `as` prop is used to determine which component is
+     * rendered. This component should forward the `ref` and apply any additional props directly to
+     * an element. The default `as` is a {@link SecondaryButton}. Any Canvas Kit component should
+     * work with an `as`.
+     *
+     * An example changing to a {@link PrimaryButton}
+     *
+     * ```tsx
+     * <Menu.Target as={PrimaryButton}>Primary Button Text</Menu.Target>
+     * ```
+     *
+     * This element will apply `aria-haspopup` and `aria-expanded` to inform screen readers there's
+     * a popup associated with the element.
      */
-    Card: import("../../common").ElementComponentM<"div", import("./MenuCard").MenuCardProps, {
+    Target: import("@workday/canvas-kit-react/common").ElementComponentM<import("@workday/canvas-kit-react/common").ElementComponent<"button", import("../..").SecondaryButtonProps>, import("./MenuTarget").MenuTargetProps, {
         state: {
             stackRef: React.RefObject<HTMLDivElement>;
             targetRef: React.RefObject<HTMLButtonElement>;
@@ -1433,15 +1452,15 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds; /**
-             * A menu item has an optional `name` prop that identifies the item in the menu list and will be
-             * passed to the optional `onSelect` callback of the menu model. A menu item can contain any
-             * HTML. If more complex HTML is provided, consider
-             */
+            visibility: "hidden" | "visible";
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
+            pageSizeRef: React.MutableRefObject<number>;
+            cursorIndexRef: {
+                readonly current: number;
+            };
             UNSTABLE_virtual: {
                 virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
                 totalSize: number;
@@ -1451,7 +1470,7 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
             };
             UNSTABLE_defaultItemHeight: number;
             containerRef: React.RefObject<HTMLDivElement>;
-            orientation: import("../../collection/lib/useBaseListModel").Orientation;
+            orientation: "horizontal" | "vertical";
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
@@ -1469,10 +1488,6 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
             }): void;
             selectAll(): void;
             unselectAll(): void;
-            registerItem(data: {
-                item: any;
-                textValue: string;
-            }): void;
             goTo(data: {
                 id: string;
             }): void;
@@ -1486,6 +1501,10 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
             goToLastOfRow(): void;
             goToNextPage(): void;
             goToPreviousPage(): void;
+            registerItem(data: {
+                item: any;
+                textValue: string;
+            }): void;
             unregisterItem(data: {
                 id: string;
             }): void;
@@ -1498,28 +1517,11 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         getId: (item: any) => string;
     }>;
     /**
-     * The menu list follows the Collections API. A list can either contain static items
-     * or a render prop and `items` to the model.
-     *
-     * @example
-     * const MyComponent = () => {
-     *   const model = useMenuModel({
-     *     items: [
-     *       { id: 'first',  text: 'First Item' },
-     *       { id: 'second', text: 'Second Item' },
-     *     ]
-     *   })
-     *
-     *   return (
-     *     <Menu model={model}>
-     *       <Menu.List>
-     *         {(item) => <Menu.Item name={item.id}>{item.text}</Menu.Item>}
-     *       </Menu.List>
-     *     </Menu>
-     *   )
-     * }
+     * The menu card is a non-semantic element used to give the dropdown menu its distinct visual
+     * cue that the dropdown menu is floating above other content. A menu card usually contains a
+     * menu list, but can also contain other elements like a header or footer.
      */
-    List: import("../../common").ElementComponentM<"div", import("./MenuList").MenuListProps, {
+    Card: import("@workday/canvas-kit-react/common").ElementComponentM<"div", import("./MenuCard").MenuCardProps, {
         state: {
             stackRef: React.RefObject<HTMLDivElement>;
             targetRef: React.RefObject<HTMLButtonElement>;
@@ -1527,15 +1529,15 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds; /**
-             * A menu item has an optional `name` prop that identifies the item in the menu list and will be
-             * passed to the optional `onSelect` callback of the menu model. A menu item can contain any
-             * HTML. If more complex HTML is provided, consider
-             */
+            visibility: "hidden" | "visible";
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
+            pageSizeRef: React.MutableRefObject<number>;
+            cursorIndexRef: {
+                readonly current: number;
+            };
             UNSTABLE_virtual: {
                 virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
                 totalSize: number;
@@ -1545,7 +1547,7 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
             };
             UNSTABLE_defaultItemHeight: number;
             containerRef: React.RefObject<HTMLDivElement>;
-            orientation: import("../../collection/lib/useBaseListModel").Orientation;
+            orientation: "horizontal" | "vertical";
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
@@ -1563,10 +1565,6 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
             }): void;
             selectAll(): void;
             unselectAll(): void;
-            registerItem(data: {
-                item: any;
-                textValue: string;
-            }): void;
             goTo(data: {
                 id: string;
             }): void;
@@ -1580,6 +1578,10 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
             goToLastOfRow(): void;
             goToNextPage(): void;
             goToPreviousPage(): void;
+            registerItem(data: {
+                item: any;
+                textValue: string;
+            }): void;
             unregisterItem(data: {
                 id: string;
             }): void;
@@ -1592,11 +1594,29 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         getId: (item: any) => string;
     }>;
     /**
-     * A menu item has an optional `name` prop that identifies the item in the menu list and will be
-     * passed to the optional `onSelect` callback of the menu model. A menu item can contain any
-     * HTML. If more complex HTML is provided, consider
+     * The menu list follows the Collections API. A list can either contain static items
+     * or a render prop and `items` to the model.
+     *
+     * ```tsx
+     * const MyComponent = () => {
+     *   const model = useMenuModel({
+     *     items: [
+     *       { id: 'first',  text: 'First Item' },
+     *       { id: 'second', text: 'Second Item' },
+     *     ]
+     *   })
+     *
+     *   return (
+     *     <Menu model={model}>
+     *       <Menu.List>
+     *         {(item) => <Menu.Item data-id={item.id}>{item.text}</Menu.Item>}
+     *       </Menu.List>
+     *     </Menu>
+     *   )
+     * }
+     * ```
      */
-    Item: import("../../common").ElementComponentM<"button", import("./MenuItem").MenuItemProps, {
+    List: import("@workday/canvas-kit-react/common").ElementComponentM<"div", import("./MenuList").MenuListProps<any>, {
         state: {
             stackRef: React.RefObject<HTMLDivElement>;
             targetRef: React.RefObject<HTMLButtonElement>;
@@ -1604,15 +1624,15 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds; /**
-             * A menu item has an optional `name` prop that identifies the item in the menu list and will be
-             * passed to the optional `onSelect` callback of the menu model. A menu item can contain any
-             * HTML. If more complex HTML is provided, consider
-             */
+            visibility: "hidden" | "visible";
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
+            pageSizeRef: React.MutableRefObject<number>;
+            cursorIndexRef: {
+                readonly current: number;
+            };
             UNSTABLE_virtual: {
                 virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
                 totalSize: number;
@@ -1622,7 +1642,7 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
             };
             UNSTABLE_defaultItemHeight: number;
             containerRef: React.RefObject<HTMLDivElement>;
-            orientation: import("../../collection/lib/useBaseListModel").Orientation;
+            orientation: "horizontal" | "vertical";
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
@@ -1640,10 +1660,6 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
             }): void;
             selectAll(): void;
             unselectAll(): void;
-            registerItem(data: {
-                item: any;
-                textValue: string;
-            }): void;
             goTo(data: {
                 id: string;
             }): void;
@@ -1657,6 +1673,10 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
             goToLastOfRow(): void;
             goToNextPage(): void;
             goToPreviousPage(): void;
+            registerItem(data: {
+                item: any;
+                textValue: string;
+            }): void;
             unregisterItem(data: {
                 id: string;
             }): void;
@@ -1667,15 +1687,15 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         selection: import("../../collection/lib/useSelectionListModel").SelectionManager;
         navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
         getId: (item: any) => string;
-    }> & {
-        Icon: import("../../common").ElementComponent<"span", import("../..").SystemIconProps>;
-        Text: import("@emotion/styled").StyledComponent<{
-            theme?: import("@emotion/react").Theme | undefined;
-            as?: "symbol" | "object" | "s" | "big" | "link" | "small" | "sub" | "sup" | "circle" | "stop" | "path" | "style" | "map" | "filter" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "main" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "samp" | "slot" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
-        }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-    };
-    Divider: import("../../common").ElementComponent<"hr", unknown>;
-    Target: import("../../common").ElementComponentM<import("../../common").ElementComponent<"button", import("../..").SecondaryButtonProps>, import("./MenuTarget").MenuTargetProps, {
+    }>;
+    /**
+     * A `Menu.Item` has an optional `data-id` prop that identifies the item in the `Menu.List` and
+     * will be passed to the optional `onSelect` callback of the `Menu` model. A `Menu.Item` can
+     * contain any HTML. If more complex HTML is provided, add `data-text` to the `Menu.Item`
+     * component if using the static API. If you're using the dynamic API, pass `getTextValue` to
+     * the model.
+     */
+    Item: import("@workday/canvas-kit-react/common").ElementComponentM<"button", import("./MenuItem").MenuItemProps, {
         state: {
             stackRef: React.RefObject<HTMLDivElement>;
             targetRef: React.RefObject<HTMLButtonElement>;
@@ -1683,15 +1703,15 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds; /**
-             * A menu item has an optional `name` prop that identifies the item in the menu list and will be
-             * passed to the optional `onSelect` callback of the menu model. A menu item can contain any
-             * HTML. If more complex HTML is provided, consider
-             */
+            visibility: "hidden" | "visible";
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
+            pageSizeRef: React.MutableRefObject<number>;
+            cursorIndexRef: {
+                readonly current: number;
+            };
             UNSTABLE_virtual: {
                 virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
                 totalSize: number;
@@ -1701,7 +1721,7 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
             };
             UNSTABLE_defaultItemHeight: number;
             containerRef: React.RefObject<HTMLDivElement>;
-            orientation: import("../../collection/lib/useBaseListModel").Orientation;
+            orientation: "horizontal" | "vertical";
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
@@ -1719,10 +1739,6 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
             }): void;
             selectAll(): void;
             unselectAll(): void;
-            registerItem(data: {
-                item: any;
-                textValue: string;
-            }): void;
             goTo(data: {
                 id: string;
             }): void;
@@ -1736,6 +1752,10 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
             goToLastOfRow(): void;
             goToNextPage(): void;
             goToPreviousPage(): void;
+            registerItem(data: {
+                item: any;
+                textValue: string;
+            }): void;
             unregisterItem(data: {
                 id: string;
             }): void;
@@ -1746,8 +1766,23 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         selection: import("../../collection/lib/useSelectionListModel").SelectionManager;
         navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
         getId: (item: any) => string;
-    }>;
-    TargetContext: import("../../common").ElementComponentM<import("../../common").ElementComponent<"button", import("../..").SecondaryButtonProps>, import("./MenuTarget").MenuTargetProps, {
+    }> & {
+        Icon: import("@emotion/styled").StyledComponent<import("../..").SystemIconProps & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "as" | keyof import("../..").SystemIconProps> & {
+            ref?: React.Ref<HTMLSpanElement> | undefined;
+        } & {
+            theme?: import("@emotion/react").Theme | undefined;
+        }, {}, {}>;
+        Text: import("@emotion/styled").StyledComponent<{
+            theme?: import("@emotion/react").Theme | undefined;
+            as?: React.ElementType<any> | undefined;
+        }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+    };
+    Divider: import("@workday/canvas-kit-react/common").ElementComponent<"hr", unknown>;
+    /**
+     * A `Menu.TargetContext` is the same as a {@link MenuTarget Menu.Target}, except it adds a
+     * `context` event handler instead of a `click` handler to trigger context menus.
+     */
+    TargetContext: import("@workday/canvas-kit-react/common").ElementComponentM<import("@workday/canvas-kit-react/common").ElementComponent<"button", import("../..").SecondaryButtonProps>, import("./MenuTarget").MenuTargetProps, {
         state: {
             stackRef: React.RefObject<HTMLDivElement>;
             targetRef: React.RefObject<HTMLButtonElement>;
@@ -1755,15 +1790,15 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds; /**
-             * A menu item has an optional `name` prop that identifies the item in the menu list and will be
-             * passed to the optional `onSelect` callback of the menu model. A menu item can contain any
-             * HTML. If more complex HTML is provided, consider
-             */
+            visibility: "hidden" | "visible";
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
+            pageSizeRef: React.MutableRefObject<number>;
+            cursorIndexRef: {
+                readonly current: number;
+            };
             UNSTABLE_virtual: {
                 virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
                 totalSize: number;
@@ -1773,7 +1808,7 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
             };
             UNSTABLE_defaultItemHeight: number;
             containerRef: React.RefObject<HTMLDivElement>;
-            orientation: import("../../collection/lib/useBaseListModel").Orientation;
+            orientation: "horizontal" | "vertical";
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
@@ -1791,10 +1826,6 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
             }): void;
             selectAll(): void;
             unselectAll(): void;
-            registerItem(data: {
-                item: any;
-                textValue: string;
-            }): void;
             goTo(data: {
                 id: string;
             }): void;
@@ -1808,6 +1839,10 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
             goToLastOfRow(): void;
             goToNextPage(): void;
             goToPreviousPage(): void;
+            registerItem(data: {
+                item: any;
+                textValue: string;
+            }): void;
             unregisterItem(data: {
                 id: string;
             }): void;
@@ -1820,12 +1855,12 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
         getId: (item: any) => string;
     }>;
     /**
-     * The "Popper" of a menu. The popper will appear around the `Menu.Target`. It renders a `div`
-     * element that is portalled to the `document.body` which is controlled by the `PopupStack. The
-     * `PopupStack` is not part of React. This means no extra props given to this component will be
-     * forwarded to the `div` element, but the `ref` will be forwarded.
+     * The "Popper" of a menu. The popper will appear around the {@link MenuTarget Menu.Target}. It
+     * renders a `div` element that is portalled to the `document.body` which is controlled by the
+     * {@link PopupStack}. The `PopupStack` is not part of React. This means no extra props given to
+     * this component will be forwarded to the `div` element, but the `ref` will be forwarded.
      */
-    Popper: import("../../common").ElementComponentM<"div", import("./MenuPopper").MenuPopperProps, {
+    Popper: import("@workday/canvas-kit-react/common").ElementComponentM<"div", import("./MenuPopper").MenuPopperProps, {
         state: {
             stackRef: React.RefObject<HTMLDivElement>;
             targetRef: React.RefObject<HTMLButtonElement>;
@@ -1833,15 +1868,15 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds; /**
-             * A menu item has an optional `name` prop that identifies the item in the menu list and will be
-             * passed to the optional `onSelect` callback of the menu model. A menu item can contain any
-             * HTML. If more complex HTML is provided, consider
-             */
+            visibility: "hidden" | "visible";
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
+            pageSizeRef: React.MutableRefObject<number>;
+            cursorIndexRef: {
+                readonly current: number;
+            };
             UNSTABLE_virtual: {
                 virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
                 totalSize: number;
@@ -1851,7 +1886,7 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
             };
             UNSTABLE_defaultItemHeight: number;
             containerRef: React.RefObject<HTMLDivElement>;
-            orientation: import("../../collection/lib/useBaseListModel").Orientation;
+            orientation: "horizontal" | "vertical";
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
@@ -1869,10 +1904,6 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
             }): void;
             selectAll(): void;
             unselectAll(): void;
-            registerItem(data: {
-                item: any;
-                textValue: string;
-            }): void;
             goTo(data: {
                 id: string;
             }): void;
@@ -1886,6 +1917,10 @@ export declare const Menu: import("../../common").ComponentM<MenuProps & Partial
             goToLastOfRow(): void;
             goToNextPage(): void;
             goToPreviousPage(): void;
+            registerItem(data: {
+                item: any;
+                textValue: string;
+            }): void;
             unregisterItem(data: {
                 id: string;
             }): void;