@arc-ui/components 11.8.0 → 11.9.0

package/dist/Tabs/Tabs.esm.js

@@ -1,506 +1,12 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-afdb7d32.js';
-import React__default, { useContext, createContext, forwardRef, createElement, useRef, useState, useEffect, useCallback } from 'react';
-import { _ as _extends } from '../_shared/esm/extends-4575346e.js';
-import { d as $c512c27ab02ef895$export$50c7b4e9d9f19c1, a as $6ed0406888f73fc4$export$c7b2cbe3552a0d05, e as $71cd76cc60e0454e$export$6f32135080cb4c3, $ as $b1b2314f5f9a1d84$export$25bec8c6f54ee79a, b as $8927f6f2acc4f386$export$250ffa63cdc0d034, g as $e42e1063c40fb3ef$export$b9ecd428b558ff10, f as $921a889cee6df7e8$export$99c2b779aa4e8b8b } from '../_shared/esm/index-22aad354.js';
-import { $ as $e02a7d9cb1dc128c$export$c74125a8e3af6bb2 } from '../_shared/esm/index-8000d9e3.js';
-import { $ as $1746a345f3d73bb7$export$f680877a34711e37 } from '../_shared/esm/index-bed18a88.js';
-import { I as Icon } from '../_shared/esm/Icon-c1af47bc.js';
-import { C as Context } from '../_shared/esm/Surface-dde51789.js';
-import { c as classNames } from '../_shared/esm/index-2ae58626.js';
+export { T as Tabs } from '../_shared/esm/Tabs-5af0b940.js';
+import '../_shared/esm/filter-data-attrs-afdb7d32.js';
+import 'react';
+import '../_shared/esm/extends-4575346e.js';
+import '../_shared/esm/index-22aad354.js';
 import 'react-dom';
+import '../_shared/esm/index-8000d9e3.js';
+import '../_shared/esm/index-bed18a88.js';
+import '../_shared/esm/Icon-c1af47bc.js';
+import '../_shared/esm/index-2ae58626.js';
 import '../_shared/esm/suffix-modifier-7e640670.js';
-
-const $f631663db3294ace$var$DirectionContext = /*#__PURE__*/ createContext(undefined);
-/* -----------------------------------------------------------------------------------------------*/ function $f631663db3294ace$export$b39126d51d94e6f3(localDir) {
-    const globalDir = useContext($f631663db3294ace$var$DirectionContext);
-    return localDir || globalDir || 'ltr';
-}
-
-const $d7bdfb9eb0fdf311$var$ENTRY_FOCUS = 'rovingFocusGroup.onEntryFocus';
-const $d7bdfb9eb0fdf311$var$EVENT_OPTIONS = {
-    bubbles: false,
-    cancelable: true
-};
-/* -------------------------------------------------------------------------------------------------
- * RovingFocusGroup
- * -----------------------------------------------------------------------------------------------*/ const $d7bdfb9eb0fdf311$var$GROUP_NAME = 'RovingFocusGroup';
-const [$d7bdfb9eb0fdf311$var$Collection, $d7bdfb9eb0fdf311$var$useCollection, $d7bdfb9eb0fdf311$var$createCollectionScope] = $e02a7d9cb1dc128c$export$c74125a8e3af6bb2($d7bdfb9eb0fdf311$var$GROUP_NAME);
-const [$d7bdfb9eb0fdf311$var$createRovingFocusGroupContext, $d7bdfb9eb0fdf311$export$c7109489551a4f4] = $c512c27ab02ef895$export$50c7b4e9d9f19c1($d7bdfb9eb0fdf311$var$GROUP_NAME, [
-    $d7bdfb9eb0fdf311$var$createCollectionScope
-]);
-const [$d7bdfb9eb0fdf311$var$RovingFocusProvider, $d7bdfb9eb0fdf311$var$useRovingFocusContext] = $d7bdfb9eb0fdf311$var$createRovingFocusGroupContext($d7bdfb9eb0fdf311$var$GROUP_NAME);
-const $d7bdfb9eb0fdf311$export$8699f7c8af148338 = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
-    return /*#__PURE__*/ createElement($d7bdfb9eb0fdf311$var$Collection.Provider, {
-        scope: props.__scopeRovingFocusGroup
-    }, /*#__PURE__*/ createElement($d7bdfb9eb0fdf311$var$Collection.Slot, {
-        scope: props.__scopeRovingFocusGroup
-    }, /*#__PURE__*/ createElement($d7bdfb9eb0fdf311$var$RovingFocusGroupImpl, _extends({}, props, {
-        ref: forwardedRef
-    }))));
-});
-/* -----------------------------------------------------------------------------------------------*/ const $d7bdfb9eb0fdf311$var$RovingFocusGroupImpl = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
-    const { __scopeRovingFocusGroup: __scopeRovingFocusGroup , orientation: orientation , loop: loop = false , dir: dir , currentTabStopId: currentTabStopIdProp , defaultCurrentTabStopId: defaultCurrentTabStopId , onCurrentTabStopIdChange: onCurrentTabStopIdChange , onEntryFocus: onEntryFocus , ...groupProps } = props;
-    const ref = useRef(null);
-    const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, ref);
-    const direction = $f631663db3294ace$export$b39126d51d94e6f3(dir);
-    const [currentTabStopId = null, setCurrentTabStopId] = $71cd76cc60e0454e$export$6f32135080cb4c3({
-        prop: currentTabStopIdProp,
-        defaultProp: defaultCurrentTabStopId,
-        onChange: onCurrentTabStopIdChange
-    });
-    const [isTabbingBackOut, setIsTabbingBackOut] = useState(false);
-    const handleEntryFocus = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onEntryFocus);
-    const getItems = $d7bdfb9eb0fdf311$var$useCollection(__scopeRovingFocusGroup);
-    const isClickFocusRef = useRef(false);
-    const [focusableItemsCount, setFocusableItemsCount] = useState(0);
-    useEffect(()=>{
-        const node = ref.current;
-        if (node) {
-            node.addEventListener($d7bdfb9eb0fdf311$var$ENTRY_FOCUS, handleEntryFocus);
-            return ()=>node.removeEventListener($d7bdfb9eb0fdf311$var$ENTRY_FOCUS, handleEntryFocus)
-            ;
-        }
-    }, [
-        handleEntryFocus
-    ]);
-    return /*#__PURE__*/ createElement($d7bdfb9eb0fdf311$var$RovingFocusProvider, {
-        scope: __scopeRovingFocusGroup,
-        orientation: orientation,
-        dir: direction,
-        loop: loop,
-        currentTabStopId: currentTabStopId,
-        onItemFocus: useCallback((tabStopId)=>setCurrentTabStopId(tabStopId)
-        , [
-            setCurrentTabStopId
-        ]),
-        onItemShiftTab: useCallback(()=>setIsTabbingBackOut(true)
-        , []),
-        onFocusableItemAdd: useCallback(()=>setFocusableItemsCount((prevCount)=>prevCount + 1
-            )
-        , []),
-        onFocusableItemRemove: useCallback(()=>setFocusableItemsCount((prevCount)=>prevCount - 1
-            )
-        , [])
-    }, /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({
-        tabIndex: isTabbingBackOut || focusableItemsCount === 0 ? -1 : 0,
-        "data-orientation": orientation
-    }, groupProps, {
-        ref: composedRefs,
-        style: {
-            outline: 'none',
-            ...props.style
-        },
-        onMouseDown: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onMouseDown, ()=>{
-            isClickFocusRef.current = true;
-        }),
-        onFocus: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onFocus, (event)=>{
-            // We normally wouldn't need this check, because we already check
-            // that the focus is on the current target and not bubbling to it.
-            // We do this because Safari doesn't focus buttons when clicked, and
-            // instead, the wrapper will get focused and not through a bubbling event.
-            const isKeyboardFocus = !isClickFocusRef.current;
-            if (event.target === event.currentTarget && isKeyboardFocus && !isTabbingBackOut) {
-                const entryFocusEvent = new CustomEvent($d7bdfb9eb0fdf311$var$ENTRY_FOCUS, $d7bdfb9eb0fdf311$var$EVENT_OPTIONS);
-                event.currentTarget.dispatchEvent(entryFocusEvent);
-                if (!entryFocusEvent.defaultPrevented) {
-                    const items = getItems().filter((item)=>item.focusable
-                    );
-                    const activeItem = items.find((item)=>item.active
-                    );
-                    const currentItem = items.find((item)=>item.id === currentTabStopId
-                    );
-                    const candidateItems = [
-                        activeItem,
-                        currentItem,
-                        ...items
-                    ].filter(Boolean);
-                    const candidateNodes = candidateItems.map((item)=>item.ref.current
-                    );
-                    $d7bdfb9eb0fdf311$var$focusFirst(candidateNodes);
-                }
-            }
-            isClickFocusRef.current = false;
-        }),
-        onBlur: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onBlur, ()=>setIsTabbingBackOut(false)
-        )
-    })));
-});
-/* -------------------------------------------------------------------------------------------------
- * RovingFocusGroupItem
- * -----------------------------------------------------------------------------------------------*/ const $d7bdfb9eb0fdf311$var$ITEM_NAME = 'RovingFocusGroupItem';
-const $d7bdfb9eb0fdf311$export$ab9df7c53fe8454 = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
-    const { __scopeRovingFocusGroup: __scopeRovingFocusGroup , focusable: focusable = true , active: active = false , tabStopId: tabStopId , ...itemProps } = props;
-    const autoId = $1746a345f3d73bb7$export$f680877a34711e37();
-    const id = tabStopId || autoId;
-    const context = $d7bdfb9eb0fdf311$var$useRovingFocusContext($d7bdfb9eb0fdf311$var$ITEM_NAME, __scopeRovingFocusGroup);
-    const isCurrentTabStop = context.currentTabStopId === id;
-    const getItems = $d7bdfb9eb0fdf311$var$useCollection(__scopeRovingFocusGroup);
-    const { onFocusableItemAdd: onFocusableItemAdd , onFocusableItemRemove: onFocusableItemRemove  } = context;
-    useEffect(()=>{
-        if (focusable) {
-            onFocusableItemAdd();
-            return ()=>onFocusableItemRemove()
-            ;
-        }
-    }, [
-        focusable,
-        onFocusableItemAdd,
-        onFocusableItemRemove
-    ]);
-    return /*#__PURE__*/ createElement($d7bdfb9eb0fdf311$var$Collection.ItemSlot, {
-        scope: __scopeRovingFocusGroup,
-        id: id,
-        focusable: focusable,
-        active: active
-    }, /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends({
-        tabIndex: isCurrentTabStop ? 0 : -1,
-        "data-orientation": context.orientation
-    }, itemProps, {
-        ref: forwardedRef,
-        onMouseDown: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onMouseDown, (event)=>{
-            // We prevent focusing non-focusable items on `mousedown`.
-            // Even though the item has tabIndex={-1}, that only means take it out of the tab order.
-            if (!focusable) event.preventDefault(); // Safari doesn't focus a button when clicked so we run our logic on mousedown also
-            else context.onItemFocus(id);
-        }),
-        onFocus: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onFocus, ()=>context.onItemFocus(id)
-        ),
-        onKeyDown: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onKeyDown, (event)=>{
-            if (event.key === 'Tab' && event.shiftKey) {
-                context.onItemShiftTab();
-                return;
-            }
-            if (event.target !== event.currentTarget) return;
-            const focusIntent = $d7bdfb9eb0fdf311$var$getFocusIntent(event, context.orientation, context.dir);
-            if (focusIntent !== undefined) {
-                event.preventDefault();
-                const items = getItems().filter((item)=>item.focusable
-                );
-                let candidateNodes = items.map((item)=>item.ref.current
-                );
-                if (focusIntent === 'last') candidateNodes.reverse();
-                else if (focusIntent === 'prev' || focusIntent === 'next') {
-                    if (focusIntent === 'prev') candidateNodes.reverse();
-                    const currentIndex = candidateNodes.indexOf(event.currentTarget);
-                    candidateNodes = context.loop ? $d7bdfb9eb0fdf311$var$wrapArray(candidateNodes, currentIndex + 1) : candidateNodes.slice(currentIndex + 1);
-                }
-                /**
-         * Imperative focus during keydown is risky so we prevent React's batching updates
-         * to avoid potential bugs. See: https://github.com/facebook/react/issues/20332
-         */ setTimeout(()=>$d7bdfb9eb0fdf311$var$focusFirst(candidateNodes)
-                );
-            }
-        })
-    })));
-});
-/* -----------------------------------------------------------------------------------------------*/ // prettier-ignore
-const $d7bdfb9eb0fdf311$var$MAP_KEY_TO_FOCUS_INTENT = {
-    ArrowLeft: 'prev',
-    ArrowUp: 'prev',
-    ArrowRight: 'next',
-    ArrowDown: 'next',
-    PageUp: 'first',
-    Home: 'first',
-    PageDown: 'last',
-    End: 'last'
-};
-function $d7bdfb9eb0fdf311$var$getDirectionAwareKey(key, dir) {
-    if (dir !== 'rtl') return key;
-    return key === 'ArrowLeft' ? 'ArrowRight' : key === 'ArrowRight' ? 'ArrowLeft' : key;
-}
-function $d7bdfb9eb0fdf311$var$getFocusIntent(event, orientation, dir) {
-    const key = $d7bdfb9eb0fdf311$var$getDirectionAwareKey(event.key, dir);
-    if (orientation === 'vertical' && [
-        'ArrowLeft',
-        'ArrowRight'
-    ].includes(key)) return undefined;
-    if (orientation === 'horizontal' && [
-        'ArrowUp',
-        'ArrowDown'
-    ].includes(key)) return undefined;
-    return $d7bdfb9eb0fdf311$var$MAP_KEY_TO_FOCUS_INTENT[key];
-}
-function $d7bdfb9eb0fdf311$var$focusFirst(candidates) {
-    const PREVIOUSLY_FOCUSED_ELEMENT = document.activeElement;
-    for (const candidate of candidates){
-        // if focus is already where we want to go, we don't want to keep going through the candidates
-        if (candidate === PREVIOUSLY_FOCUSED_ELEMENT) return;
-        candidate.focus();
-        if (document.activeElement !== PREVIOUSLY_FOCUSED_ELEMENT) return;
-    }
-}
-/**
- * Wraps an array around itself at a given start index
- * Example: `wrapArray(['a', 'b', 'c', 'd'], 2) === ['c', 'd', 'a', 'b']`
- */ function $d7bdfb9eb0fdf311$var$wrapArray(array, startIndex) {
-    return array.map((_, index)=>array[(startIndex + index) % array.length]
-    );
-}
-const $d7bdfb9eb0fdf311$export$be92b6f5f03c0fe9 = $d7bdfb9eb0fdf311$export$8699f7c8af148338;
-const $d7bdfb9eb0fdf311$export$6d08773d2e66f8f2 = $d7bdfb9eb0fdf311$export$ab9df7c53fe8454;
-
-/* -------------------------------------------------------------------------------------------------
- * Tabs
- * -----------------------------------------------------------------------------------------------*/ const $69cb30bb0017df05$var$TABS_NAME = 'Tabs';
-const [$69cb30bb0017df05$var$createTabsContext, $69cb30bb0017df05$export$355f5bd209d7b13a] = $c512c27ab02ef895$export$50c7b4e9d9f19c1($69cb30bb0017df05$var$TABS_NAME, [
-    $d7bdfb9eb0fdf311$export$c7109489551a4f4
-]);
-const $69cb30bb0017df05$var$useRovingFocusGroupScope = $d7bdfb9eb0fdf311$export$c7109489551a4f4();
-const [$69cb30bb0017df05$var$TabsProvider, $69cb30bb0017df05$var$useTabsContext] = $69cb30bb0017df05$var$createTabsContext($69cb30bb0017df05$var$TABS_NAME);
-const $69cb30bb0017df05$export$b2539bed5023c21c = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
-    const { __scopeTabs: __scopeTabs , value: valueProp , onValueChange: onValueChange , defaultValue: defaultValue , orientation: orientation = 'horizontal' , dir: dir , activationMode: activationMode = 'automatic' , ...tabsProps } = props;
-    const direction = $f631663db3294ace$export$b39126d51d94e6f3(dir);
-    const [value, setValue] = $71cd76cc60e0454e$export$6f32135080cb4c3({
-        prop: valueProp,
-        onChange: onValueChange,
-        defaultProp: defaultValue
-    });
-    return /*#__PURE__*/ createElement($69cb30bb0017df05$var$TabsProvider, {
-        scope: __scopeTabs,
-        baseId: $1746a345f3d73bb7$export$f680877a34711e37(),
-        value: value,
-        onValueChange: setValue,
-        orientation: orientation,
-        dir: direction,
-        activationMode: activationMode
-    }, /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({
-        dir: direction,
-        "data-orientation": orientation
-    }, tabsProps, {
-        ref: forwardedRef
-    })));
-});
-/* -------------------------------------------------------------------------------------------------
- * TabsList
- * -----------------------------------------------------------------------------------------------*/ const $69cb30bb0017df05$var$TAB_LIST_NAME = 'TabsList';
-const $69cb30bb0017df05$export$9712d22edc0d78c1 = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
-    const { __scopeTabs: __scopeTabs , loop: loop = true , ...listProps } = props;
-    const context = $69cb30bb0017df05$var$useTabsContext($69cb30bb0017df05$var$TAB_LIST_NAME, __scopeTabs);
-    const rovingFocusGroupScope = $69cb30bb0017df05$var$useRovingFocusGroupScope(__scopeTabs);
-    return /*#__PURE__*/ createElement($d7bdfb9eb0fdf311$export$be92b6f5f03c0fe9, _extends({
-        asChild: true
-    }, rovingFocusGroupScope, {
-        orientation: context.orientation,
-        dir: context.dir,
-        loop: loop
-    }), /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({
-        role: "tablist",
-        "aria-orientation": context.orientation
-    }, listProps, {
-        ref: forwardedRef
-    })));
-});
-/* -------------------------------------------------------------------------------------------------
- * TabsTrigger
- * -----------------------------------------------------------------------------------------------*/ const $69cb30bb0017df05$var$TRIGGER_NAME = 'TabsTrigger';
-const $69cb30bb0017df05$export$8114b9fdfdf9f3ba = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
-    const { __scopeTabs: __scopeTabs , value: value , disabled: disabled = false , ...triggerProps } = props;
-    const context = $69cb30bb0017df05$var$useTabsContext($69cb30bb0017df05$var$TRIGGER_NAME, __scopeTabs);
-    const rovingFocusGroupScope = $69cb30bb0017df05$var$useRovingFocusGroupScope(__scopeTabs);
-    const triggerId = $69cb30bb0017df05$var$makeTriggerId(context.baseId, value);
-    const contentId = $69cb30bb0017df05$var$makeContentId(context.baseId, value);
-    const isSelected = value === context.value;
-    return /*#__PURE__*/ createElement($d7bdfb9eb0fdf311$export$6d08773d2e66f8f2, _extends({
-        asChild: true
-    }, rovingFocusGroupScope, {
-        focusable: !disabled,
-        active: isSelected
-    }), /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.button, _extends({
-        type: "button",
-        role: "tab",
-        "aria-selected": isSelected,
-        "aria-controls": contentId,
-        "data-state": isSelected ? 'active' : 'inactive',
-        "data-disabled": disabled ? '' : undefined,
-        disabled: disabled,
-        id: triggerId
-    }, triggerProps, {
-        ref: forwardedRef,
-        onMouseDown: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onMouseDown, (event)=>{
-            // only call handler if it's the left button (mousedown gets triggered by all mouse buttons)
-            // but not when the control key is pressed (avoiding MacOS right click)
-            if (!disabled && event.button === 0 && event.ctrlKey === false) context.onValueChange(value);
-            else // prevent focus to avoid accidental activation
-            event.preventDefault();
-        }),
-        onKeyDown: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onKeyDown, (event)=>{
-            if ([
-                ' ',
-                'Enter'
-            ].includes(event.key)) context.onValueChange(value);
-        }),
-        onFocus: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onFocus, ()=>{
-            // handle "automatic" activation if necessary
-            // ie. activate tab following focus
-            const isAutomaticActivation = context.activationMode !== 'manual';
-            if (!isSelected && !disabled && isAutomaticActivation) context.onValueChange(value);
-        })
-    })));
-});
-/* -------------------------------------------------------------------------------------------------
- * TabsContent
- * -----------------------------------------------------------------------------------------------*/ const $69cb30bb0017df05$var$CONTENT_NAME = 'TabsContent';
-const $69cb30bb0017df05$export$bd905d70e8fd2ebb = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
-    const { __scopeTabs: __scopeTabs , value: value , forceMount: forceMount , children: children , ...contentProps } = props;
-    const context = $69cb30bb0017df05$var$useTabsContext($69cb30bb0017df05$var$CONTENT_NAME, __scopeTabs);
-    const triggerId = $69cb30bb0017df05$var$makeTriggerId(context.baseId, value);
-    const contentId = $69cb30bb0017df05$var$makeContentId(context.baseId, value);
-    const isSelected = value === context.value;
-    const isMountAnimationPreventedRef = useRef(isSelected);
-    useEffect(()=>{
-        const rAF = requestAnimationFrame(()=>isMountAnimationPreventedRef.current = false
-        );
-        return ()=>cancelAnimationFrame(rAF)
-        ;
-    }, []);
-    return /*#__PURE__*/ createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b, {
-        present: forceMount || isSelected
-    }, ({ present: present  })=>/*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({
-            "data-state": isSelected ? 'active' : 'inactive',
-            "data-orientation": context.orientation,
-            role: "tabpanel",
-            "aria-labelledby": triggerId,
-            hidden: !present,
-            id: contentId,
-            tabIndex: 0
-        }, contentProps, {
-            ref: forwardedRef,
-            style: {
-                ...props.style,
-                animationDuration: isMountAnimationPreventedRef.current ? '0s' : undefined
-            }
-        }), present && children)
-    );
-});
-/* ---------------------------------------------------------------------------------------------- */ function $69cb30bb0017df05$var$makeTriggerId(baseId, value) {
-    return `${baseId}-trigger-${value}`;
-}
-function $69cb30bb0017df05$var$makeContentId(baseId, value) {
-    return `${baseId}-content-${value}`;
-}
-const $69cb30bb0017df05$export$be92b6f5f03c0fe9 = $69cb30bb0017df05$export$b2539bed5023c21c;
-const $69cb30bb0017df05$export$54c2e3dc7acea9f5 = $69cb30bb0017df05$export$9712d22edc0d78c1;
-const $69cb30bb0017df05$export$41fb9f06171c75f4 = $69cb30bb0017df05$export$8114b9fdfdf9f3ba;
-const $69cb30bb0017df05$export$7c6e2c02157bb7d2 = $69cb30bb0017df05$export$bd905d70e8fd2ebb;
-
-var Tab = function (_a) {
-    var label = _a.label, value = _a.value, icon = _a.icon, iconActive = _a.iconActive, props = __rest(_a, ["label", "value", "icon", "iconActive"]);
-    var surface = useContext(Context).surface;
-    return (React__default.createElement($69cb30bb0017df05$export$41fb9f06171c75f4, __assign({ className: classNames("arc-Tab-trigger", {
-            "arc-Tab-trigger--onDarkSurface": surface === "dark",
-            "arc-Tab-trigger--hasIcon": icon || iconActive
-        }), value: value }, filterDataAttrs(props)),
-        icon && (React__default.createElement("div", { className: "arc-Tab-triggerIcon", "data-testid": "arc-Tab-TriggerIcon" },
-            React__default.createElement(Icon, { icon: icon }))),
-        iconActive && (React__default.createElement("div", { className: "arc-Tab-triggerIcon arc-Tab-triggerIcon--active", "data-testid": "arc-Tab-TriggerIconActive" },
-            React__default.createElement(Icon, { icon: iconActive }))),
-        label));
-};
-
-var TabContent = function (_a) {
-    var children = _a.children, value = _a.value;
-    return (React__default.createElement($69cb30bb0017df05$export$7c6e2c02157bb7d2, { className: "arc-Tab-content", value: value }, children));
-};
-
-const React$1 = React__default;
-const BtIconArrowRightFill = props =>
-  /*#__PURE__*/ React$1.createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32"
-      },
-      props
-    ),
-    /*#__PURE__*/ React$1.createElement("defs", null),
-    /*#__PURE__*/ React$1.createElement("path", {
-      d:
-        "M2,16A14,14,0,1,0,16,2,14,14,0,0,0,2,16Zm16.85352-4.35352L23.207,16l-4.35351,4.35352a.5.5,0,0,1-.707-.707L21.293,16.5H9.5a.5.5,0,0,1,0-1H21.293l-3.14649-3.14648a.5.5,0,0,1,.707-.707Z",
-      fill: "currentColor"
-    })
-  );
-var BtIconArrowRightFill_2 = BtIconArrowRightFill;
-
-const React = React__default;
-const BtIconArrowLeftFill = props =>
-  /*#__PURE__*/ React.createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32"
-      },
-      props
-    ),
-    /*#__PURE__*/ React.createElement("defs", null),
-    /*#__PURE__*/ React.createElement("path", {
-      d:
-        "M30,16A14,14,0,1,0,16,30,14,14,0,0,0,30,16ZM13.14648,20.35352,8.793,16l4.35351-4.35352a.5.5,0,0,1,.707.707L10.707,15.5H22.5a.5.5,0,0,1,0,1H10.707l3.14649,3.14648a.5.5,0,0,1-.707.707Z",
-      fill: "currentColor"
-    })
-  );
-var BtIconArrowLeftFill_2 = BtIconArrowLeftFill;
-
-var TabsList = function (_a) {
-    var children = _a.children, type = _a.type, isJustified = _a.isJustified, ariaLabel = _a.ariaLabel, props = __rest(_a, ["children", "type", "isJustified", "ariaLabel"]);
-    var surface = useContext(Context).surface;
-    var tabsRef = useRef(null);
-    var _b = useState(false), rightOverflow = _b[0], setRightOverflow = _b[1];
-    var _c = useState(false), leftOverflow = _c[0], setLeftOverflow = _c[1];
-    var checkOverflow = function (element) {
-        if (element) {
-            if (element.scrollWidth > element.clientWidth) {
-                setRightOverflow(true);
-            }
-            if (element.scrollLeft + 10 >=
-                element.scrollWidth - element.clientWidth) {
-                setRightOverflow(false);
-            }
-            if (element.scrollLeft >= 1) {
-                setLeftOverflow(true);
-            }
-            else {
-                setLeftOverflow(false);
-            }
-        }
-    };
-    useEffect(function () {
-        checkOverflow(tabsRef.current);
-    }, []);
-    var scrollTabs = function (scrollAmount) {
-        if (tabsRef.current) {
-            tabsRef.current.scrollLeft += scrollAmount;
-        }
-    };
-    var onScroll = function (event) {
-        checkOverflow(event.currentTarget);
-    };
-    return (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement($69cb30bb0017df05$export$54c2e3dc7acea9f5, __assign({ onScroll: onScroll, className: classNames("arc-Tabs", {
-                "arc-Tabs--contained": type === "contained",
-                "arc-Tabs--isJustified": isJustified,
-                "arc-Tabs--onDarkSurface": surface === "dark"
-            }), ref: tabsRef, "aria-label": ariaLabel }, filterDataAttrs(props)), children),
-        leftOverflow && (React__default.createElement("button", { className: classNames("arc-Tabs-overflowIcon arc-Tabs-overflowIcon--left", {
-                "arc-Tabs-overflowIcon--onDarkSurface": surface === "dark"
-            }), onClick: function () { return scrollTabs(-300); }, "aria-label": "Scroll Tabs Left", "data-testid": "arc-Tabs-overflowIconLeft" },
-            React__default.createElement(Icon, { icon: BtIconArrowLeftFill_2, size: 40, color: "brand" }))),
-        rightOverflow && (React__default.createElement("button", { className: classNames("arc-Tabs-overflowIcon", {
-                "arc-Tabs-overflowIcon--onDarkSurface": surface === "dark"
-            }), onClick: function () { return scrollTabs(300); }, "aria-label": "Scroll Tabs Right", "data-testid": "arc-Tabs-overflowIconRight" },
-            React__default.createElement(Icon, { icon: BtIconArrowRightFill_2, size: 40, color: "brand" })))));
-};
-
-var Tabs = function (_a) {
-    var children = _a.children, defaultValue = _a.defaultValue, onValueChange = _a.onValueChange, activationMode = _a.activationMode, props = __rest(_a, ["children", "defaultValue", "onValueChange", "activationMode"]);
-    return (React__default.createElement($69cb30bb0017df05$export$be92b6f5f03c0fe9, __assign({ className: "arc-Tabs-root", defaultValue: defaultValue, onValueChange: onValueChange, activationMode: activationMode }, filterDataAttrs(props)), children));
-};
-Tab.displayName = "Tabs.Tab";
-TabsList.displayName = "Tabs.List";
-TabContent.displayName = "Tabs.Content";
-Tabs.Tab = Tab;
-Tabs.List = TabsList;
-Tabs.Content = TabContent;
-
-export { Tabs };
+import '../_shared/esm/Surface-dde51789.js';

package/dist/TextArea/TextArea.cjs.js

@@ -5,29 +5,32 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
 var React = require('react');
 var index = require('../_shared/cjs/index-45bfb67b.js');
+var Surface = require('../_shared/cjs/Surface-b7c51b2b.js');
+require('../_shared/cjs/Heading-e3332dcf.js');
+var Text = require('../_shared/cjs/Text-fa447e2d.js');
 require('../_shared/cjs/Base-569e4334.js');
 require('../_shared/cjs/Breadcrumbs-0906dd10.js');
-var Surface = require('../_shared/cjs/Surface-b7c51b2b.js');
 require('../_shared/cjs/Button-5aaa6776.js');
 require('../_shared/cjs/Card-fd189ba8.js');
 require('../_shared/cjs/Checkbox-02c546ca.js');
 require('../_shared/cjs/Columns-e90798f8.js');
-require('../_shared/cjs/Heading-e3332dcf.js');
-var FormControl = require('../_shared/cjs/FormControl-1e1bf2bf.js');
 require('../_shared/cjs/Filter-a7574fe7.js');
+var FormControl = require('../_shared/cjs/FormControl-1e1bf2bf.js');
 require('../_shared/cjs/Group-f85dd4c0.js');
 require('../_shared/cjs/Image-0e393cbf.js');
-var Text = require('../_shared/cjs/Text-fa447e2d.js');
-require('../_shared/cjs/UniversalHeader-da622e1a.js');
 require('../_shared/cjs/Poster-faea1ad3.js');
+require('../_shared/cjs/ProgressStepper-f740d7bb.js');
 require('../_shared/cjs/RadioGroup-d7664b0c.js');
+require('../_shared/cjs/debounce-506538c5.js');
 require('../_shared/cjs/SiteFooter-5da774e1.js');
 require('../_shared/cjs/SiteHeader.rehydrator-acc9d8c4.js');
+require('../_shared/cjs/Tabs-fda49692.js');
 require('../_shared/cjs/TextInput-f4549637.js');
-require('../_shared/cjs/debounce-506538c5.js');
+require('../_shared/cjs/Toast-0cb23cae.js');
+require('../_shared/cjs/UniversalHeader-da622e1a.js');
+require('../_shared/cjs/suffix-modifier-1ee2da04.js');
 require('../_shared/cjs/BtIconChevronRight2Px-a8e40136.js');
 require('../_shared/cjs/Icon-e1dd45eb.js');
-require('../_shared/cjs/suffix-modifier-1ee2da04.js');
 require('../_shared/cjs/handle-link-click-17a44cf4.js');
 require('../_shared/cjs/BtIconChevronLeftMid-df952a3e.js');
 require('../_shared/cjs/BtIconChevronRightMid-5a38d855.js');
@@ -35,11 +38,20 @@ require('../_shared/cjs/BtIconTickAlt2Px-bdf06f8c.js');
 require('../_shared/cjs/BtIconAlert-637db790.js');
 require('../_shared/cjs/DisclosureMini-52706ee6.js');
 require('../_shared/cjs/BtIconChevronDown2Px-8fb4e2eb.js');
+require('../_shared/cjs/VerticalSpace-86f697e7.js');
+require('../_shared/cjs/VisuallyHidden-e2c8b291.js');
 require('../_shared/cjs/index.es-77def0c9.js');
 require('../_shared/cjs/BrandLogo-8107d59f.js');
 require('../_shared/cjs/Curve-781ef633.js');
 require('../_shared/cjs/Section-48aca5f5.js');
-require('../_shared/cjs/VisuallyHidden-e2c8b291.js');
+require('../_shared/cjs/extends-bb8ffacd.js');
+require('../_shared/cjs/index-952918c9.js');
+require('react-dom');
+require('../_shared/cjs/index-27b53d49.js');
+require('../_shared/cjs/index-fb4b8fda.js');
+require('../_shared/cjs/index-96c4d581.js');
+require('../_shared/cjs/BtIconCrossAlt2Px-30dc2688.js');
+require('../_shared/cjs/BtIconTick-42fcc5ec.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/TextArea/TextArea.esm.js

@@ -1,29 +1,32 @@
 import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-afdb7d32.js';
 import React__default, { forwardRef, useContext, useRef, useState } from 'react';
 import { c as classNames } from '../_shared/esm/index-2ae58626.js';
+import { C as Context } from '../_shared/esm/Surface-dde51789.js';
+import '../_shared/esm/Heading-0f629151.js';
+import { T as Text } from '../_shared/esm/Text-40457811.js';
 import '../_shared/esm/Base-6c01e0ec.js';
 import '../_shared/esm/Breadcrumbs-dafa8dde.js';
-import { C as Context } from '../_shared/esm/Surface-dde51789.js';
 import '../_shared/esm/Button-d1dbcf79.js';
 import '../_shared/esm/Card-e62c3ff6.js';
 import '../_shared/esm/Checkbox-d8891198.js';
 import '../_shared/esm/Columns-8704515b.js';
-import '../_shared/esm/Heading-0f629151.js';
-import { F as FormControl } from '../_shared/esm/FormControl-f18e2f59.js';
 import '../_shared/esm/Filter-a01aed11.js';
+import { F as FormControl } from '../_shared/esm/FormControl-f18e2f59.js';
 import '../_shared/esm/Group-fb26fd32.js';
 import '../_shared/esm/Image-3ed3863c.js';
-import { T as Text } from '../_shared/esm/Text-40457811.js';
-import '../_shared/esm/UniversalHeader-1c5a886d.js';
 import '../_shared/esm/Poster-a83ae770.js';
+import '../_shared/esm/ProgressStepper-7ab88f4c.js';
 import '../_shared/esm/RadioGroup-be16d5d3.js';
+import '../_shared/esm/debounce-e228705f.js';
 import '../_shared/esm/SiteFooter-a182cb18.js';
 import '../_shared/esm/SiteHeader.rehydrator-023b7b76.js';
+import '../_shared/esm/Tabs-5af0b940.js';
 import '../_shared/esm/TextInput-4424c195.js';
-import '../_shared/esm/debounce-e228705f.js';
+import '../_shared/esm/Toast-43795e91.js';
+import '../_shared/esm/UniversalHeader-1c5a886d.js';
+import '../_shared/esm/suffix-modifier-7e640670.js';
 import '../_shared/esm/BtIconChevronRight2Px-b8e7b4ad.js';
 import '../_shared/esm/Icon-c1af47bc.js';
-import '../_shared/esm/suffix-modifier-7e640670.js';
 import '../_shared/esm/handle-link-click-f64f55a2.js';
 import '../_shared/esm/BtIconChevronLeftMid-9f4f3a3d.js';
 import '../_shared/esm/BtIconChevronRightMid-d9b11761.js';
@@ -31,11 +34,20 @@ import '../_shared/esm/BtIconTickAlt2Px-da97e9ae.js';
 import '../_shared/esm/BtIconAlert-55a6ed5c.js';
 import '../_shared/esm/DisclosureMini-9b819941.js';
 import '../_shared/esm/BtIconChevronDown2Px-782876e2.js';
+import '../_shared/esm/VerticalSpace-93980c9c.js';
+import '../_shared/esm/VisuallyHidden-b9eebf71.js';
 import '../_shared/esm/index.es-00cb3bcb.js';
 import '../_shared/esm/BrandLogo-9ec620e8.js';
 import '../_shared/esm/Curve-bbc5589c.js';
 import '../_shared/esm/Section-b8038d66.js';
-import '../_shared/esm/VisuallyHidden-b9eebf71.js';
+import '../_shared/esm/extends-4575346e.js';
+import '../_shared/esm/index-22aad354.js';
+import 'react-dom';
+import '../_shared/esm/index-8000d9e3.js';
+import '../_shared/esm/index-bed18a88.js';
+import '../_shared/esm/index-94ecc5f8.js';
+import '../_shared/esm/BtIconCrossAlt2Px-a6a9f431.js';
+import '../_shared/esm/BtIconTick-5fe50cc7.js';
 
 /** Use `TextArea` to allow custom user text entry via keyboard, for long-form and multi-line descriptions */
 var TextArea = forwardRef(function (_a, ref) {