@workday/canvas-kit-preview-react 16.0.0-alpha.0470-next.0 → 16.0.0-alpha.0475-next.0

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

@@ -0,0 +1,650 @@
+import * as React from 'react';
+export interface OverflowButtonProps {
+    /**
+     * The label text of the Tab.
+     */
+    children: React.ReactNode;
+}
+export declare const useTabsOverflowButton: import("@workday/canvas-kit-react/common").BehaviorHook<{
+    state: {
+        getId: (item: any) => string;
+        orientation: import("@workday/canvas-kit-react/collection").Orientation;
+        panels: import("@workday/canvas-kit-react/collection").Item<any>[];
+        panelIndexRef: React.MutableRefObject<number>;
+        variant: "filled" | "outlined";
+        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 | 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;
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+    };
+    events: {
+        registerPanel: (data: {
+            id: string;
+            textValue: string;
+        }) => void;
+        unregisterPanel: (data: {
+            id: string;
+        }) => void;
+        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;
+        addItemWidth(data: {
+            id: string;
+            width: number;
+        }): void;
+        addItemSize(data: {
+            id: string;
+            width: number;
+            height: number;
+        }): void;
+        removeItemSize(data: {
+            id: string;
+        }): void;
+        removeItemWidth(data: {
+            id: string;
+        }): void;
+        addHiddenKey(data: {
+            id: string;
+        }): void;
+        removeHiddenKey(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;
+    };
+    menu: {
+        state: {
+            stackRef: React.RefObject<HTMLDivElement>;
+            targetRef: React.RefObject<HTMLButtonElement>;
+            initialFocusRef: React.RefObject<any> | undefined;
+            returnFocusRef: React.RefObject<any> | undefined;
+            placement: import("@popperjs/core").Placement;
+            id: string;
+            visibility: "hidden" | "visible";
+            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>;
+            orientation: "horizontal" | "vertical";
+            indexRef: React.MutableRefObject<number>;
+            nonInteractiveIds: string[];
+            isVirtualized: boolean;
+            items: import("@workday/canvas-kit-react/collection").Item<any>[];
+            mode: "multiple" | "single";
+        };
+        events: {
+            updatePlacement(data: {
+                placement: import("@popperjs/core").Placement;
+            }): void;
+            show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
+            hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): 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;
+            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;
+        };
+        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: import("@workday/canvas-kit-react/collection").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: import("@workday/canvas-kit-react/collection").SelectionManager;
+                navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
+                getId: (item: any) => string;
+                getTextValue: (item: any) => string;
+            } | undefined;
+        };
+        selection: import("@workday/canvas-kit-react/collection").SelectionManager;
+        navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
+        getId: (item: any) => string;
+        getTextValue: (item: any) => string;
+    };
+    selection: import("@workday/canvas-kit-react/collection").SelectionManager;
+    navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
+    getId: (item: any) => string;
+    getTextValue: (item: any) => string;
+}, import("@workday/canvas-kit-react/common").RemoveNulls<import("@workday/canvas-kit-react/common").MergeProps<{
+    readonly 'aria-haspopup': true;
+}, import("@workday/canvas-kit-react/common").MergeProps<{
+    readonly ref: (instance: HTMLElement | null) => void;
+    readonly 'aria-hidden': boolean;
+    readonly tabIndex: 0 | -1;
+    readonly style: {
+        readonly position: "absolute";
+        readonly left: -99999;
+    } | undefined;
+}, import("@workday/canvas-kit-react/common").MergeProps<import("@workday/canvas-kit-react/common").RemoveNulls<import("@workday/canvas-kit-react/common").MergeProps<{
+    readonly id: string;
+    readonly 'aria-haspopup': "true";
+    readonly 'aria-expanded': boolean;
+    readonly onKeyDown: (event: React.KeyboardEvent<Element>) => void;
+}, import("@workday/canvas-kit-react/common").MergeProps<{
+    readonly ref: (instance: unknown) => void;
+    readonly onClick: (event: React.MouseEvent<Element, MouseEvent>) => void;
+}, import("@workday/canvas-kit-react/common").MergeProps<{}, import("@workday/canvas-kit-react/common").MergeProps<{}, import("@workday/canvas-kit-react/common").MergeProps<{}, import("@workday/canvas-kit-react/common").MergeProps<{}, {}>>>>>>>, import("@workday/canvas-kit-react/common").MergeProps<{}, import("@workday/canvas-kit-react/common").MergeProps<{}, import("@workday/canvas-kit-react/common").MergeProps<{}, {}>>>>>>>>;
+export declare const TabsOverflowButton: import("@workday/canvas-kit-react/common").ElementComponentM<"button", OverflowButtonProps, {
+    state: {
+        getId: (item: any) => string;
+        orientation: import("@workday/canvas-kit-react/collection").Orientation;
+        panels: import("@workday/canvas-kit-react/collection").Item<any>[];
+        panelIndexRef: React.MutableRefObject<number>;
+        variant: "filled" | "outlined";
+        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 | 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;
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+    };
+    events: {
+        registerPanel: (data: {
+            id: string;
+            textValue: string;
+        }) => void;
+        unregisterPanel: (data: {
+            id: string;
+        }) => void;
+        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;
+        addItemWidth(data: {
+            id: string;
+            width: number;
+        }): void;
+        addItemSize(data: {
+            id: string;
+            width: number;
+            height: number;
+        }): void;
+        removeItemSize(data: {
+            id: string;
+        }): void;
+        removeItemWidth(data: {
+            id: string;
+        }): void;
+        addHiddenKey(data: {
+            id: string;
+        }): void;
+        removeHiddenKey(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;
+    };
+    menu: {
+        state: {
+            stackRef: React.RefObject<HTMLDivElement>;
+            targetRef: React.RefObject<HTMLButtonElement>;
+            initialFocusRef: React.RefObject<any> | undefined;
+            returnFocusRef: React.RefObject<any> | undefined;
+            placement: import("@popperjs/core").Placement;
+            id: string;
+            visibility: "hidden" | "visible";
+            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>;
+            orientation: "horizontal" | "vertical";
+            indexRef: React.MutableRefObject<number>;
+            nonInteractiveIds: string[];
+            isVirtualized: boolean;
+            items: import("@workday/canvas-kit-react/collection").Item<any>[];
+            mode: "multiple" | "single";
+        };
+        events: {
+            updatePlacement(data: {
+                placement: import("@popperjs/core").Placement;
+            }): void;
+            show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
+            hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): 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;
+            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;
+        };
+        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: import("@workday/canvas-kit-react/collection").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: import("@workday/canvas-kit-react/collection").SelectionManager;
+                navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
+                getId: (item: any) => string;
+                getTextValue: (item: any) => string;
+            } | undefined;
+        };
+        selection: import("@workday/canvas-kit-react/collection").SelectionManager;
+        navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
+        getId: (item: any) => string;
+        getTextValue: (item: any) => string;
+    };
+    selection: import("@workday/canvas-kit-react/collection").SelectionManager;
+    navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
+    getId: (item: any) => string;
+    getTextValue: (item: any) => string;
+}>;
+//# sourceMappingURL=TabsOverflowButton.d.ts.map

package/dist/es6/tabs/lib/TabsOverflowButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsOverflowButton.d.ts","sourceRoot":"","sources":["../../../../tabs/lib/TabsOverflowButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkB/B,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAWD,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8aAQjC,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgB7B,CAAC"}

package/dist/es6/tabs/lib/TabsOverflowButton.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useOverflowListTarget } from '@workday/canvas-kit-react/collection';
+import { composeHooks, createElemPropsHook, createSubModelElemPropsHook, createSubcomponent, } from '@workday/canvas-kit-react/common';
+import { SystemIcon } from '@workday/canvas-kit-react/icon';
+import { mergeStyles } from '@workday/canvas-kit-react/layout';
+import { useMenuTarget } from '@workday/canvas-kit-react/menu';
+import { createStencil } from '@workday/canvas-kit-styling';
+import { chevronDownSmallIcon } from '@workday/canvas-system-icons-web';
+import { StyledTabItem } from './TabsItem';
+import { useTabsModel } from './useTabsModel';
+const tabsOverflowButtonStencil = createStencil({
+    base: { name: "33y9f0", styles: "box-sizing:border-box;&:has([data-part=\"tabs-overflow-button-icon\"]){display:flex;gap:0;}" }
+}, "tabs-overflow-button-5432e3");
+export const useTabsOverflowButton = composeHooks(createElemPropsHook(useTabsModel)(() => {
+    return {
+        'aria-haspopup': true,
+    };
+}), useOverflowListTarget, createSubModelElemPropsHook(useTabsModel)(m => m.menu, useMenuTarget));
+export const TabsOverflowButton = createSubcomponent('button')({
+    displayName: 'Tabs.OverflowButton',
+    modelHook: useTabsModel,
+    elemPropsHook: useTabsOverflowButton,
+})(({ children, ...elemProps }, Element, model) => {
+    return (_jsxs(StyledTabItem, { type: "button", as: Element, variant: model.state.variant, ...mergeStyles(elemProps, tabsOverflowButtonStencil()), children: [_jsx("span", { children: children }), _jsx(SystemIcon, { "data-part": "tabs-overflow-button-icon", icon: chevronDownSmallIcon })] }));
+});