@workday/canvas-kit-labs-react 16.1.3 → 16.2.0-0604-next.0

package/dist/commonjs/selection-group/lib/hooks/useSelectionGroupModel.d.ts

@@ -0,0 +1,1602 @@
+import React from 'react';
+import { SelectionManager } from '@workday/canvas-kit-react/collection';
+export type SelectionGroupMode = 'single' | 'multiple';
+export type SelectionGroupWidth = 'content' | 'equal' | 'column';
+export type SelectionGroupError = 'error' | 'caution';
+export declare const useSelectionGroupModel: (<TT_Special_Generic>(config?: (Partial<{
+    /**
+     * Optional id for the whole `SelectionGroup`. If not provided, a unique id will be created.
+     * @default useUniqueId()
+     */
+    id: string;
+    /**
+     * The selection mode of the group. `single` allows one selection at a time and behaves like a
+     * radio group. `multiple` allows more than one selection and behaves like a checkbox group.
+     *
+     * This drives more than selection - it also determines the `radio`/`checkbox` role of an item,
+     * the `radiogroup`/`group` role of the list, whether the group is one tab stop or many, and the
+     * shape of the item's icon. The matching `selection` manager is derived from it, so most groups
+     * should set `mode` rather than passing a `selection` manager directly.
+     * @default 'single'
+     */
+    mode: SelectionGroupMode;
+    /**
+     * The selection manager the underlying list model uses. Leave this unset unless you need
+     * selection to behave differently from what `mode` provides - `mode` picks
+     * `singleSelectionManager` or `multiSelectionManager` for you. Setting this does not change
+     * the roles or keyboard behavior that `mode` controls.
+     * @default `singleSelectionManager`, or `multiSelectionManager` when `mode` is `'multiple'`
+     */
+    selection: SelectionManager | undefined;
+    /**
+     * Controls how item widths are calculated within the group. All items in a group use the same
+     * sizing method.
+     * - `content`: each item is sized to its own label.
+     * - `equal`: each item is sized to match the widest item.
+     * - `column`: each item spans the full width of the group.
+     * @default 'content'
+     */
+    width: SelectionGroupWidth;
+    /**
+     * The initially selected ids of the group. Use this for uncontrolled groups. For `single` mode,
+     * provide a single id. If not provided, nothing is selected until the user interacts.
+     */
+    initialSelectedIds: string[];
+    /**
+     * The selected ids of the group. Providing this prop puts the model in a controlled state: the
+     * group renders exactly what is passed in and will not change on its own. Use `onSelect` to
+     * respond to selection.
+     */
+    selectedIds: string[] | undefined;
+    /**
+     * Sets disabled state for every item in the group. To disable individual items instead, pass
+     * their ids to `nonInteractiveIds` so keyboard navigation skips over them.
+     * @default false
+     */
+    disabled: boolean;
+    /**
+     * The type of error associated with the group (if applicable). Notification states apply to the
+     * whole group rather than to individual items.
+     *
+     * This prop only changes the group's border color, which is not sufficient on its own. Always
+     * pair it with visible text describing the state and reference that text with
+     * `aria-describedby`. Wrapping the group in a `FormField` with a `FormField.Hint` does this
+     * for you.
+     */
+    error: SelectionGroupError | undefined;
+    /**
+     * If true, the group is marked invalid to assistive technology. Only applies when `mode` is
+     * `'single'`, because `aria-invalid` is not allowed on the `group` role that a multi-select
+     * group renders.
+     * @default true when `error` is `'error'`, otherwise undefined
+     */
+    'aria-invalid': boolean | undefined;
+    /**
+     * The id of the element describing the group, such as the hint text of a `FormField`. This is
+     * set automatically when the group is used as a `FormField.Input`.
+     */
+    'aria-describedby': string | undefined;
+    /**
+     * The orientation of keyboard navigation within the group.
+     * @default 'horizontal'
+     */
+    orientation: import("@workday/canvas-kit-react/collection").Orientation;
+    initialUnselectedIds: string[];
+    initialCursorId: string | string[];
+    columnCount: number;
+    navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
+    pageSize: number;
+    getId: (item: any) => string;
+    getTextValue: (item: any) => string;
+    nonInteractiveIds: string[];
+    defaultItemHeight: number;
+    shouldVirtualize: boolean;
+    items: any[];
+    UNSTABLE_parentModel: {
+        state: {
+            selectedIds: string[] | "all";
+            unselectedIds: string[];
+            cursorId: string | string[];
+            columnCount: number;
+            pageSizeRef: React.MutableRefObject<number>;
+            cursorIndexRef: {
+                readonly current: number;
+            };
+            UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
+            UNSTABLE_defaultItemHeight: number;
+            containerRef: React.RefObject<HTMLDivElement>;
+            id: string;
+            orientation: "horizontal" | "vertical";
+            indexRef: React.MutableRefObject<number>;
+            nonInteractiveIds: string[];
+            isVirtualized: boolean;
+            items: import("@workday/canvas-kit-react/collection").Item<any>[];
+        };
+        events: {
+            select(data: {
+                id: string;
+            }): void;
+            selectAll(): void;
+            unselectAll(): void;
+            setSelectedIds(ids: string[] | "all"): void;
+            remove(data: {
+                id: string;
+                nextId?: string | undefined;
+                event?: Event | React.SyntheticEvent<Element, Event> | undefined;
+            }): void;
+            goTo(data: {
+                id: string;
+            }): void;
+            goToNext(): void;
+            goToPrevious(): void;
+            goToPreviousRow(): void;
+            goToNextRow(): void;
+            goToFirst(): void;
+            goToLast(): void;
+            goToFirstOfRow(): void;
+            goToLastOfRow(): void;
+            goToNextPage(): void;
+            goToPreviousPage(): void;
+            registerItem(data: {
+                id: string;
+                textValue: string;
+            }): void;
+            unregisterItem(data: {
+                id: string;
+            }): void;
+            updateItemHeight(data: {
+                value: number;
+            }): void;
+        };
+        selection: SelectionManager;
+        navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
+        getId: (item: any) => string;
+        getTextValue: (item: any) => string;
+    } | undefined;
+}> & {
+    onGoToNext?: ((data: undefined, prevState: {
+        mode: SelectionGroupMode;
+        width: SelectionGroupWidth;
+        disabled: boolean;
+        error: SelectionGroupError | undefined;
+        'aria-invalid': boolean | undefined;
+        'aria-describedby': string | undefined;
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string | string[];
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        orientation: "horizontal" | "vertical";
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+    }) => void) | undefined;
+    onGoToPrevious?: ((data: undefined, prevState: {
+        mode: SelectionGroupMode;
+        width: SelectionGroupWidth;
+        disabled: boolean;
+        error: SelectionGroupError | undefined;
+        'aria-invalid': boolean | undefined;
+        'aria-describedby': string | undefined;
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string | string[];
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        orientation: "horizontal" | "vertical";
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+    }) => void) | undefined;
+    onGoToPreviousRow?: ((data: undefined, prevState: {
+        mode: SelectionGroupMode;
+        width: SelectionGroupWidth;
+        disabled: boolean;
+        error: SelectionGroupError | undefined;
+        'aria-invalid': boolean | undefined;
+        'aria-describedby': string | undefined;
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string | string[];
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        orientation: "horizontal" | "vertical";
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+    }) => void) | undefined;
+    onGoToNextRow?: ((data: undefined, prevState: {
+        mode: SelectionGroupMode;
+        width: SelectionGroupWidth;
+        disabled: boolean;
+        error: SelectionGroupError | undefined;
+        'aria-invalid': boolean | undefined;
+        'aria-describedby': string | undefined;
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string | string[];
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        orientation: "horizontal" | "vertical";
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+    }) => void) | undefined;
+    onGoToFirst?: ((data: undefined, prevState: {
+        mode: SelectionGroupMode;
+        width: SelectionGroupWidth;
+        disabled: boolean;
+        error: SelectionGroupError | undefined;
+        'aria-invalid': boolean | undefined;
+        'aria-describedby': string | undefined;
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string | string[];
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        orientation: "horizontal" | "vertical";
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+    }) => void) | undefined;
+    onGoToLast?: ((data: undefined, prevState: {
+        mode: SelectionGroupMode;
+        width: SelectionGroupWidth;
+        disabled: boolean;
+        error: SelectionGroupError | undefined;
+        'aria-invalid': boolean | undefined;
+        'aria-describedby': string | undefined;
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string | string[];
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        orientation: "horizontal" | "vertical";
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+    }) => void) | undefined;
+    onGoToFirstOfRow?: ((data: undefined, prevState: {
+        mode: SelectionGroupMode;
+        width: SelectionGroupWidth;
+        disabled: boolean;
+        error: SelectionGroupError | undefined;
+        'aria-invalid': boolean | undefined;
+        'aria-describedby': string | undefined;
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string | string[];
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        orientation: "horizontal" | "vertical";
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+    }) => void) | undefined;
+    onGoToLastOfRow?: ((data: undefined, prevState: {
+        mode: SelectionGroupMode;
+        width: SelectionGroupWidth;
+        disabled: boolean;
+        error: SelectionGroupError | undefined;
+        'aria-invalid': boolean | undefined;
+        'aria-describedby': string | undefined;
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string | string[];
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        orientation: "horizontal" | "vertical";
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+    }) => void) | undefined;
+    onGoToNextPage?: ((data: undefined, prevState: {
+        mode: SelectionGroupMode;
+        width: SelectionGroupWidth;
+        disabled: boolean;
+        error: SelectionGroupError | undefined;
+        'aria-invalid': boolean | undefined;
+        'aria-describedby': string | undefined;
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string | string[];
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        orientation: "horizontal" | "vertical";
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+    }) => void) | undefined;
+    onGoToPreviousPage?: ((data: undefined, prevState: {
+        mode: SelectionGroupMode;
+        width: SelectionGroupWidth;
+        disabled: boolean;
+        error: SelectionGroupError | undefined;
+        'aria-invalid': boolean | undefined;
+        'aria-describedby': string | undefined;
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string | string[];
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        orientation: "horizontal" | "vertical";
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+    }) => void) | undefined;
+    onSelect?: ((data: {
+        id: string;
+    }, prevState: {
+        mode: SelectionGroupMode;
+        width: SelectionGroupWidth;
+        disabled: boolean;
+        error: SelectionGroupError | undefined;
+        'aria-invalid': boolean | undefined;
+        'aria-describedby': string | undefined;
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string | string[];
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        orientation: "horizontal" | "vertical";
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+    }) => void) | undefined;
+    onSelectAll?: ((data: undefined, prevState: {
+        mode: SelectionGroupMode;
+        width: SelectionGroupWidth;
+        disabled: boolean;
+        error: SelectionGroupError | undefined;
+        'aria-invalid': boolean | undefined;
+        'aria-describedby': string | undefined;
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string | string[];
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        orientation: "horizontal" | "vertical";
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+    }) => void) | undefined;
+    onUnselectAll?: ((data: undefined, prevState: {
+        mode: SelectionGroupMode;
+        width: SelectionGroupWidth;
+        disabled: boolean;
+        error: SelectionGroupError | undefined;
+        'aria-invalid': boolean | undefined;
+        'aria-describedby': string | undefined;
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string | string[];
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        orientation: "horizontal" | "vertical";
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+    }) => void) | undefined;
+    onSetSelectedIds?: ((data: string[] | "all", prevState: {
+        mode: SelectionGroupMode;
+        width: SelectionGroupWidth;
+        disabled: boolean;
+        error: SelectionGroupError | undefined;
+        'aria-invalid': boolean | undefined;
+        'aria-describedby': string | undefined;
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string | string[];
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        orientation: "horizontal" | "vertical";
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+    }) => void) | undefined;
+    onRemove?: ((data: {
+        id: string;
+        nextId?: string | undefined;
+        event?: Event | React.SyntheticEvent<Element, Event> | undefined;
+    }, prevState: {
+        mode: SelectionGroupMode;
+        width: SelectionGroupWidth;
+        disabled: boolean;
+        error: SelectionGroupError | undefined;
+        'aria-invalid': boolean | undefined;
+        'aria-describedby': string | undefined;
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string | string[];
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        orientation: "horizontal" | "vertical";
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+    }) => void) | undefined;
+    onGoTo?: ((data: {
+        id: string;
+    }, prevState: {
+        mode: SelectionGroupMode;
+        width: SelectionGroupWidth;
+        disabled: boolean;
+        error: SelectionGroupError | undefined;
+        'aria-invalid': boolean | undefined;
+        'aria-describedby': string | undefined;
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string | string[];
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        orientation: "horizontal" | "vertical";
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+    }) => void) | undefined;
+    onRegisterItem?: ((data: {
+        id: string;
+        textValue: string;
+    }, prevState: {
+        mode: SelectionGroupMode;
+        width: SelectionGroupWidth;
+        disabled: boolean;
+        error: SelectionGroupError | undefined;
+        'aria-invalid': boolean | undefined;
+        'aria-describedby': string | undefined;
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string | string[];
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        orientation: "horizontal" | "vertical";
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+    }) => void) | undefined;
+    onUnregisterItem?: ((data: {
+        id: string;
+    }, prevState: {
+        mode: SelectionGroupMode;
+        width: SelectionGroupWidth;
+        disabled: boolean;
+        error: SelectionGroupError | undefined;
+        'aria-invalid': boolean | undefined;
+        'aria-describedby': string | undefined;
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string | string[];
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        orientation: "horizontal" | "vertical";
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+    }) => void) | undefined;
+    onUpdateItemHeight?: ((data: {
+        value: number;
+    }, prevState: {
+        mode: SelectionGroupMode;
+        width: SelectionGroupWidth;
+        disabled: boolean;
+        error: SelectionGroupError | undefined;
+        'aria-invalid': boolean | undefined;
+        'aria-describedby': string | undefined;
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string | string[];
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        orientation: "horizontal" | "vertical";
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+    }) => void) | undefined;
+} & {
+    shouldGoToNext?: ((data: undefined, state: {
+        mode: SelectionGroupMode;
+        width: SelectionGroupWidth;
+        disabled: boolean;
+        error: SelectionGroupError | undefined;
+        'aria-invalid': boolean | undefined;
+        'aria-describedby': string | undefined;
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string | string[];
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        orientation: "horizontal" | "vertical";
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+    }) => boolean) | undefined;
+    shouldGoToPrevious?: ((data: undefined, state: {
+        mode: SelectionGroupMode;
+        width: SelectionGroupWidth;
+        disabled: boolean;
+        error: SelectionGroupError | undefined;
+        'aria-invalid': boolean | undefined;
+        'aria-describedby': string | undefined;
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string | string[];
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        orientation: "horizontal" | "vertical";
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+    }) => boolean) | undefined;
+    shouldGoToPreviousRow?: ((data: undefined, state: {
+        mode: SelectionGroupMode;
+        width: SelectionGroupWidth;
+        disabled: boolean;
+        error: SelectionGroupError | undefined;
+        'aria-invalid': boolean | undefined;
+        'aria-describedby': string | undefined;
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string | string[];
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        orientation: "horizontal" | "vertical";
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+    }) => boolean) | undefined;
+    shouldGoToNextRow?: ((data: undefined, state: {
+        mode: SelectionGroupMode;
+        width: SelectionGroupWidth;
+        disabled: boolean;
+        error: SelectionGroupError | undefined;
+        'aria-invalid': boolean | undefined;
+        'aria-describedby': string | undefined;
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string | string[];
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        orientation: "horizontal" | "vertical";
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+    }) => boolean) | undefined;
+    shouldGoToFirst?: ((data: undefined, state: {
+        mode: SelectionGroupMode;
+        width: SelectionGroupWidth;
+        disabled: boolean;
+        error: SelectionGroupError | undefined;
+        'aria-invalid': boolean | undefined;
+        'aria-describedby': string | undefined;
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string | string[];
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        orientation: "horizontal" | "vertical";
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+    }) => boolean) | undefined;
+    shouldGoToLast?: ((data: undefined, state: {
+        mode: SelectionGroupMode;
+        width: SelectionGroupWidth;
+        disabled: boolean;
+        error: SelectionGroupError | undefined;
+        'aria-invalid': boolean | undefined;
+        'aria-describedby': string | undefined;
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string | string[];
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        orientation: "horizontal" | "vertical";
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+    }) => boolean) | undefined;
+    shouldGoToFirstOfRow?: ((data: undefined, state: {
+        mode: SelectionGroupMode;
+        width: SelectionGroupWidth;
+        disabled: boolean;
+        error: SelectionGroupError | undefined;
+        'aria-invalid': boolean | undefined;
+        'aria-describedby': string | undefined;
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string | string[];
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        orientation: "horizontal" | "vertical";
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+    }) => boolean) | undefined;
+    shouldGoToLastOfRow?: ((data: undefined, state: {
+        mode: SelectionGroupMode;
+        width: SelectionGroupWidth;
+        disabled: boolean;
+        error: SelectionGroupError | undefined;
+        'aria-invalid': boolean | undefined;
+        'aria-describedby': string | undefined;
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string | string[];
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        orientation: "horizontal" | "vertical";
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+    }) => boolean) | undefined;
+    shouldGoToNextPage?: ((data: undefined, state: {
+        mode: SelectionGroupMode;
+        width: SelectionGroupWidth;
+        disabled: boolean;
+        error: SelectionGroupError | undefined;
+        'aria-invalid': boolean | undefined;
+        'aria-describedby': string | undefined;
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string | string[];
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        orientation: "horizontal" | "vertical";
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+    }) => boolean) | undefined;
+    shouldGoToPreviousPage?: ((data: undefined, state: {
+        mode: SelectionGroupMode;
+        width: SelectionGroupWidth;
+        disabled: boolean;
+        error: SelectionGroupError | undefined;
+        'aria-invalid': boolean | undefined;
+        'aria-describedby': string | undefined;
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string | string[];
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        orientation: "horizontal" | "vertical";
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+    }) => boolean) | undefined;
+    shouldSelect?: ((data: {
+        id: string;
+    }, state: {
+        mode: SelectionGroupMode;
+        width: SelectionGroupWidth;
+        disabled: boolean;
+        error: SelectionGroupError | undefined;
+        'aria-invalid': boolean | undefined;
+        'aria-describedby': string | undefined;
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string | string[];
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        orientation: "horizontal" | "vertical";
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+    }) => boolean) | undefined;
+    shouldSelectAll?: ((data: undefined, state: {
+        mode: SelectionGroupMode;
+        width: SelectionGroupWidth;
+        disabled: boolean;
+        error: SelectionGroupError | undefined;
+        'aria-invalid': boolean | undefined;
+        'aria-describedby': string | undefined;
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string | string[];
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        orientation: "horizontal" | "vertical";
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+    }) => boolean) | undefined;
+    shouldUnselectAll?: ((data: undefined, state: {
+        mode: SelectionGroupMode;
+        width: SelectionGroupWidth;
+        disabled: boolean;
+        error: SelectionGroupError | undefined;
+        'aria-invalid': boolean | undefined;
+        'aria-describedby': string | undefined;
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string | string[];
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        orientation: "horizontal" | "vertical";
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+    }) => boolean) | undefined;
+    shouldSetSelectedIds?: ((data: string[] | "all", state: {
+        mode: SelectionGroupMode;
+        width: SelectionGroupWidth;
+        disabled: boolean;
+        error: SelectionGroupError | undefined;
+        'aria-invalid': boolean | undefined;
+        'aria-describedby': string | undefined;
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string | string[];
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        orientation: "horizontal" | "vertical";
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+    }) => boolean) | undefined;
+    shouldRemove?: ((data: {
+        id: string;
+        nextId?: string | undefined;
+        event?: Event | React.SyntheticEvent<Element, Event> | undefined;
+    }, state: {
+        mode: SelectionGroupMode;
+        width: SelectionGroupWidth;
+        disabled: boolean;
+        error: SelectionGroupError | undefined;
+        'aria-invalid': boolean | undefined;
+        'aria-describedby': string | undefined;
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string | string[];
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        orientation: "horizontal" | "vertical";
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+    }) => boolean) | undefined;
+    shouldGoTo?: ((data: {
+        id: string;
+    }, state: {
+        mode: SelectionGroupMode;
+        width: SelectionGroupWidth;
+        disabled: boolean;
+        error: SelectionGroupError | undefined;
+        'aria-invalid': boolean | undefined;
+        'aria-describedby': string | undefined;
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string | string[];
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        orientation: "horizontal" | "vertical";
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+    }) => boolean) | undefined;
+    shouldRegisterItem?: ((data: {
+        id: string;
+        textValue: string;
+    }, state: {
+        mode: SelectionGroupMode;
+        width: SelectionGroupWidth;
+        disabled: boolean;
+        error: SelectionGroupError | undefined;
+        'aria-invalid': boolean | undefined;
+        'aria-describedby': string | undefined;
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string | string[];
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        orientation: "horizontal" | "vertical";
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+    }) => boolean) | undefined;
+    shouldUnregisterItem?: ((data: {
+        id: string;
+    }, state: {
+        mode: SelectionGroupMode;
+        width: SelectionGroupWidth;
+        disabled: boolean;
+        error: SelectionGroupError | undefined;
+        'aria-invalid': boolean | undefined;
+        'aria-describedby': string | undefined;
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string | string[];
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        orientation: "horizontal" | "vertical";
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+    }) => boolean) | undefined;
+    shouldUpdateItemHeight?: ((data: {
+        value: number;
+    }, state: {
+        mode: SelectionGroupMode;
+        width: SelectionGroupWidth;
+        disabled: boolean;
+        error: SelectionGroupError | undefined;
+        'aria-invalid': boolean | undefined;
+        'aria-describedby': string | undefined;
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string | string[];
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        orientation: "horizontal" | "vertical";
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+    }) => boolean) | undefined;
+}) | undefined) => {
+    state: {
+        mode: SelectionGroupMode;
+        width: SelectionGroupWidth;
+        disabled: boolean;
+        error: SelectionGroupError | undefined;
+        'aria-invalid': boolean | undefined;
+        'aria-describedby': string | undefined;
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string | string[];
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        orientation: "horizontal" | "vertical";
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+    };
+    events: {
+        goToNext: () => void;
+        goToPrevious: () => void;
+        goToPreviousRow: () => void;
+        goToNextRow: () => void;
+        goToFirst: () => void;
+        goToLast: () => void;
+        goToFirstOfRow: () => void;
+        goToLastOfRow: () => void;
+        goToNextPage: () => void;
+        goToPreviousPage: () => void;
+        select(data: {
+            id: string;
+        }): void;
+        selectAll(): void;
+        unselectAll(): void;
+        setSelectedIds(ids: string[] | "all"): void;
+        remove(data: {
+            id: string;
+            nextId?: string | undefined;
+            event?: Event | React.SyntheticEvent<Element, Event> | undefined;
+        }): void;
+        goTo(data: {
+            id: string;
+        }): void;
+        registerItem(data: {
+            id: string;
+            textValue: string;
+        }): void;
+        unregisterItem(data: {
+            id: string;
+        }): void;
+        updateItemHeight(data: {
+            value: number;
+        }): void;
+    };
+    selection: SelectionManager;
+    navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
+    getId: (item: any) => string;
+    getTextValue: (item: any) => string;
+    UNSTABLE_parentModel: {
+        state: {
+            selectedIds: string[] | "all";
+            unselectedIds: string[];
+            cursorId: string | string[];
+            columnCount: number;
+            pageSizeRef: React.MutableRefObject<number>;
+            cursorIndexRef: {
+                readonly current: number;
+            };
+            UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
+            UNSTABLE_defaultItemHeight: number;
+            containerRef: React.RefObject<HTMLDivElement>;
+            id: string;
+            orientation: "horizontal" | "vertical";
+            indexRef: React.MutableRefObject<number>;
+            nonInteractiveIds: string[];
+            isVirtualized: boolean;
+            items: import("@workday/canvas-kit-react/collection").Item<any>[];
+        };
+        events: {
+            select(data: {
+                id: string;
+            }): void;
+            selectAll(): void;
+            unselectAll(): void;
+            setSelectedIds(ids: string[] | "all"): void;
+            remove(data: {
+                id: string;
+                nextId?: string | undefined;
+                event?: Event | React.SyntheticEvent<Element, Event> | undefined;
+            }): void;
+            goTo(data: {
+                id: string;
+            }): void;
+            goToNext(): void;
+            goToPrevious(): void;
+            goToPreviousRow(): void;
+            goToNextRow(): void;
+            goToFirst(): void;
+            goToLast(): void;
+            goToFirstOfRow(): void;
+            goToLastOfRow(): void;
+            goToNextPage(): void;
+            goToPreviousPage(): void;
+            registerItem(data: {
+                id: string;
+                textValue: string;
+            }): void;
+            unregisterItem(data: {
+                id: string;
+            }): void;
+            updateItemHeight(data: {
+                value: number;
+            }): void;
+        };
+        selection: SelectionManager;
+        navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
+        getId: (item: any) => string;
+        getTextValue: (item: any) => string;
+    } | undefined;
+}) & import("@workday/canvas-kit-react/common").ModelExtras<{
+    /**
+     * Optional id for the whole `SelectionGroup`. If not provided, a unique id will be created.
+     * @default useUniqueId()
+     */
+    id: string;
+    /**
+     * The selection mode of the group. `single` allows one selection at a time and behaves like a
+     * radio group. `multiple` allows more than one selection and behaves like a checkbox group.
+     *
+     * This drives more than selection - it also determines the `radio`/`checkbox` role of an item,
+     * the `radiogroup`/`group` role of the list, whether the group is one tab stop or many, and the
+     * shape of the item's icon. The matching `selection` manager is derived from it, so most groups
+     * should set `mode` rather than passing a `selection` manager directly.
+     * @default 'single'
+     */
+    mode: SelectionGroupMode;
+    /**
+     * The selection manager the underlying list model uses. Leave this unset unless you need
+     * selection to behave differently from what `mode` provides - `mode` picks
+     * `singleSelectionManager` or `multiSelectionManager` for you. Setting this does not change
+     * the roles or keyboard behavior that `mode` controls.
+     * @default `singleSelectionManager`, or `multiSelectionManager` when `mode` is `'multiple'`
+     */
+    selection: SelectionManager | undefined;
+    /**
+     * Controls how item widths are calculated within the group. All items in a group use the same
+     * sizing method.
+     * - `content`: each item is sized to its own label.
+     * - `equal`: each item is sized to match the widest item.
+     * - `column`: each item spans the full width of the group.
+     * @default 'content'
+     */
+    width: SelectionGroupWidth;
+    /**
+     * The initially selected ids of the group. Use this for uncontrolled groups. For `single` mode,
+     * provide a single id. If not provided, nothing is selected until the user interacts.
+     */
+    initialSelectedIds: string[];
+    /**
+     * The selected ids of the group. Providing this prop puts the model in a controlled state: the
+     * group renders exactly what is passed in and will not change on its own. Use `onSelect` to
+     * respond to selection.
+     */
+    selectedIds: string[] | undefined;
+    /**
+     * Sets disabled state for every item in the group. To disable individual items instead, pass
+     * their ids to `nonInteractiveIds` so keyboard navigation skips over them.
+     * @default false
+     */
+    disabled: boolean;
+    /**
+     * The type of error associated with the group (if applicable). Notification states apply to the
+     * whole group rather than to individual items.
+     *
+     * This prop only changes the group's border color, which is not sufficient on its own. Always
+     * pair it with visible text describing the state and reference that text with
+     * `aria-describedby`. Wrapping the group in a `FormField` with a `FormField.Hint` does this
+     * for you.
+     */
+    error: SelectionGroupError | undefined;
+    /**
+     * If true, the group is marked invalid to assistive technology. Only applies when `mode` is
+     * `'single'`, because `aria-invalid` is not allowed on the `group` role that a multi-select
+     * group renders.
+     * @default true when `error` is `'error'`, otherwise undefined
+     */
+    'aria-invalid': boolean | undefined;
+    /**
+     * The id of the element describing the group, such as the hint text of a `FormField`. This is
+     * set automatically when the group is used as a `FormField.Input`.
+     */
+    'aria-describedby': string | undefined;
+    /**
+     * The orientation of keyboard navigation within the group.
+     * @default 'horizontal'
+     */
+    orientation: import("@workday/canvas-kit-react/collection").Orientation;
+    initialUnselectedIds: string[];
+    initialCursorId: string | string[];
+    columnCount: number;
+    navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
+    pageSize: number;
+    getId: (item: any) => string;
+    getTextValue: (item: any) => string;
+    nonInteractiveIds: string[];
+    defaultItemHeight: number;
+    shouldVirtualize: boolean;
+    items: any[];
+    UNSTABLE_parentModel: {
+        state: {
+            selectedIds: string[] | "all";
+            unselectedIds: string[];
+            cursorId: string | string[];
+            columnCount: number;
+            pageSizeRef: React.MutableRefObject<number>;
+            cursorIndexRef: {
+                readonly current: number;
+            };
+            UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
+            UNSTABLE_defaultItemHeight: number;
+            containerRef: React.RefObject<HTMLDivElement>;
+            id: string;
+            orientation: "horizontal" | "vertical";
+            indexRef: React.MutableRefObject<number>;
+            nonInteractiveIds: string[];
+            isVirtualized: boolean;
+            items: import("@workday/canvas-kit-react/collection").Item<any>[];
+        };
+        events: {
+            select(data: {
+                id: string;
+            }): void;
+            selectAll(): void;
+            unselectAll(): void;
+            setSelectedIds(ids: string[] | "all"): void;
+            remove(data: {
+                id: string;
+                nextId?: string | undefined;
+                event?: Event | React.SyntheticEvent<Element, Event> | undefined;
+            }): void;
+            goTo(data: {
+                id: string;
+            }): void;
+            goToNext(): void;
+            goToPrevious(): void;
+            goToPreviousRow(): void;
+            goToNextRow(): void;
+            goToFirst(): void;
+            goToLast(): void;
+            goToFirstOfRow(): void;
+            goToLastOfRow(): void;
+            goToNextPage(): void;
+            goToPreviousPage(): void;
+            registerItem(data: {
+                id: string;
+                textValue: string;
+            }): void;
+            unregisterItem(data: {
+                id: string;
+            }): void;
+            updateItemHeight(data: {
+                value: number;
+            }): void;
+        };
+        selection: SelectionManager;
+        navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
+        getId: (item: any) => string;
+        getTextValue: (item: any) => string;
+    } | undefined;
+}, {}, {
+    mode: SelectionGroupMode;
+    width: SelectionGroupWidth;
+    disabled: boolean;
+    error: SelectionGroupError | undefined;
+    'aria-invalid': boolean | undefined;
+    'aria-describedby': string | undefined;
+    selectedIds: string[] | "all";
+    unselectedIds: string[];
+    cursorId: string | string[];
+    columnCount: number;
+    pageSizeRef: React.MutableRefObject<number>;
+    cursorIndexRef: {
+        readonly current: number;
+    };
+    UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
+    UNSTABLE_defaultItemHeight: number;
+    containerRef: React.RefObject<HTMLDivElement>;
+    id: string;
+    orientation: "horizontal" | "vertical";
+    indexRef: React.MutableRefObject<number>;
+    nonInteractiveIds: string[];
+    isVirtualized: boolean;
+    items: import("@workday/canvas-kit-react/collection").Item<any>[];
+}, {
+    goToNext: () => void;
+    goToPrevious: () => void;
+    goToPreviousRow: () => void;
+    goToNextRow: () => void;
+    goToFirst: () => void;
+    goToLast: () => void;
+    goToFirstOfRow: () => void;
+    goToLastOfRow: () => void;
+    goToNextPage: () => void;
+    goToPreviousPage: () => void;
+    select(data: {
+        id: string;
+    }): void;
+    selectAll(): void;
+    unselectAll(): void;
+    setSelectedIds(ids: string[] | "all"): void;
+    remove(data: {
+        id: string;
+        nextId?: string | undefined;
+        event?: Event | React.SyntheticEvent<Element, Event> | undefined;
+    }): void;
+    goTo(data: {
+        id: string;
+    }): void;
+    registerItem(data: {
+        id: string;
+        textValue: string;
+    }): void;
+    unregisterItem(data: {
+        id: string;
+    }): void;
+    updateItemHeight(data: {
+        value: number;
+    }): void;
+}, {
+    state: {
+        mode: SelectionGroupMode;
+        width: SelectionGroupWidth;
+        disabled: boolean;
+        error: SelectionGroupError | undefined;
+        'aria-invalid': boolean | undefined;
+        'aria-describedby': string | undefined;
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string | string[];
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        orientation: "horizontal" | "vertical";
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+    };
+    events: {
+        goToNext: () => void;
+        goToPrevious: () => void;
+        goToPreviousRow: () => void;
+        goToNextRow: () => void;
+        goToFirst: () => void;
+        goToLast: () => void;
+        goToFirstOfRow: () => void;
+        goToLastOfRow: () => void;
+        goToNextPage: () => void;
+        goToPreviousPage: () => void;
+        select(data: {
+            id: string;
+        }): void;
+        selectAll(): void;
+        unselectAll(): void;
+        setSelectedIds(ids: string[] | "all"): void;
+        remove(data: {
+            id: string;
+            nextId?: string | undefined;
+            event?: Event | React.SyntheticEvent<Element, Event> | undefined;
+        }): void;
+        goTo(data: {
+            id: string;
+        }): void;
+        registerItem(data: {
+            id: string;
+            textValue: string;
+        }): void;
+        unregisterItem(data: {
+            id: string;
+        }): void;
+        updateItemHeight(data: {
+            value: number;
+        }): void;
+    };
+    selection: SelectionManager;
+    navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
+    getId: (item: any) => string;
+    getTextValue: (item: any) => string;
+    UNSTABLE_parentModel: {
+        state: {
+            selectedIds: string[] | "all";
+            unselectedIds: string[];
+            cursorId: string | string[];
+            columnCount: number;
+            pageSizeRef: React.MutableRefObject<number>;
+            cursorIndexRef: {
+                readonly current: number;
+            };
+            UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
+            UNSTABLE_defaultItemHeight: number;
+            containerRef: React.RefObject<HTMLDivElement>;
+            id: string;
+            orientation: "horizontal" | "vertical";
+            indexRef: React.MutableRefObject<number>;
+            nonInteractiveIds: string[];
+            isVirtualized: boolean;
+            items: import("@workday/canvas-kit-react/collection").Item<any>[];
+        };
+        events: {
+            select(data: {
+                id: string;
+            }): void;
+            selectAll(): void;
+            unselectAll(): void;
+            setSelectedIds(ids: string[] | "all"): void;
+            remove(data: {
+                id: string;
+                nextId?: string | undefined;
+                event?: Event | React.SyntheticEvent<Element, Event> | undefined;
+            }): void;
+            goTo(data: {
+                id: string;
+            }): void;
+            goToNext(): void;
+            goToPrevious(): void;
+            goToPreviousRow(): void;
+            goToNextRow(): void;
+            goToFirst(): void;
+            goToLast(): void;
+            goToFirstOfRow(): void;
+            goToLastOfRow(): void;
+            goToNextPage(): void;
+            goToPreviousPage(): void;
+            registerItem(data: {
+                id: string;
+                textValue: string;
+            }): void;
+            unregisterItem(data: {
+                id: string;
+            }): void;
+            updateItemHeight(data: {
+                value: number;
+            }): void;
+        };
+        selection: SelectionManager;
+        navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
+        getId: (item: any) => string;
+        getTextValue: (item: any) => string;
+    } | undefined;
+}>;
+//# sourceMappingURL=useSelectionGroupModel.d.ts.map