@workday/canvas-kit-react 12.1.0-937-next.0 → 12.1.0-945-next.0

package/dist/es6/tabs/lib/useTabsModel.d.ts

@@ -1461,8 +1461,11 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
+        containerSize: number;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1503,8 +1506,11 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
+        containerSize: number;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1545,8 +1551,57 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
+        containerSize: number;
         containerWidth: number;
+        containerGap: number;
+        overflowTargetWidth: number;
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string;
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: {
+            virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
+            totalSize: number;
+            scrollToOffset: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
+            scrollToIndex: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
+            measure: () => void;
+        };
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+    }) => void) | undefined;
+    onSetContainerSize?: ((data: {
+        width?: number | undefined;
+        height?: number | undefined;
+    }, prevState: {
+        getId: (item: any) => string;
+        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        /**
+         * A list of panels. Uses `ListModel`
+         */
+        panels: import("@workday/canvas-kit-react/collection").Item<any>[];
+        /**
+         * A React.Ref of the current item index. A ref is used to allow for updating outside the normal
+         * React state cycle to ensure accurate index tracking as items are registered within the same
+         * state setting phase.
+         */
+        panelIndexRef: React.MutableRefObject<number>;
+        hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
+        itemWidthCache: Record<string, number>;
+        containerSize: number;
+        containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1587,8 +1642,102 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
+        itemWidthCache: Record<string, number>;
+        containerSize: number;
+        containerWidth: number;
+        containerGap: number;
+        overflowTargetWidth: number;
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string;
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: {
+            virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
+            totalSize: number;
+            scrollToOffset: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
+            scrollToIndex: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
+            measure: () => void;
+        };
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+    }) => void) | undefined;
+    onSetContainerGap?: ((data: {
+        size: number;
+    }, prevState: {
+        getId: (item: any) => string;
+        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        /**
+         * A list of panels. Uses `ListModel`
+         */
+        panels: import("@workday/canvas-kit-react/collection").Item<any>[];
+        /**
+         * A React.Ref of the current item index. A ref is used to allow for updating outside the normal
+         * React state cycle to ensure accurate index tracking as items are registered within the same
+         * state setting phase.
+         */
+        panelIndexRef: React.MutableRefObject<number>;
+        hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
+        itemWidthCache: Record<string, number>;
+        containerSize: number;
+        containerWidth: number;
+        containerGap: number;
+        overflowTargetWidth: number;
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string;
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: {
+            virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
+            totalSize: number;
+            scrollToOffset: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
+            scrollToIndex: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
+            measure: () => void;
+        };
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+    }) => void) | undefined;
+    onSetOverflowTargetSize?: ((data: {
+        width: number;
+        height: number;
+    }, prevState: {
+        getId: (item: any) => string;
+        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        /**
+         * A list of panels. Uses `ListModel`
+         */
+        panels: import("@workday/canvas-kit-react/collection").Item<any>[];
+        /**
+         * A React.Ref of the current item index. A ref is used to allow for updating outside the normal
+         * React state cycle to ensure accurate index tracking as items are registered within the same
+         * state setting phase.
+         */
+        panelIndexRef: React.MutableRefObject<number>;
+        hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
+        containerSize: number;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1629,8 +1778,11 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
+        containerSize: number;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1672,8 +1824,103 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
+        itemWidthCache: Record<string, number>;
+        containerSize: number;
+        containerWidth: number;
+        containerGap: number;
+        overflowTargetWidth: number;
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string;
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: {
+            virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
+            totalSize: number;
+            scrollToOffset: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
+            scrollToIndex: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
+            measure: () => void;
+        };
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+    }) => void) | undefined;
+    onAddItemSize?: ((data: {
+        id: string;
+        width: number;
+        height: number;
+    }, prevState: {
+        getId: (item: any) => string;
+        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        /**
+         * A list of panels. Uses `ListModel`
+         */
+        panels: import("@workday/canvas-kit-react/collection").Item<any>[];
+        /**
+         * A React.Ref of the current item index. A ref is used to allow for updating outside the normal
+         * React state cycle to ensure accurate index tracking as items are registered within the same
+         * state setting phase.
+         */
+        panelIndexRef: React.MutableRefObject<number>;
+        hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
+        itemWidthCache: Record<string, number>;
+        containerSize: number;
+        containerWidth: number;
+        containerGap: number;
+        overflowTargetWidth: number;
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string;
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: {
+            virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
+            totalSize: number;
+            scrollToOffset: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
+            scrollToIndex: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
+            measure: () => void;
+        };
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+    }) => void) | undefined;
+    onRemoveItemSize?: ((data: {
+        id: string;
+    }, prevState: {
+        getId: (item: any) => string;
+        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        /**
+         * A list of panels. Uses `ListModel`
+         */
+        panels: import("@workday/canvas-kit-react/collection").Item<any>[];
+        /**
+         * A React.Ref of the current item index. A ref is used to allow for updating outside the normal
+         * React state cycle to ensure accurate index tracking as items are registered within the same
+         * state setting phase.
+         */
+        panelIndexRef: React.MutableRefObject<number>;
+        hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
+        containerSize: number;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1714,8 +1961,11 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
+        containerSize: number;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1756,8 +2006,11 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
+        containerSize: number;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1798,8 +2051,11 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
+        containerSize: number;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1838,8 +2094,11 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
+        containerSize: number;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1878,8 +2137,11 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
+        containerSize: number;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1918,8 +2180,11 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
+        containerSize: number;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1960,8 +2225,11 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
+        containerSize: number;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -2000,8 +2268,11 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
+        containerSize: number;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -2040,8 +2311,11 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
+        containerSize: number;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -2080,8 +2354,11 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
+        containerSize: number;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -2120,8 +2397,11 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
+        containerSize: number;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -2160,8 +2440,11 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
+        containerSize: number;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -2200,8 +2483,11 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
+        containerSize: number;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -2240,8 +2526,11 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
+        containerSize: number;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -2280,8 +2569,11 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
+        containerSize: number;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -2320,8 +2612,11 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
+        containerSize: number;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -2360,8 +2655,11 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
+        containerSize: number;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -2403,8 +2701,11 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
+        containerSize: number;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -2445,8 +2746,11 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
+        containerSize: number;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -2487,8 +2791,11 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
+        containerSize: number;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -2531,8 +2838,11 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
+        containerSize: number;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -2573,8 +2883,11 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
+        containerSize: number;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -2615,8 +2928,57 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
+        itemWidthCache: Record<string, number>;
+        containerSize: number;
+        containerWidth: number;
+        containerGap: number;
+        overflowTargetWidth: number;
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string;
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: {
+            virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
+            totalSize: number;
+            scrollToOffset: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
+            scrollToIndex: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
+            measure: () => void;
+        };
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+    }) => boolean) | undefined;
+    shouldSetContainerSize?: ((data: {
+        width?: number | undefined;
+        height?: number | undefined;
+    }, state: {
+        getId: (item: any) => string;
+        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        /**
+         * A list of panels. Uses `ListModel`
+         */
+        panels: import("@workday/canvas-kit-react/collection").Item<any>[];
+        /**
+         * A React.Ref of the current item index. A ref is used to allow for updating outside the normal
+         * React state cycle to ensure accurate index tracking as items are registered within the same
+         * state setting phase.
+         */
+        panelIndexRef: React.MutableRefObject<number>;
+        hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
+        containerSize: number;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -2657,8 +3019,102 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
+        itemWidthCache: Record<string, number>;
+        containerSize: number;
+        containerWidth: number;
+        containerGap: number;
+        overflowTargetWidth: number;
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string;
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: {
+            virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
+            totalSize: number;
+            scrollToOffset: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
+            scrollToIndex: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
+            measure: () => void;
+        };
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+    }) => boolean) | undefined;
+    shouldSetContainerGap?: ((data: {
+        size: number;
+    }, state: {
+        getId: (item: any) => string;
+        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        /**
+         * A list of panels. Uses `ListModel`
+         */
+        panels: import("@workday/canvas-kit-react/collection").Item<any>[];
+        /**
+         * A React.Ref of the current item index. A ref is used to allow for updating outside the normal
+         * React state cycle to ensure accurate index tracking as items are registered within the same
+         * state setting phase.
+         */
+        panelIndexRef: React.MutableRefObject<number>;
+        hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
+        containerSize: number;
         containerWidth: number;
+        containerGap: number;
+        overflowTargetWidth: number;
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string;
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: {
+            virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
+            totalSize: number;
+            scrollToOffset: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
+            scrollToIndex: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
+            measure: () => void;
+        };
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+    }) => boolean) | undefined;
+    shouldSetOverflowTargetSize?: ((data: {
+        width: number;
+        height: number;
+    }, state: {
+        getId: (item: any) => string;
+        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        /**
+         * A list of panels. Uses `ListModel`
+         */
+        panels: import("@workday/canvas-kit-react/collection").Item<any>[];
+        /**
+         * A React.Ref of the current item index. A ref is used to allow for updating outside the normal
+         * React state cycle to ensure accurate index tracking as items are registered within the same
+         * state setting phase.
+         */
+        panelIndexRef: React.MutableRefObject<number>;
+        hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
+        itemWidthCache: Record<string, number>;
+        containerSize: number;
+        containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -2699,8 +3155,11 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
+        containerSize: number;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -2742,8 +3201,103 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
+        itemWidthCache: Record<string, number>;
+        containerSize: number;
+        containerWidth: number;
+        containerGap: number;
+        overflowTargetWidth: number;
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string;
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: {
+            virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
+            totalSize: number;
+            scrollToOffset: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
+            scrollToIndex: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
+            measure: () => void;
+        };
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+    }) => boolean) | undefined;
+    shouldAddItemSize?: ((data: {
+        id: string;
+        width: number;
+        height: number;
+    }, state: {
+        getId: (item: any) => string;
+        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        /**
+         * A list of panels. Uses `ListModel`
+         */
+        panels: import("@workday/canvas-kit-react/collection").Item<any>[];
+        /**
+         * A React.Ref of the current item index. A ref is used to allow for updating outside the normal
+         * React state cycle to ensure accurate index tracking as items are registered within the same
+         * state setting phase.
+         */
+        panelIndexRef: React.MutableRefObject<number>;
+        hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
+        itemWidthCache: Record<string, number>;
+        containerSize: number;
+        containerWidth: number;
+        containerGap: number;
+        overflowTargetWidth: number;
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string;
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: {
+            virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
+            totalSize: number;
+            scrollToOffset: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
+            scrollToIndex: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
+            measure: () => void;
+        };
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+    }) => boolean) | undefined;
+    shouldRemoveItemSize?: ((data: {
+        id: string;
+    }, state: {
+        getId: (item: any) => string;
+        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        /**
+         * A list of panels. Uses `ListModel`
+         */
+        panels: import("@workday/canvas-kit-react/collection").Item<any>[];
+        /**
+         * A React.Ref of the current item index. A ref is used to allow for updating outside the normal
+         * React state cycle to ensure accurate index tracking as items are registered within the same
+         * state setting phase.
+         */
+        panelIndexRef: React.MutableRefObject<number>;
+        hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
+        containerSize: number;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -2784,8 +3338,11 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
+        containerSize: number;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -2826,8 +3383,11 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
+        containerSize: number;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -2868,8 +3428,11 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
+        containerSize: number;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -2908,8 +3471,11 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
+        containerSize: number;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -2948,8 +3514,11 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
+        containerSize: number;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -2988,8 +3557,11 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
+        containerSize: number;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -3030,8 +3602,11 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
+        containerSize: number;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -3070,8 +3645,11 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
+        containerSize: number;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -3110,8 +3688,11 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
+        containerSize: number;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -3150,8 +3731,11 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
+        containerSize: number;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -3190,8 +3774,11 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
+        containerSize: number;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -3230,8 +3817,11 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
+        containerSize: number;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -3270,8 +3860,11 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
+        containerSize: number;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -3310,8 +3903,11 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
+        containerSize: number;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -3350,8 +3946,11 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
+        containerSize: number;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -3390,8 +3989,11 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
+        containerSize: number;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -3430,8 +4032,11 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
+        containerSize: number;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -3473,8 +4078,11 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
+        containerSize: number;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -3515,8 +4123,11 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
+        containerSize: number;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -3557,8 +4168,11 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
+        containerSize: number;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -3598,8 +4212,11 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
+        containerSize: number;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -3641,9 +4258,20 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
         select(data: {
             id: string;
         }): void;
+        setContainerSize(data: {
+            width?: number | undefined;
+            height?: number | undefined;
+        }): void;
         setContainerWidth(data: {
             width?: number | undefined;
         }): void;
+        setContainerGap(data: {
+            size: number;
+        }): void;
+        setOverflowTargetSize(data: {
+            width: number;
+            height: number;
+        }): void;
         setOverflowTargetWidth(data: {
             width: number;
         }): void;
@@ -3651,6 +4279,14 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
             id: string;
             width: number;
         }): void;
+        addItemSize(data: {
+            id: string;
+            width: number;
+            height: number;
+        }): void;
+        removeItemSize(data: {
+            id: string;
+        }): void;
         removeItemWidth(data: {
             id: string;
         }): void;
@@ -5205,8 +5841,11 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
      */
     panelIndexRef: React.MutableRefObject<number>;
     hiddenIds: string[];
+    itemSizeCache: Record<string, number>;
     itemWidthCache: Record<string, number>;
+    containerSize: number;
     containerWidth: number;
+    containerGap: number;
     overflowTargetWidth: number;
     selectedIds: string[] | "all";
     unselectedIds: string[];
@@ -5247,9 +5886,20 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
     select(data: {
         id: string;
     }): void;
+    setContainerSize(data: {
+        width?: number | undefined;
+        height?: number | undefined;
+    }): void;
     setContainerWidth(data: {
         width?: number | undefined;
     }): void;
+    setContainerGap(data: {
+        size: number;
+    }): void;
+    setOverflowTargetSize(data: {
+        width: number;
+        height: number;
+    }): void;
     setOverflowTargetWidth(data: {
         width: number;
     }): void;
@@ -5257,6 +5907,14 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
         id: string;
         width: number;
     }): void;
+    addItemSize(data: {
+        id: string;
+        width: number;
+        height: number;
+    }): void;
+    removeItemSize(data: {
+        id: string;
+    }): void;
     removeItemWidth(data: {
         id: string;
     }): void;
@@ -5307,8 +5965,11 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
+        containerSize: number;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -5350,9 +6011,20 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
         select(data: {
             id: string;
         }): void;
+        setContainerSize(data: {
+            width?: number | undefined;
+            height?: number | undefined;
+        }): void;
         setContainerWidth(data: {
             width?: number | undefined;
         }): void;
+        setContainerGap(data: {
+            size: number;
+        }): void;
+        setOverflowTargetSize(data: {
+            width: number;
+            height: number;
+        }): void;
         setOverflowTargetWidth(data: {
             width: number;
         }): void;
@@ -5360,6 +6032,14 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
             id: string;
             width: number;
         }): void;
+        addItemSize(data: {
+            id: string;
+            width: number;
+            height: number;
+        }): void;
+        removeItemSize(data: {
+            id: string;
+        }): void;
         removeItemWidth(data: {
             id: string;
         }): void;