@workday/canvas-kit-preview-react 16.2.0-0630-next.0 → 16.2.0-0634-next.0

package/dist/{commonjs → es6/preview-react}/tabs/lib/TabsOverflowButton.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+export { TABS_OVERFLOW_BUTTON_ID } from './useTabsModel';
 export interface OverflowButtonProps {
     /**
      * The label text of the Tab.
@@ -7,11 +8,6 @@ export interface OverflowButtonProps {
 }
 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>;
@@ -31,19 +27,13 @@ export declare const useTabsOverflowButton: import("@workday/canvas-kit-react/co
         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: {
-        registerPanel: (data: {
-            id: string;
-            textValue: string;
-        }) => void;
-        unregisterPanel: (data: {
-            id: string;
-        }) => void;
         select(data: {
             id: string;
         }): void;
@@ -117,215 +107,28 @@ export declare const useTabsOverflowButton: import("@workday/canvas-kit-react/co
             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;
+}, import("@workday/canvas-kit-react/common").MergeProps<{
+    readonly onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;
+    readonly onClick: () => void;
+    readonly 'data-focus-id': string;
     readonly tabIndex: 0 | -1;
-    readonly style: {
-        readonly position: "absolute";
-        readonly left: -99999;
-    } | undefined;
+}, import("@workday/canvas-kit-react/common").MergeProps<{
+    readonly ref: (instance: Element | null | undefined) => void;
+    readonly 'data-id': string;
+    readonly disabled: true | undefined;
+    readonly 'aria-setsize': number | undefined;
+    readonly 'aria-posinset': number | undefined;
+    readonly 'data-index': number | undefined;
+    readonly style: React.CSSProperties;
+    readonly id: string;
+}, import("@workday/canvas-kit-react/common").MergeProps<{
+    readonly 'data-id': "__tabs-overflow__";
 }, 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";
@@ -334,7 +137,13 @@ export declare const useTabsOverflowButton: import("@workday/canvas-kit-react/co
 }, 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<{}, {}>>>>>>>>;
+}, 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<{
+    readonly onFocus: () => void;
+}, {
+    readonly 'aria-haspopup': "menu";
+    readonly 'aria-selected': false;
+    readonly role: "tab";
+}>>>>>>>>;
 export declare const TabsOverflowButton: import("@workday/canvas-kit-react/common").ElementComponentM<"button", OverflowButtonProps, {
     state: {
         getId: (item: any) => string;

package/dist/es6/preview-react/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;AAyB/B,OAAO,EAAC,uBAAuB,EAAC,MAAM,gBAAgB,CAAC;AAEvD,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAoCD,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAqCjC,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyB7B,CAAC"}

package/dist/es6/preview-react/tabs/lib/TabsOverflowButton.js

@@ -0,0 +1,89 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useListItemRegister, useListItemRovingFocus, useOverflowListModel, } from '@workday/canvas-kit-react/collection';
+import { composeHooks, createElemPropsHook, createSubModelElemPropsHook, createSubcomponent, useLocalRef, useResizeObserver, } 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 { TABS_OVERFLOW_BUTTON_ID, useTabsModel } from './useTabsModel';
+// Re-export for consumers who may need to reference the overflow button ID
+export { TABS_OVERFLOW_BUTTON_ID } from './useTabsModel';
+const tabsOverflowButtonStencil = createStencil({
+    base: { name: "167k50", styles: "box-sizing:border-box;&:has([data-part=\"tabs-overflow-button-icon\"]){display:flex;gap:0;}" }
+}, "tabs-overflow-button-5c3573");
+/**
+ * Measures the overflow button and reports its size to the model for overflow calculation.
+ * Unlike useOverflowListTarget, this does NOT set aria-hidden or visibility styles because
+ * we handle visibility via conditional rendering in the TabsOverflowButton component.
+ */
+const useTabsOverflowButtonMeasure = createElemPropsHook(useOverflowListModel)((model, ref) => {
+    const { elementRef, localRef } = useLocalRef(ref);
+    useResizeObserver({
+        ref: localRef,
+        onResize: ({ width = 0, height = 0 }) => {
+            if (localRef.current && (width > 0 || height > 0)) {
+                const styles = getComputedStyle(localRef.current);
+                const w = width + parseFloat(styles.marginLeft) + parseFloat(styles.marginRight);
+                const h = height + parseFloat(styles.marginTop) + parseFloat(styles.marginBottom);
+                model.events.setOverflowTargetSize({ width: w, height: h });
+            }
+        },
+    });
+    return {
+        ref: elementRef,
+    };
+});
+export const useTabsOverflowButton = composeHooks(
+// Measures the overflow button for overflow calculation (no aria-hidden or visibility styles)
+useTabsOverflowButtonMeasure, 
+// Adds roving tabindex behavior for arrow key navigation within the tablist
+useListItemRovingFocus, 
+// Registers the overflow button as an item in the collection for cursor navigation
+useListItemRegister, 
+// Provides the stable data-id needed for collection registration
+createElemPropsHook(useTabsModel)(() => {
+    return {
+        'data-id': TABS_OVERFLOW_BUTTON_ID,
+    };
+}), 
+// Connects to the menu sub-model for popup behavior
+createSubModelElemPropsHook(useTabsModel)(m => m.menu, useMenuTarget), 
+// Syncs the cursor to the overflow button when it receives focus.
+// This is needed because when the menu closes and focus returns to the overflow button,
+// the cursor state needs to be updated so arrow key navigation works correctly.
+createElemPropsHook(useTabsModel)(model => {
+    return {
+        onFocus() {
+            model.events.goTo({ id: TABS_OVERFLOW_BUTTON_ID });
+        },
+    };
+}), 
+// Runs FIRST - Sets ARIA attributes for the overflow tab
+// In composeHooks, hooks run right-to-left, and mergeProps gives precedence to elemProps
+// (props from earlier-running hooks). So this runs first and its props win.
+// Note: We intentionally do NOT include useListItemSelect here because clicking
+// the overflow button should open the menu, not select it as the active tab
+createElemPropsHook(useTabsModel)(() => {
+    return {
+        'aria-haspopup': 'menu',
+        'aria-selected': false,
+        role: 'tab',
+    };
+}));
+export const TabsOverflowButton = createSubcomponent('button')({
+    displayName: 'Tabs.OverflowButton',
+    modelHook: useTabsModel,
+    elemPropsHook: useTabsOverflowButton,
+})(({ children, ...elemProps }, Element, model) => {
+    // Don't render the overflow button if there are no hidden items.
+    // This removes it from the DOM entirely, which:
+    // - Removes it from keyboard navigation (roving focus)
+    // - Removes it from screen reader announcements
+    // - Prevents the "8 tabs" announcement when only 7 are visible
+    if (model.state.hiddenIds.length === 0) {
+        return null;
+    }
+    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 })] }));
+});

package/dist/es6/{tabs → preview-react/tabs}/lib/TabsPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabsPanel.d.ts","sourceRoot":"","sources":["../../../../tabs/lib/TabsPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EACL,YAAY,EAKb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,GAAG,EAAC,MAAM,kCAAkC,CAAC;AAIrD,MAAM,WAAW,aAAc,SAAQ,YAAY,CAAC,OAAO,GAAG,EAAE,KAAK,CAAC;IACpE;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6BvB,CAAC;AAEH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAUpB,CAAC"}
+{"version":3,"file":"TabsPanel.d.ts","sourceRoot":"","sources":["../../../../../tabs/lib/TabsPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EACL,YAAY,EAKb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,GAAG,EAAC,MAAM,kCAAkC,CAAC;AAIrD,MAAM,WAAW,aAAc,SAAQ,YAAY,CAAC,OAAO,GAAG,EAAE,KAAK,CAAC;IACpE;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6BvB,CAAC;AAEH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAUpB,CAAC"}

package/dist/es6/preview-react/tabs/lib/TabsPanels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsPanels.d.ts","sourceRoot":"","sources":["../../../../../tabs/lib/TabsPanels.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,eAAe,CAAC,CAAC,GAAG,GAAG;IACtC;;OAEG;IACH,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;CAC5D;AAED,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAKrB,CAAC"}

package/dist/es6/{tabs → preview-react/tabs}/lib/TabsPanels.js

@@ -1,10 +1,10 @@
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { useListRenderItems } from '@workday/canvas-kit-react/collection';
 import { createSubcomponent } from '@workday/canvas-kit-react/common';
+import { useTabsCollectionRenderItems } from './TabsList';
 import { useTabsModel } from './useTabsModel';
 export const TabsPanels = createSubcomponent()({
     displayName: 'Tabs.Panels',
     modelHook: useTabsModel,
 })(({ children }, _, model) => {
-    return _jsx(_Fragment, { children: useListRenderItems(model, children) });
+    return _jsx(_Fragment, { children: useTabsCollectionRenderItems(model, children) });
 });

package/dist/es6/{tabs → preview-react/tabs}/lib/useTabsModel.d.ts

@@ -1,4 +1,9 @@
 import React from 'react';
+/**
+ * This constant is used as the stable identifier for the overflow button in the tabs collection.
+ * It uses a `__` prefix to avoid conflicts with user-provided item IDs.
+ */
+export declare const TABS_OVERFLOW_BUTTON_ID = "__tabs-overflow__";
 /**
  * The TabsModel extends the [Collection
  * System](/get-started/for-developers/guides/collection-api/). Tabs have tab items and
@@ -1303,11 +1308,7 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
     };
     initialHiddenIds: string[];
     containerWidth: number;
-    shouldCalculateOverflow: boolean; /**
-     * 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.
-     */
+    shouldCalculateOverflow: boolean;
     initialSelectedIds: import("@workday/canvas-kit-react/collection").SelectedIds;
     initialUnselectedIds: string[];
     selection: import("@workday/canvas-kit-react/collection").SelectionManager;
@@ -4001,7 +4002,11 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
             isVirtualized: boolean;
             items: import("@workday/canvas-kit-react/collection").Item<any>[];
             mode: "multiple" | "single";
-        };
+        }; /**
+         * The default Tabs sub-components only handle rendering of tabs in a horizontal orientation, but
+         * the sub-components could be replaced to handle vertical orientations.
+         * @default 'horizontal'
+         */
         events: {
             updatePlacement(data: {
                 placement: import("@popperjs/core").Placement;
@@ -5462,11 +5467,7 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
     };
     initialHiddenIds: string[];
     containerWidth: number;
-    shouldCalculateOverflow: boolean; /**
-     * 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.
-     */
+    shouldCalculateOverflow: boolean;
     initialSelectedIds: import("@workday/canvas-kit-react/collection").SelectedIds;
     initialUnselectedIds: string[];
     selection: import("@workday/canvas-kit-react/collection").SelectionManager;
@@ -5755,7 +5756,11 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
             isVirtualized: boolean;
             items: import("@workday/canvas-kit-react/collection").Item<any>[];
             mode: "multiple" | "single";
-        };
+        }; /**
+         * The default Tabs sub-components only handle rendering of tabs in a horizontal orientation, but
+         * the sub-components could be replaced to handle vertical orientations.
+         * @default 'horizontal'
+         */
         events: {
             updatePlacement(data: {
                 placement: import("@popperjs/core").Placement;

package/dist/es6/preview-react/tabs/lib/useTabsModel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTabsModel.d.ts","sourceRoot":"","sources":["../../../../../tabs/lib/useTabsModel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B;;;GAGG;AACH,eAAO,MAAM,uBAAuB,sBAAsB,CAAC;AAE3D;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,YAAY;IAGrB;;;;;OAKG;;IAEH;;;OAGG;;IAEH;;;;OAIG;;IAEH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAqKH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;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"}