@workday/canvas-kit-react 15.1.11 → 15.1.12

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

@@ -1,11 +1,12 @@
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
-import { useListRenderItems, useListResetCursorOnBlur, useOverflowListMeasure, } from '@workday/canvas-kit-react/collection';
-import { composeHooks, createElemPropsHook, createSubcomponent, useLocalRef, useModalityType, } from '@workday/canvas-kit-react/common';
+import { ListRenderItemContext, isCursor, useOverflowListMeasure, } from '@workday/canvas-kit-react/collection';
+import { composeHooks, createElemPropsHook, createSubcomponent, useLocalRef, useModalityType, useMountLayout, } from '@workday/canvas-kit-react/common';
 import { mergeStyles } from '@workday/canvas-kit-react/layout';
 import { createStencil, px2rem } from '@workday/canvas-kit-styling';
 import { base, system } from '@workday/canvas-tokens-web';
-import { useTabsModel } from './useTabsModel';
+import { orientationKeyMap } from '../../collection/lib/keyUtils';
+import { TABS_OVERFLOW_BUTTON_ID, useTabsModel } from './useTabsModel';
 function getScrollPercentage(elem, direction) {
     if (direction === 'vertical') {
         if (elem.scrollHeight > elem.clientHeight) {
@@ -59,30 +60,83 @@ export const useTabOverflowScroll = createElemPropsHook(useTabsModel)((_model, r
         },
     };
 });
+/**
+ * Resets the tablist cursor on blur to the selected tab when visible, or to the first visible
+ * item (e.g. the overflow button) when the selected tab is hidden. This ensures the roving
+ * tabindex always lands on a focusable element when only the "More" button is visible.
+ */
+export const useTabsListResetCursorOnBlur = createElemPropsHook(useTabsModel)(({ state, events }) => {
+    const programmaticFocusRef = React.useRef(false);
+    const requestAnimationFrameRef = React.useRef(0);
+    useMountLayout(() => {
+        return () => {
+            cancelAnimationFrame(requestAnimationFrameRef.current);
+        };
+    });
+    return {
+        onKeyDown(event) {
+            if (Object.keys(orientationKeyMap[state.orientation]).indexOf(event.key) !== -1) {
+                programmaticFocusRef.current = true;
+            }
+        },
+        onFocus() {
+            programmaticFocusRef.current = false;
+        },
+        onBlur() {
+            if (!programmaticFocusRef.current) {
+                requestAnimationFrameRef.current = requestAnimationFrame(() => {
+                    var _a;
+                    const selectedId = state.selectedIds !== 'all' && state.selectedIds.length
+                        ? state.selectedIds[0]
+                        : undefined;
+                    const visibleItems = state.items.filter(item => !state.hiddenIds.includes(item.id));
+                    const targetId = selectedId && !state.hiddenIds.includes(selectedId) ? selectedId : (_a = visibleItems[0]) === null || _a === void 0 ? void 0 : _a.id;
+                    if (targetId && !isCursor(state, targetId)) {
+                        events.goTo({ id: targetId });
+                    }
+                });
+            }
+        },
+    };
+});
 export const useTabsList = composeHooks(useTabOverflowScroll, createElemPropsHook(useTabsModel)(model => {
     return {
         role: 'tablist',
         'aria-orientation': model.state.orientation,
     };
-}), useOverflowListMeasure, useListResetCursorOnBlur);
+}), useOverflowListMeasure, useTabsListResetCursorOnBlur);
 export const tabsListStencil = createStencil({
-    base: { name: "1amnx3", styles: "box-sizing:border-box;display:flex;position:relative;border-block-end:0.0625rem solid var(--cnvs-sys-color-border-default, var(--cnvs-sys-color-border-divider, oklch(0.3057 0.079 256.22 / 0.13)));gap:var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1, 0.25rem));padding-inline:var(--cnvs-base-size-500, 2.5rem);@media screen and (max-width: 768px){padding-inline:var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4, 1rem));}" },
+    base: { name: "4dcjfn", styles: "box-sizing:border-box;display:flex;position:relative;min-width:0;border-block-end:0.0625rem solid var(--cnvs-sys-color-border-default, var(--cnvs-sys-color-border-divider, oklch(0.3057 0.079 256.22 / 0.13)));gap:var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1, 0.25rem));padding-inline:var(--cnvs-base-size-500, 2.5rem);@media screen and (max-width: 768px){padding-inline:var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4, 1rem));}" },
     modifiers: {
         modality: {
-            touch: { name: "1k02uj", styles: "overflow-x:auto;padding-inline:0;&[data-scroll-position=\"start\"]{mask-image:linear-gradient(to right, white 80%, transparent);}&[data-scroll-position=\"middle\"]{mask-image:linear-gradient(to left, white 80%, transparent), linear-gradient(to right, white 80%, transparent);mask-composite:intersect;}&[data-scroll-position=\"end\"]{mask-image:linear-gradient(to left, white 80%, transparent);}" },
-            mouse: { name: "muy1x", styles: "" },
-            pen: { name: "1iayv3", styles: "" }
+            touch: { name: "159ntp", styles: "overflow-x:auto;padding-inline:0;&[data-scroll-position=\"start\"]{mask-image:linear-gradient(to right, white 80%, transparent);}&[data-scroll-position=\"middle\"]{mask-image:linear-gradient(to left, white 80%, transparent), linear-gradient(to right, white 80%, transparent);mask-composite:intersect;}&[data-scroll-position=\"end\"]{mask-image:linear-gradient(to left, white 80%, transparent);}" },
+            mouse: { name: "l2bho", styles: "" },
+            pen: { name: "6w1z0", styles: "" }
         },
         isDragging: {
-            true: { name: "1ji0m0", styles: "" },
-            false: { name: "gc4k8", styles: "" }
+            true: { name: "233jbe", styles: "" },
+            false: { name: "1x7och", styles: "" }
         },
         direction: {
-            left: { name: "2neq7", styles: "" },
-            right: { name: "p9klj", styles: "" }
+            left: { name: "1ciiu0", styles: "" },
+            right: { name: "93o2c", styles: "" }
         }
     }
-}, "tabs-list-917c0e");
+}, "tabs-list-2049aa");
+/**
+ * Custom render function for tabs that filters out the synthetic overflow button item.
+ * This is needed because the overflow button is included in the model's items array
+ * for navigation purposes, but should not be rendered by the list render function.
+ */
+function useTabsListRenderItems(model, children) {
+    // Filter out the synthetic overflow button from rendering
+    const itemsToRender = model.state.items.filter(item => item.id !== TABS_OVERFLOW_BUTTON_ID);
+    const items = typeof children === 'function' ? (itemsToRender.map(item => {
+        const child = children(item.value, item.index);
+        return (_jsx(ListRenderItemContext.Provider, { value: { item }, children: child }, item.id || item.index));
+    })) : (_jsx(ListRenderItemContext.Provider, { value: {}, children: children }));
+    return items;
+}
 export const TabsList = createSubcomponent('div')({
     displayName: 'Tabs.List',
     modelHook: useTabsModel,
@@ -91,5 +145,5 @@ export const TabsList = createSubcomponent('div')({
     const modality = useModalityType();
     return (_jsxs(Element, { ...mergeStyles(elemProps, tabsListStencil({
             modality: modality,
-        })), children: [useListRenderItems(model, children), overflowButton] }));
+        })), children: [useTabsListRenderItems(model, children), overflowButton] }));
 });

package/dist/es6/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,10 +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>;
         hiddenIds: string[];
         itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
@@ -30,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;
@@ -116,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";
@@ -333,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/tabs/lib/TabsOverflowButton.d.ts.map

@@ -1 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAe7B,CAAC"}
+{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwB7B,CAAC"}

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

@@ -1,25 +1,89 @@
 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 { 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 { useTabsModel } from './useTabsModel';
+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: "12fzo3", styles: "box-sizing:border-box;&:has([data-part=\"tabs-overflow-button-icon\"]){display:flex;gap:0;}" }
-}, "tabs-overflow-button-c1675c");
-export const useTabsOverflowButton = composeHooks(createElemPropsHook(useTabsModel)(() => {
+    base: { name: "269cat", styles: "box-sizing:border-box;&:has([data-part=\"tabs-overflow-button-icon\"]){display:flex;gap:0;}" }
+}, "tabs-overflow-button-b7c6dc");
+/**
+ * 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 {
-        'aria-haspopup': true,
+        ref: elementRef,
     };
-}), useOverflowListTarget, createSubModelElemPropsHook(useTabsModel)(m => m.menu, useMenuTarget));
+});
+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) => {
+})(({ 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, ...mergeStyles(elemProps, tabsOverflowButtonStencil()), children: [_jsx("span", { children: children }), _jsx(SystemIcon, { "data-part": "tabs-overflow-button-icon", icon: chevronDownSmallIcon })] }));
 });

package/dist/es6/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

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

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