@arc-ui/components 11.9.0 → 11.11.0

package/dist/_shared/cjs/{Tabs-fda49692.js → Tabs-2d2a517d.js}

@@ -1,22 +1,22 @@
 'use strict';
 
-var filterDataAttrs = require('./filter-data-attrs-a30dcf5f.js');
-var React$2 = require('react');
-var _extends = require('./extends-bb8ffacd.js');
-var index$1 = require('./index-952918c9.js');
-var index = require('./index-27b53d49.js');
-var index$2 = require('./index-fb4b8fda.js');
-var Icon = require('./Icon-e1dd45eb.js');
-var Surface = require('./Surface-b7c51b2b.js');
-var index$3 = require('./index-45bfb67b.js');
+var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
+var React = require('react');
+var _extends = require('./extends-8c5e4b48.js');
+var index$1 = require('./index-c575a255.js');
+var index = require('./index-b2fd6338.js');
+var index$2 = require('./index-adbb63da.js');
+var Icon = require('./Icon-a9801f05.js');
+var Surface = require('./Surface-038db6e1.js');
+var index$3 = require('./index-9947ac13.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React$2);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const $f631663db3294ace$var$DirectionContext = /*#__PURE__*/ React$2.createContext(undefined);
+const $f631663db3294ace$var$DirectionContext = /*#__PURE__*/ React.createContext(undefined);
 /* -----------------------------------------------------------------------------------------------*/ function $f631663db3294ace$export$b39126d51d94e6f3(localDir) {
-    const globalDir = React$2.useContext($f631663db3294ace$var$DirectionContext);
+    const globalDir = React.useContext($f631663db3294ace$var$DirectionContext);
     return localDir || globalDir || 'ltr';
 }
 
@@ -33,18 +33,18 @@ const [$d7bdfb9eb0fdf311$var$createRovingFocusGroupContext, $d7bdfb9eb0fdf311$ex
     $d7bdfb9eb0fdf311$var$createCollectionScope
 ]);
 const [$d7bdfb9eb0fdf311$var$RovingFocusProvider, $d7bdfb9eb0fdf311$var$useRovingFocusContext] = $d7bdfb9eb0fdf311$var$createRovingFocusGroupContext($d7bdfb9eb0fdf311$var$GROUP_NAME);
-const $d7bdfb9eb0fdf311$export$8699f7c8af148338 = /*#__PURE__*/ React$2.forwardRef((props, forwardedRef)=>{
-    return /*#__PURE__*/ React$2.createElement($d7bdfb9eb0fdf311$var$Collection.Provider, {
+const $d7bdfb9eb0fdf311$export$8699f7c8af148338 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
+    return /*#__PURE__*/ React.createElement($d7bdfb9eb0fdf311$var$Collection.Provider, {
         scope: props.__scopeRovingFocusGroup
-    }, /*#__PURE__*/ React$2.createElement($d7bdfb9eb0fdf311$var$Collection.Slot, {
+    }, /*#__PURE__*/ React.createElement($d7bdfb9eb0fdf311$var$Collection.Slot, {
         scope: props.__scopeRovingFocusGroup
-    }, /*#__PURE__*/ React$2.createElement($d7bdfb9eb0fdf311$var$RovingFocusGroupImpl, _extends._extends({}, props, {
+    }, /*#__PURE__*/ React.createElement($d7bdfb9eb0fdf311$var$RovingFocusGroupImpl, _extends._extends({}, props, {
         ref: forwardedRef
     }))));
 });
-/* -----------------------------------------------------------------------------------------------*/ const $d7bdfb9eb0fdf311$var$RovingFocusGroupImpl = /*#__PURE__*/ React$2.forwardRef((props, forwardedRef)=>{
+/* -----------------------------------------------------------------------------------------------*/ const $d7bdfb9eb0fdf311$var$RovingFocusGroupImpl = /*#__PURE__*/ React.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 = React$2.useRef(null);
+    const ref = React.useRef(null);
     const composedRefs = index$1.$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, ref);
     const direction = $f631663db3294ace$export$b39126d51d94e6f3(dir);
     const [currentTabStopId = null, setCurrentTabStopId] = index$1.$71cd76cc60e0454e$export$6f32135080cb4c3({
@@ -52,12 +52,12 @@ const $d7bdfb9eb0fdf311$export$8699f7c8af148338 = /*#__PURE__*/ React$2.forwardR
         defaultProp: defaultCurrentTabStopId,
         onChange: onCurrentTabStopIdChange
     });
-    const [isTabbingBackOut, setIsTabbingBackOut] = React$2.useState(false);
+    const [isTabbingBackOut, setIsTabbingBackOut] = React.useState(false);
     const handleEntryFocus = index$1.$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onEntryFocus);
     const getItems = $d7bdfb9eb0fdf311$var$useCollection(__scopeRovingFocusGroup);
-    const isClickFocusRef = React$2.useRef(false);
-    const [focusableItemsCount, setFocusableItemsCount] = React$2.useState(0);
-    React$2.useEffect(()=>{
+    const isClickFocusRef = React.useRef(false);
+    const [focusableItemsCount, setFocusableItemsCount] = React.useState(0);
+    React.useEffect(()=>{
         const node = ref.current;
         if (node) {
             node.addEventListener($d7bdfb9eb0fdf311$var$ENTRY_FOCUS, handleEntryFocus);
@@ -67,25 +67,25 @@ const $d7bdfb9eb0fdf311$export$8699f7c8af148338 = /*#__PURE__*/ React$2.forwardR
     }, [
         handleEntryFocus
     ]);
-    return /*#__PURE__*/ React$2.createElement($d7bdfb9eb0fdf311$var$RovingFocusProvider, {
+    return /*#__PURE__*/ React.createElement($d7bdfb9eb0fdf311$var$RovingFocusProvider, {
         scope: __scopeRovingFocusGroup,
         orientation: orientation,
         dir: direction,
         loop: loop,
         currentTabStopId: currentTabStopId,
-        onItemFocus: React$2.useCallback((tabStopId)=>setCurrentTabStopId(tabStopId)
+        onItemFocus: React.useCallback((tabStopId)=>setCurrentTabStopId(tabStopId)
         , [
             setCurrentTabStopId
         ]),
-        onItemShiftTab: React$2.useCallback(()=>setIsTabbingBackOut(true)
+        onItemShiftTab: React.useCallback(()=>setIsTabbingBackOut(true)
         , []),
-        onFocusableItemAdd: React$2.useCallback(()=>setFocusableItemsCount((prevCount)=>prevCount + 1
+        onFocusableItemAdd: React.useCallback(()=>setFocusableItemsCount((prevCount)=>prevCount + 1
             )
         , []),
-        onFocusableItemRemove: React$2.useCallback(()=>setFocusableItemsCount((prevCount)=>prevCount - 1
+        onFocusableItemRemove: React.useCallback(()=>setFocusableItemsCount((prevCount)=>prevCount - 1
             )
         , [])
-    }, /*#__PURE__*/ React$2.createElement(index$1.$8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends._extends({
+    }, /*#__PURE__*/ React.createElement(index$1.$8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends._extends({
         tabIndex: isTabbingBackOut || focusableItemsCount === 0 ? -1 : 0,
         "data-orientation": orientation
     }, groupProps, {
@@ -132,7 +132,7 @@ const $d7bdfb9eb0fdf311$export$8699f7c8af148338 = /*#__PURE__*/ React$2.forwardR
 /* -------------------------------------------------------------------------------------------------
  * RovingFocusGroupItem
  * -----------------------------------------------------------------------------------------------*/ const $d7bdfb9eb0fdf311$var$ITEM_NAME = 'RovingFocusGroupItem';
-const $d7bdfb9eb0fdf311$export$ab9df7c53fe8454 = /*#__PURE__*/ React$2.forwardRef((props, forwardedRef)=>{
+const $d7bdfb9eb0fdf311$export$ab9df7c53fe8454 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
     const { __scopeRovingFocusGroup: __scopeRovingFocusGroup , focusable: focusable = true , active: active = false , tabStopId: tabStopId , ...itemProps } = props;
     const autoId = index$2.$1746a345f3d73bb7$export$f680877a34711e37();
     const id = tabStopId || autoId;
@@ -140,7 +140,7 @@ const $d7bdfb9eb0fdf311$export$ab9df7c53fe8454 = /*#__PURE__*/ React$2.forwardRe
     const isCurrentTabStop = context.currentTabStopId === id;
     const getItems = $d7bdfb9eb0fdf311$var$useCollection(__scopeRovingFocusGroup);
     const { onFocusableItemAdd: onFocusableItemAdd , onFocusableItemRemove: onFocusableItemRemove  } = context;
-    React$2.useEffect(()=>{
+    React.useEffect(()=>{
         if (focusable) {
             onFocusableItemAdd();
             return ()=>onFocusableItemRemove()
@@ -151,12 +151,12 @@ const $d7bdfb9eb0fdf311$export$ab9df7c53fe8454 = /*#__PURE__*/ React$2.forwardRe
         onFocusableItemAdd,
         onFocusableItemRemove
     ]);
-    return /*#__PURE__*/ React$2.createElement($d7bdfb9eb0fdf311$var$Collection.ItemSlot, {
+    return /*#__PURE__*/ React.createElement($d7bdfb9eb0fdf311$var$Collection.ItemSlot, {
         scope: __scopeRovingFocusGroup,
         id: id,
         focusable: focusable,
         active: active
-    }, /*#__PURE__*/ React$2.createElement(index$1.$8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends._extends({
+    }, /*#__PURE__*/ React.createElement(index$1.$8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends._extends({
         tabIndex: isCurrentTabStop ? 0 : -1,
         "data-orientation": context.orientation
     }, itemProps, {
@@ -251,7 +251,7 @@ const [$69cb30bb0017df05$var$createTabsContext, $69cb30bb0017df05$export$355f5bd
 ]);
 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__*/ React$2.forwardRef((props, forwardedRef)=>{
+const $69cb30bb0017df05$export$b2539bed5023c21c = /*#__PURE__*/ React.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] = index$1.$71cd76cc60e0454e$export$6f32135080cb4c3({
@@ -259,7 +259,7 @@ const $69cb30bb0017df05$export$b2539bed5023c21c = /*#__PURE__*/ React$2.forwardR
         onChange: onValueChange,
         defaultProp: defaultValue
     });
-    return /*#__PURE__*/ React$2.createElement($69cb30bb0017df05$var$TabsProvider, {
+    return /*#__PURE__*/ React.createElement($69cb30bb0017df05$var$TabsProvider, {
         scope: __scopeTabs,
         baseId: index$2.$1746a345f3d73bb7$export$f680877a34711e37(),
         value: value,
@@ -267,7 +267,7 @@ const $69cb30bb0017df05$export$b2539bed5023c21c = /*#__PURE__*/ React$2.forwardR
         orientation: orientation,
         dir: direction,
         activationMode: activationMode
-    }, /*#__PURE__*/ React$2.createElement(index$1.$8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends._extends({
+    }, /*#__PURE__*/ React.createElement(index$1.$8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends._extends({
         dir: direction,
         "data-orientation": orientation
     }, tabsProps, {
@@ -277,17 +277,17 @@ const $69cb30bb0017df05$export$b2539bed5023c21c = /*#__PURE__*/ React$2.forwardR
 /* -------------------------------------------------------------------------------------------------
  * TabsList
  * -----------------------------------------------------------------------------------------------*/ const $69cb30bb0017df05$var$TAB_LIST_NAME = 'TabsList';
-const $69cb30bb0017df05$export$9712d22edc0d78c1 = /*#__PURE__*/ React$2.forwardRef((props, forwardedRef)=>{
+const $69cb30bb0017df05$export$9712d22edc0d78c1 = /*#__PURE__*/ React.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__*/ React$2.createElement($d7bdfb9eb0fdf311$export$be92b6f5f03c0fe9, _extends._extends({
+    return /*#__PURE__*/ React.createElement($d7bdfb9eb0fdf311$export$be92b6f5f03c0fe9, _extends._extends({
         asChild: true
     }, rovingFocusGroupScope, {
         orientation: context.orientation,
         dir: context.dir,
         loop: loop
-    }), /*#__PURE__*/ React$2.createElement(index$1.$8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends._extends({
+    }), /*#__PURE__*/ React.createElement(index$1.$8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends._extends({
         role: "tablist",
         "aria-orientation": context.orientation
     }, listProps, {
@@ -297,19 +297,19 @@ const $69cb30bb0017df05$export$9712d22edc0d78c1 = /*#__PURE__*/ React$2.forwardR
 /* -------------------------------------------------------------------------------------------------
  * TabsTrigger
  * -----------------------------------------------------------------------------------------------*/ const $69cb30bb0017df05$var$TRIGGER_NAME = 'TabsTrigger';
-const $69cb30bb0017df05$export$8114b9fdfdf9f3ba = /*#__PURE__*/ React$2.forwardRef((props, forwardedRef)=>{
+const $69cb30bb0017df05$export$8114b9fdfdf9f3ba = /*#__PURE__*/ React.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__*/ React$2.createElement($d7bdfb9eb0fdf311$export$6d08773d2e66f8f2, _extends._extends({
+    return /*#__PURE__*/ React.createElement($d7bdfb9eb0fdf311$export$6d08773d2e66f8f2, _extends._extends({
         asChild: true
     }, rovingFocusGroupScope, {
         focusable: !disabled,
         active: isSelected
-    }), /*#__PURE__*/ React$2.createElement(index$1.$8927f6f2acc4f386$export$250ffa63cdc0d034.button, _extends._extends({
+    }), /*#__PURE__*/ React.createElement(index$1.$8927f6f2acc4f386$export$250ffa63cdc0d034.button, _extends._extends({
         type: "button",
         role: "tab",
         "aria-selected": isSelected,
@@ -344,22 +344,22 @@ const $69cb30bb0017df05$export$8114b9fdfdf9f3ba = /*#__PURE__*/ React$2.forwardR
 /* -------------------------------------------------------------------------------------------------
  * TabsContent
  * -----------------------------------------------------------------------------------------------*/ const $69cb30bb0017df05$var$CONTENT_NAME = 'TabsContent';
-const $69cb30bb0017df05$export$bd905d70e8fd2ebb = /*#__PURE__*/ React$2.forwardRef((props, forwardedRef)=>{
+const $69cb30bb0017df05$export$bd905d70e8fd2ebb = /*#__PURE__*/ React.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 = React$2.useRef(isSelected);
-    React$2.useEffect(()=>{
+    const isMountAnimationPreventedRef = React.useRef(isSelected);
+    React.useEffect(()=>{
         const rAF = requestAnimationFrame(()=>isMountAnimationPreventedRef.current = false
         );
         return ()=>cancelAnimationFrame(rAF)
         ;
     }, []);
-    return /*#__PURE__*/ React$2.createElement(index$1.$921a889cee6df7e8$export$99c2b779aa4e8b8b, {
+    return /*#__PURE__*/ React.createElement(index$1.$921a889cee6df7e8$export$99c2b779aa4e8b8b, {
         present: forceMount || isSelected
-    }, ({ present: present  })=>/*#__PURE__*/ React$2.createElement(index$1.$8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends._extends({
+    }, ({ present: present  })=>/*#__PURE__*/ React.createElement(index$1.$8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends._extends({
             "data-state": isSelected ? 'active' : 'inactive',
             "data-orientation": context.orientation,
             role: "tabpanel",
@@ -389,7 +389,7 @@ const $69cb30bb0017df05$export$7c6e2c02157bb7d2 = $69cb30bb0017df05$export$bd905
 
 var Tab = function (_a) {
     var label = _a.label, value = _a.value, icon = _a.icon, iconActive = _a.iconActive, props = filterDataAttrs.__rest(_a, ["label", "value", "icon", "iconActive"]);
-    var surface = React$2.useContext(Surface.Context).surface;
+    var surface = React.useContext(Surface.Context).surface;
     return (React__default["default"].createElement($69cb30bb0017df05$export$41fb9f06171c75f4, filterDataAttrs.__assign({ className: index$3.classNames("arc-Tab-trigger", {
             "arc-Tab-trigger--onDarkSurface": surface === "dark",
             "arc-Tab-trigger--hasIcon": icon || iconActive
@@ -406,52 +406,46 @@ var TabContent = function (_a) {
     return (React__default["default"].createElement($69cb30bb0017df05$export$7c6e2c02157bb7d2, { className: "arc-Tab-content", value: value }, children));
 };
 
-const React$1 = React__default["default"];
-const BtIconArrowRightFill = props =>
-  /*#__PURE__*/ React$1.createElement(
+const BtIconArrowRightFill = (props) =>
+  /*#__PURE__*/ React__default["default"].createElement(
     "svg",
     Object.assign(
       {
         xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32"
+        viewBox: "0 0 32 32",
       },
-      props
+      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"
-    })
+    /*#__PURE__*/ React__default["default"].createElement("defs", null),
+    /*#__PURE__*/ React__default["default"].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["default"];
-const BtIconArrowLeftFill = props =>
-  /*#__PURE__*/ React.createElement(
+const BtIconArrowLeftFill = (props) =>
+  /*#__PURE__*/ React__default["default"].createElement(
     "svg",
     Object.assign(
       {
         xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32"
+        viewBox: "0 0 32 32",
       },
-      props
+      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"
-    })
+    /*#__PURE__*/ React__default["default"].createElement("defs", null),
+    /*#__PURE__*/ React__default["default"].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 = filterDataAttrs.__rest(_a, ["children", "type", "isJustified", "ariaLabel"]);
-    var surface = React$2.useContext(Surface.Context).surface;
-    var tabsRef = React$2.useRef(null);
-    var _b = React$2.useState(false), rightOverflow = _b[0], setRightOverflow = _b[1];
-    var _c = React$2.useState(false), leftOverflow = _c[0], setLeftOverflow = _c[1];
+    var surface = React.useContext(Surface.Context).surface;
+    var tabsRef = React.useRef(null);
+    var _b = React.useState(false), rightOverflow = _b[0], setRightOverflow = _b[1];
+    var _c = React.useState(false), leftOverflow = _c[0], setLeftOverflow = _c[1];
     var checkOverflow = function (element) {
         if (element) {
             if (element.scrollWidth > element.clientWidth) {
@@ -469,7 +463,7 @@ var TabsList = function (_a) {
             }
         }
     };
-    React$2.useEffect(function () {
+    React.useEffect(function () {
         checkOverflow(tabsRef.current);
     }, []);
     var scrollTabs = function (scrollAmount) {
@@ -489,20 +483,17 @@ var TabsList = function (_a) {
         leftOverflow && (React__default["default"].createElement("button", { className: index$3.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["default"].createElement(Icon.Icon, { icon: BtIconArrowLeftFill_2, size: 40, color: "brand" }))),
+            React__default["default"].createElement(Icon.Icon, { icon: BtIconArrowLeftFill, size: 40, color: "brand" }))),
         rightOverflow && (React__default["default"].createElement("button", { className: index$3.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["default"].createElement(Icon.Icon, { icon: BtIconArrowRightFill_2, size: 40, color: "brand" })))));
+            React__default["default"].createElement(Icon.Icon, { icon: BtIconArrowRightFill, size: 40, color: "brand" })))));
 };
 
 var Tabs = function (_a) {
     var children = _a.children, defaultValue = _a.defaultValue, onValueChange = _a.onValueChange, activationMode = _a.activationMode, props = filterDataAttrs.__rest(_a, ["children", "defaultValue", "onValueChange", "activationMode"]);
     return (React__default["default"].createElement($69cb30bb0017df05$export$be92b6f5f03c0fe9, filterDataAttrs.__assign({ className: "arc-Tabs-root", defaultValue: defaultValue, onValueChange: onValueChange, activationMode: activationMode }, filterDataAttrs.filterDataAttrs(props)), children));
 };
-Tab.displayName = "Tabs.Tab";
-TabsList.displayName = "Tabs.List";
-TabContent.displayName = "Tabs.Content";
 Tabs.Tab = Tab;
 Tabs.List = TabsList;
 Tabs.Content = TabContent;

package/dist/_shared/cjs/{Text-fa447e2d.js → Text-606ca3a2.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var filterDataAttrs = require('./filter-data-attrs-a30dcf5f.js');
-var index = require('./index-45bfb67b.js');
+var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
+var index = require('./index-9947ac13.js');
 var React = require('react');
-var suffixModifier = require('./suffix-modifier-1ee2da04.js');
-var Surface = require('./Surface-b7c51b2b.js');
+var suffixModifier = require('./suffix-modifier-64dcd338.js');
+var Surface = require('./Surface-038db6e1.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/_shared/cjs/{TextInput-f4549637.js → TextInput-539f9f30.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var filterDataAttrs = require('./filter-data-attrs-a30dcf5f.js');
-var index = require('./index-45bfb67b.js');
+var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
+var index = require('./index-9947ac13.js');
 var React = require('react');
-var FormControl = require('./FormControl-1e1bf2bf.js');
-var Surface = require('./Surface-b7c51b2b.js');
+var FormControl = require('./FormControl-7daf8110.js');
+var Surface = require('./Surface-038db6e1.js');
 var VisuallyHidden = require('./VisuallyHidden-e2c8b291.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/_shared/cjs/{Toast-0cb23cae.js → Toast-69108261.js}

@@ -1,30 +1,22 @@
 'use strict';
 
-var filterDataAttrs = require('./filter-data-attrs-a30dcf5f.js');
+var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
 var React = require('react');
-var _extends = require('./extends-bb8ffacd.js');
+var _extends = require('./extends-8c5e4b48.js');
 var $7SXl2$reactdom = require('react-dom');
-var index = require('./index-952918c9.js');
-var index$1 = require('./index-27b53d49.js');
-var index$2 = require('./index-96c4d581.js');
-var index$3 = require('./index-45bfb67b.js');
-var BtIconCrossAlt2Px = require('./BtIconCrossAlt2Px-30dc2688.js');
-var BtIconTick = require('./BtIconTick-42fcc5ec.js');
-var BtIconAlert = require('./BtIconAlert-637db790.js');
-var Icon = require('./Icon-e1dd45eb.js');
+var index = require('./index-c575a255.js');
+var index$1 = require('./index-b2fd6338.js');
+var index$2 = require('./index-6b2a9ac3.js');
+var index$3 = require('./index-9947ac13.js');
+var BtIconCrossAlt2Px_esm = require('./BtIconCrossAlt2Px.esm-1452b14b.js');
+var BtIconTick_esm = require('./BtIconTick.esm-844eac6c.js');
+var BtIconAlert_esm = require('./BtIconAlert.esm-1a0ff9f0.js');
+var Icon = require('./Icon-a9801f05.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-/**
- * On the server, React emits a warning when calling `useLayoutEffect`.
- * This is because neither `useLayoutEffect` nor `useEffect` run on the server.
- * We use this safe version which suppresses the warning by replacing it with a noop on the server.
- *
- * See: https://reactjs.org/docs/hooks-reference.html#uselayouteffect
- */ const $9f79659886946c16$export$e5c5a5f917a5871c = Boolean(globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) ? React.useLayoutEffect : ()=>{};
-
 const $ea1ef594cf570d83$export$439d29a4e110a164 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
     return /*#__PURE__*/ React.createElement(index.$8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends._extends({}, props, {
         ref: forwardedRef,
@@ -646,7 +638,7 @@ const $054eb8030ebde76e$var$isDeltaInDirection = (delta, direction, threshold =
 };
 function $054eb8030ebde76e$var$useNextFrame(callback = ()=>{}) {
     const fn = index.$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(callback);
-    $9f79659886946c16$export$e5c5a5f917a5871c(()=>{
+    index.$9f79659886946c16$export$e5c5a5f917a5871c(()=>{
         let raf1 = 0;
         let raf2 = 0;
         raf1 = window.requestAnimationFrame(()=>raf2 = window.requestAnimationFrame(fn)
@@ -705,10 +697,10 @@ const $054eb8030ebde76e$export$f39c2d165cd861fe = $054eb8030ebde76e$export$811e7
 var ToastNotification = function (_a) {
     var link = _a.link, title = _a.title, isOpen = _a.isOpen, onOpenChange = _a.onOpenChange, _b = _a.isStatusIconVisible, isStatusIconVisible = _b === void 0 ? true : _b, _c = _a.isCloseButtonVisible, isCloseButtonVisible = _c === void 0 ? true : _c, _d = _a.status, status = _d === void 0 ? "general" : _d, props = filterDataAttrs.__rest(_a, ["link", "title", "isOpen", "onOpenChange", "isStatusIconVisible", "isCloseButtonVisible", "status"]);
     var statusIcons = {
-        general: BtIconTick.BtIconNotification_2,
-        error: BtIconTick.BtIconAlertTriangle_2,
-        warning: BtIconAlert.BtIconAlert_2,
-        success: BtIconTick.BtIconTick_2
+        general: BtIconTick_esm.BtIconNotification,
+        error: BtIconTick_esm.BtIconAlertTriangle,
+        warning: BtIconAlert_esm.BtIconAlert,
+        success: BtIconTick_esm.BtIconTick
     };
     var handleLinkClick = function (handler) { return function (event) {
         event.preventDefault();
@@ -723,7 +715,7 @@ var ToastNotification = function (_a) {
             link && (React__default["default"].createElement($054eb8030ebde76e$export$e19cd5f9376f8cee, { className: "arc-Toast-action", asChild: true, altText: link.text },
                 React__default["default"].createElement("a", filterDataAttrs.__assign({ className: "arc-Toast-link", href: link.href, "aria-label": link.ariaLabel }, (link.onClick && { onClick: handleLinkClick(link.onClick) })), link.text))),
             isCloseButtonVisible && !link && (React__default["default"].createElement($054eb8030ebde76e$export$f39c2d165cd861fe, { className: "arc-Toast-dismiss", "aria-label": "Close" },
-                React__default["default"].createElement(Icon.Icon, { icon: BtIconCrossAlt2Px.BtIconCrossAlt2Px_2, size: 24 }))))));
+                React__default["default"].createElement(Icon.Icon, { icon: BtIconCrossAlt2Px_esm.BtIconCrossAlt2Px, size: 24 }))))));
 };
 
 /** Use `Toast` to display temporary messages at the bottom of the viewport. */
@@ -734,6 +726,5 @@ var Toast = function (_a) {
             React__default["default"].createElement("div", filterDataAttrs.__assign({ className: "arc-Toast-pathway--".concat(colorScheme) }, filterDataAttrs.filterDataAttrs(props)), children))));
 };
 Toast.Notification = ToastNotification;
-ToastNotification.displayName = "Toast.Notification";
 
 exports.Toast = Toast;

package/dist/_shared/cjs/{UniversalHeader-da622e1a.js → UniversalHeader-5e43d320.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var filterDataAttrs = require('./filter-data-attrs-a30dcf5f.js');
+var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
 var React = require('react');
-var Surface = require('./Surface-b7c51b2b.js');
+var Surface = require('./Surface-038db6e1.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -29,7 +29,6 @@ var UniversalHeaderItem = function (_a) {
     return (React__default["default"].createElement("li", filterDataAttrs.__assign({}, filterDataAttrs.filterDataAttrs(props)),
         React__default["default"].createElement("a", { className: "arc-UniversalHeader-link", href: href }, children)));
 };
-UniversalHeaderItem.displayName = "UniversalHeader.Item";
 UniversalHeader.Item = UniversalHeaderItem;
 
 exports.UniversalHeader = UniversalHeader;

package/dist/_shared/cjs/{VerticalSpace-86f697e7.js → VerticalSpace-dc53bb70.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var filterDataAttrs = require('./filter-data-attrs-a30dcf5f.js');
-var index = require('./index-45bfb67b.js');
+var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
+var index = require('./index-9947ac13.js');
 var React = require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/_shared/cjs/{extends-bb8ffacd.js → extends-8c5e4b48.js}

@@ -1,20 +1,17 @@
 'use strict';
 
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
-
   return _extends.apply(this, arguments);
 }