npm - @workday/canvas-kit-react - Versions diffs - 8.5.0-339-next.0 → 8.5.0-342-next.2 - Mend

@workday/canvas-kit-react 8.5.0-339-next.0 → 8.5.0-342-next.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (810) hide show

package/dist/es6/menu/lib/Menu.d.ts CHANGED Viewed

@@ -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,8 +26,9 @@ 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";
     returnFocusRef: React.RefObject<any> | undefined;
     initialFocusRef: React.RefObject<any> | undefined;
@@ -50,12 +57,8 @@ 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;
@@ -68,7 +71,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,12 +85,8 @@ 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;
@@ -100,7 +99,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,12 +113,8 @@ 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;
@@ -132,7 +127,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,12 +143,8 @@ 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;
@@ -166,7 +157,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,12 +171,8 @@ 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;
@@ -198,7 +185,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,12 +199,8 @@ 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;
@@ -230,7 +213,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;
@@ -247,12 +230,8 @@ 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;
@@ -265,7 +244,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;
@@ -281,12 +260,8 @@ 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;
@@ -299,7 +274,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;
@@ -313,12 +288,8 @@ 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;
@@ -331,7 +302,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;
@@ -345,12 +316,8 @@ 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;
@@ -363,7 +330,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;
@@ -377,12 +344,8 @@ 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;
@@ -395,7 +358,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;
@@ -409,12 +372,8 @@ 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;
@@ -427,7 +386,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;
@@ -441,12 +400,8 @@ 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;
@@ -459,7 +414,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;
@@ -473,12 +428,8 @@ 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;
@@ -491,7 +442,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;
@@ -505,12 +456,8 @@ 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;
@@ -523,7 +470,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;
@@ -537,12 +484,8 @@ 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;
@@ -555,7 +498,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;
@@ -569,12 +512,8 @@ 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;
@@ -587,7 +526,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;
@@ -601,12 +540,8 @@ 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;
@@ -619,7 +554,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,12 +570,8 @@ 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;
@@ -653,7 +584,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,12 +600,8 @@ 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;
@@ -687,7 +614,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,12 +631,8 @@ 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;
@@ -722,7 +645,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,12 +659,8 @@ 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;
@@ -754,7 +673,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,12 +687,8 @@ 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;
@@ -786,7 +701,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,12 +717,8 @@ 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;
@@ -820,7 +731,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,12 +745,8 @@ 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;
@@ -852,7 +759,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,12 +773,8 @@ 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;
@@ -884,7 +787,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;
@@ -901,12 +804,8 @@ 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;
@@ -919,7 +818,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;
@@ -935,12 +834,8 @@ 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;
@@ -953,7 +848,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;
@@ -967,12 +862,8 @@ 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;
@@ -985,7 +876,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;
@@ -999,12 +890,8 @@ 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;
@@ -1017,7 +904,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;
@@ -1031,12 +918,8 @@ 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;
@@ -1049,7 +932,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;
@@ -1063,12 +946,8 @@ 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;
@@ -1081,7 +960,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;
@@ -1095,12 +974,8 @@ 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;
@@ -1113,7 +988,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;
@@ -1127,12 +1002,8 @@ 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;
@@ -1145,7 +1016,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;
@@ -1159,12 +1030,8 @@ 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;
@@ -1177,7 +1044,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;
@@ -1191,12 +1058,8 @@ 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;
@@ -1209,7 +1072,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;
@@ -1223,12 +1086,8 @@ 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;
@@ -1241,7 +1100,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;
@@ -1255,12 +1114,8 @@ 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;
@@ -1273,7 +1128,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,12 +1144,8 @@ 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;
@@ -1307,7 +1158,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,12 +1174,8 @@ 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;
@@ -1341,7 +1188,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,12 +1203,8 @@ 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;
@@ -1374,7 +1217,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;
@@ -1421,11 +1264,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,12 +1287,8 @@ 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;
@@ -1451,7 +1301,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;
@@ -1498,28 +1348,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<any>, {
+    Card: import("@workday/canvas-kit-react/common").ElementComponentM<"div", import("./MenuCard").MenuCardProps, {
         state: {
             stackRef: React.RefObject<HTMLDivElement>;
             targetRef: React.RefObject<HTMLButtonElement>;
@@ -1527,12 +1360,8 @@ 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;
@@ -1545,7 +1374,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;
@@ -1592,11 +1421,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 name={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,12 +1451,8 @@ 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;
@@ -1622,7 +1465,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;
@@ -1667,15 +1510,13 @@ 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 `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
+     */
+    Item: import("@workday/canvas-kit-react/common").ElementComponentM<"button", import("./MenuItem").MenuItemProps, {
         state: {
             stackRef: React.RefObject<HTMLDivElement>;
             targetRef: React.RefObject<HTMLButtonElement>;
@@ -1683,12 +1524,8 @@ 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;
@@ -1701,7 +1538,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;
@@ -1746,8 +1583,19 @@ 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("@workday/canvas-kit-react/common").ElementComponent<"span", import("../..").SystemIconProps>;
+        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,12 +1603,8 @@ 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;
@@ -1773,7 +1617,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;
@@ -1820,12 +1664,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,12 +1677,8 @@ 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;
@@ -1851,7 +1691,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;