@oracle/oraclejet-preact 20.1.4 → 20.1.5

package/es/UNSAFE_TabBarCommon.js

@@ -1,20 +1,20 @@
 /* @oracle/oraclejet-preact: undefined */
-export { O as OverflowTabBarItem, R as RemovableTabBarItem, T as TabBarItem } from './OverflowTabBarItem-d6976f3f.js';
-export { T as TabBarLinkItem } from './TabBarLinkItem-4a310d03.js';
+export { O as OverflowTabBarItem, R as RemovableTabBarItem, T as TabBarItem } from './OverflowTabBarItem-817b089a.js';
+export { T as TabBarLinkItem } from './TabBarLinkItem-3579427c.js';
 export { T as TabBarContext, a as TabBarLayout, u as useTabBarContext } from './TabBarLayout-9b67d1b6.js';
 export { u as useProgressiveTruncation } from './useProgressiveTruncation-9f200b1e.js';
 import 'preact/jsx-runtime';
 import 'preact/hooks';
 import './useHover-85077adb.js';
 import './useToggle-8b7fcefe.js';
-import './EmbeddedIconButton-a1aadc89.js';
-import './BaseButton-e8e5bfe4.js';
+import './EmbeddedIconButton-8237a4ea.js';
+import './BaseButton-feeaaf1c.js';
 import 'preact/compat';
 import './useActive-fb6d4d52.js';
-import './useColorScheme-c4f6caab.js';
-import './LayerHost-7931b424.js';
-import './index-aec1cc7f.js';
+import './useColorScheme-67245285.js';
+import './LayerHost-3cf255a6.js';
 import 'preact';
+import './index-aec1cc7f.js';
 import './UNSAFE_Layer/themes/LayerHostStyles.css.js';
 import './LayerHostStyles.styles.css';
 import './classNames-4e12b00d.js';
@@ -48,7 +48,7 @@ import './useTabbableMode-090ed4b5.js';
 import './useId-03dbfdf0.js';
 import './buttonUtils-55fb1df7.js';
 import './id-83adac50.js';
-import './useTestId-f24ac480.js';
+import './useTestId-ab1bede6.js';
 import './unsafeDomAccess-453eb74e.js';
 import './ButtonLabelLayout-02656ee2.js';
 import './Text-834eb35e.js';
@@ -64,16 +64,16 @@ import './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css.
 import './ButtonLabelLayoutVariants.styles.css';
 import './Close-4df029ac.js';
 import './Icon-96679294.js';
-import './useTooltip-33d2e421.js';
-import './useTooltipControlled-af42d1d6.js';
+import './useTooltip-22ae63dd.js';
+import './useTooltipControlled-207b0297.js';
 import './useFocus-38c95977.js';
 import './useTouch-4828df25.js';
 import './useAnimation-fe39685e.js';
-import './useThemeInterpolations-e144e8ec.js';
-import './useScale-434ad939.js';
+import './useThemeInterpolations-5f358139.js';
+import './useScale-93490e54.js';
 import './theme-63551f30.js';
 import './Theme-e6dec6db.js';
-import './useDensity-1acb0153.js';
+import './useDensity-969273f3.js';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js';
 import './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js';
 import './TooltipContentStyles.styles.css';
@@ -81,17 +81,17 @@ import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css.js'
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
 import './TooltipContentVariants.styles.css';
-import './tooltipUtils-7825620d.js';
-import './EnvironmentProvider-6a0a8212.js';
-import './LayerManager-52a26c55.js';
-import './Floating-8a9436ac.js';
-import './useFloating-b9d680f7.js';
-import './useUser-06d34d19.js';
+import './tooltipUtils-1e5f592e.js';
+import './EnvironmentProvider-6cf8ed37.js';
+import './LayerManager-e30fbfd6.js';
+import './Floating-0a11107a.js';
+import './useFloating-c74a7f54.js';
+import './useUser-e543b73c.js';
 import './positionUtils-f26caad9.js';
 import './refUtils-76275c69.js';
-import './useOutsideClick-f00c65fc.js';
+import './useOutsideClick-3ac4fc59.js';
 import './arrayUtils-35a58161.js';
-import './Layer-535577b5.js';
+import './Layer-6c27170e.js';
 import './UNSAFE_Layer/themes/LayerStyles.css.js';
 import './LayerStyles.styles.css';
 import './useModal-953082f2.js';
@@ -106,7 +106,7 @@ import './UNSAFE_Floating/themes/FloatingContract.css.js';
 import './useUnsafeDomElementRef-32290273.js';
 import './UNSAFE_Icon/themes/IconStyle.css.js';
 import './IconStyle.styles.css';
-import './Flex-03129963.js';
+import './Flex-fc483125.js';
 import './boxalignment-8980856d.js';
 import './boxalignment.styles.css';
 import './vanilla-extract-sprinkles-createRuntimeSprinkles.esm-2d655d37.js';
@@ -115,8 +115,81 @@ import './flexbox.styles.css';
 import './flexitem-7b7f7920.js';
 import './flexitem.styles.css';
 import './FlexStyles.styles.css';
-import './useTranslationBundle-4822502f.js';
-import './NavigationList-cf6ce538.js';
+import './useTranslationBundle-bc6e0896.js';
+import './Dropdown-f3f363dc.js';
+import './keyboardUtils-986fe923.js';
+import './tabbableUtils-c8311ec6.js';
+import './head-8f89fe66.js';
+import './_arity-be492b9e.js';
+import './_isArray-694cc52d.js';
+import './_isString-675f1de9.js';
+import './usePopupAnimation-7c5db425.js';
+import './useAnimationStatus-b881f39a.js';
+import './popupAnimationUtils-175151d9.js';
+import './CollectionInteractionContext-7cf19abc.js';
+import './UNSAFE_Dropdown/themes/dropdownStyles.css.js';
+import './dropdownStyles.styles.css';
+import './useOutsideMousedown-e0866d58.js';
+import './popupUtils-7774330e.js';
+import './animationUtils-5f409a6c.js';
+import './useEffectEvent-1bb008cb.js';
+import './Sheet-b5910642.js';
+import './Modal-c0f730b8.js';
+import './UNSAFE_Modal/themes/ModalStyles.css.js';
+import './ModalStyles.styles.css';
+import './WindowOverlay-cd90d18c.js';
+import './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css.js';
+import './WindowOverlayStyles.styles.css';
+import './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css.js';
+import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme.js';
+import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css.js';
+import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.styles.css';
+import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css.js';
+import './UNSAFE_Sheet/themes/SheetStyles.css.js';
+import './SheetStyles.styles.css';
+import './UNSAFE_TabBarCommon/themes/redwood/TabBarItemTheme.js';
+import './UNSAFE_TabBarCommon/themes/TabBarItemStyles.css.js';
+import './TabBarItemStyles.styles.css';
+import './UNSAFE_TabBarCommon/themes/redwood/TabBarItemBaseTheme.css.js';
+import './UNSAFE_TabBarCommon/themes/redwood/TabBarItemBaseTheme.styles.css';
+import './UNSAFE_TabBarCommon/themes/redwood/TabBarItemVariants.css.js';
+import './TabBarItemVariants.styles.css';
+import './Badge-ae131e68.js';
+import './UNSAFE_Badge/themes/redwood/BadgeTheme.js';
+import './UNSAFE_Badge/themes/BadgeStyles.css.js';
+import './BadgeStyles.styles.css';
+import './UNSAFE_Badge/themes/redwood/BadgeThemeBaseTheme.css.js';
+import './UNSAFE_Badge/themes/redwood/BadgeThemeBaseTheme.styles.css';
+import './UNSAFE_Badge/themes/redwood/BadgeVariants.css.js';
+import './BadgeVariants.styles.css';
+import './useConveyorBeltItem-1b9081e3.js';
+import './ConveyorBeltContext-76a29c59.js';
+import './useDetectTruncation-071767c7.js';
+import './truncationUtils-e37f95ee.js';
+import './useResizeObserver-13641643.js';
+import './useAddBusyState-7a6af61f.js';
+import './BusyStateContext-9ee9751d.js';
+import './useBusyStateContext-4d3c27c0.js';
+import './WarningS-4edd2831.js';
+import './ErrorS-7172750a.js';
+import './InformationS-1688c956.js';
+import './SuccessS-56e4238e.js';
+import './NavigationListLinkItem-99c5b4e5.js';
+import './useInteractionStyle-99e32c23.js';
+import './UNSAFE_NavigationListCommon/themes/redwood/NavigationListItemTheme.js';
+import './UNSAFE_NavigationList/themes/NavigationListItemStyles.css.js';
+import './NavigationListItemStyles.styles2.css';
+import './UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.css.js';
+import './UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.styles.css';
+import './UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css.js';
+import './NavigationListItemVariants.styles.css';
+import './safeHref-fce77e0c.js';
+import './UNSAFE_TabBarCommon/themes/TabBarItemContract.css.js';
+import './HiddenAccessible-61197e7c.js';
+import './HiddenAccessibleStyles.styles.css';
+import './UNSAFE_TabBarCommon/themes/OverflowTabBarItemStyles.css.js';
+import './OverflowTabBarItemStyles.styles.css';
+import './NavigationListItem-aca16c7a.js';
 import './clientUtils-71f2dbaf.js';
 import './UNSAFE_NavigationList/themes/NavigationListStyles.css.js';
 import './NavigationListStyles.styles.css';
@@ -129,8 +202,6 @@ import './Check-e656faf8.js';
 import './CheckboxOff-f94a8c13.js';
 import './CheckboxOn-75de0df4.js';
 import './CheckboxMixed-6d58a7d7.js';
-import './HiddenAccessible-61197e7c.js';
-import './HiddenAccessibleStyles.styles.css';
 import './UNSAFE_Checkbox/themes/CheckboxIconContract.css.js';
 import './UNSAFE_Checkbox/themes/redwood/CheckboxIconTheme.js';
 import './UNSAFE_Checkbox/themes/CheckboxIconStyles.css.js';
@@ -142,44 +213,13 @@ import './CheckboxIconVariants.styles.css';
 import './StyledCheckbox.styles.css';
 import './PRIVATE_BaseSelector/themes/SelectorStyles.css.js';
 import './SelectorStyles.styles.css';
-import './CollectionInteractionContext-7cf19abc.js';
 import './useCollectionInteractionContext-3895c632.js';
 import './useCollectionFocusRing-c637c3da.js';
-import './useCurrentKey-5f865bbd.js';
+import './useCurrentKey-38e5f097.js';
 import './useContextMenuGesture-e09f4c69.js';
 import './textSelectionUtils-e87a47ff.js';
 import './TabBarContextMenu-d9a31d89.js';
 import './SelectMenuGroupContext-6ee1b1e1.js';
-import './Sheet-b5910642.js';
-import './Modal-c0f730b8.js';
-import './UNSAFE_Modal/themes/ModalStyles.css.js';
-import './ModalStyles.styles.css';
-import './tabbableUtils-c8311ec6.js';
-import './head-8f89fe66.js';
-import './_arity-be492b9e.js';
-import './_isArray-694cc52d.js';
-import './_isString-675f1de9.js';
-import './popupUtils-51366a29.js';
-import './WindowOverlay-ee64634e.js';
-import './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css.js';
-import './WindowOverlayStyles.styles.css';
-import './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css.js';
-import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme.js';
-import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css.js';
-import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.styles.css';
-import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css.js';
-import './UNSAFE_Sheet/themes/SheetStyles.css.js';
-import './SheetStyles.styles.css';
-import './useAnimationStatus-b881f39a.js';
-import './animationUtils-5f409a6c.js';
-import './Dropdown-63170b62.js';
-import './keyboardUtils-986fe923.js';
-import './usePopupAnimation-96d2bc83.js';
-import './popupAnimationUtils-175151d9.js';
-import './UNSAFE_Dropdown/themes/dropdownStyles.css.js';
-import './dropdownStyles.styles.css';
-import './useOutsideMousedown-c45c22c0.js';
-import './useEffectEvent-1bb008cb.js';
 import './UNSAFE_Menu/themes/MenuStyles.css.js';
 import './MenuStyles.styles.css';
 import './UNSAFE_Menu/themes/DropdownMenuStyles.css.js';
@@ -194,7 +234,7 @@ import './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.styles.css';
 import './UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css.js';
 import './UNSAFE_Menu/themes/MenuSkeletonStyles.css.js';
 import './MenuSkeletonStyles.styles.css';
-import './LiveRegion-cebac18d.js';
+import './LiveRegion-2e8830ae.js';
 import './LiveRegionStyles.styles.css';
 import './UNSAFE_Menu/themes/redwood/MenuItemTheme.js';
 import './UNSAFE_Menu/themes/MenuItemStyles.css.js';
@@ -202,8 +242,7 @@ import './MenuItemStyles.styles.css';
 import './UNSAFE_Menu/themes/redwood/MenuItemBaseTheme.css.js';
 import './UNSAFE_Menu/themes/redwood/MenuItemBaseTheme.styles.css';
 import './UNSAFE_Menu/themes/redwood/MenuItemVariants.css.js';
-import './MenuItemVariants.styles.css';
-import './useInteractionStyle-99e32c23.js';
+import './MenuItemVariants.styles2.css';
 import './Separator-93c70737.js';
 import './UNSAFE_Separator/themes/SeparatorStyles.css.js';
 import './SeparatorStyles.styles.css';
@@ -211,46 +250,4 @@ import './MenuSeparatorStyles.styles.css';
 import './UNSAFE_Menu/themes/redwood/MenuSeparatorBaseTheme.styles.css';
 import './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css.js';
 import './tabBarUtils-71bd0da1.js';
-import './useNavigationListItem-a481f274.js';
-import './UNSAFE_NavigationListCommon/themes/redwood/NavigationListItemTheme.js';
-import './UNSAFE_NavigationList/themes/NavigationListItemStyles.css.js';
-import './NavigationListItemStyles.styles2.css';
-import './UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.css.js';
-import './UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.styles.css';
-import './UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css.js';
-import './NavigationListItemVariants.styles.css';
-import './NavigationListItem-0bb20804.js';
-import './NavigationListLinkItem-762a323f.js';
-import './Badge-ae131e68.js';
-import './UNSAFE_Badge/themes/redwood/BadgeTheme.js';
-import './UNSAFE_Badge/themes/BadgeStyles.css.js';
-import './BadgeStyles.styles.css';
-import './UNSAFE_Badge/themes/redwood/BadgeThemeBaseTheme.css.js';
-import './UNSAFE_Badge/themes/redwood/BadgeThemeBaseTheme.styles.css';
-import './UNSAFE_Badge/themes/redwood/BadgeVariants.css.js';
-import './BadgeVariants.styles.css';
-import './WarningS-4edd2831.js';
-import './ErrorS-7172750a.js';
-import './InformationS-1688c956.js';
-import './SuccessS-56e4238e.js';
-import './safeHref-fce77e0c.js';
-import './NavigationListSeparator.styles.css';
-import './UNSAFE_TabBarCommon/themes/redwood/TabBarItemTheme.js';
-import './UNSAFE_TabBarCommon/themes/TabBarItemStyles.css.js';
-import './TabBarItemStyles.styles.css';
-import './UNSAFE_TabBarCommon/themes/redwood/TabBarItemBaseTheme.css.js';
-import './UNSAFE_TabBarCommon/themes/redwood/TabBarItemBaseTheme.styles.css';
-import './UNSAFE_TabBarCommon/themes/redwood/TabBarItemVariants.css.js';
-import './TabBarItemVariants.styles.css';
-import './useConveyorBeltItem-1b9081e3.js';
-import './ConveyorBeltContext-76a29c59.js';
-import './useDetectTruncation-071767c7.js';
-import './truncationUtils-e37f95ee.js';
-import './useResizeObserver-13641643.js';
-import './useAddBusyState-7a6af61f.js';
-import './BusyStateContext-9ee9751d.js';
-import './useBusyStateContext-4d3c27c0.js';
-import './UNSAFE_TabBarCommon/themes/TabBarItemContract.css.js';
-import './UNSAFE_TabBarCommon/themes/OverflowTabBarItemStyles.css.js';
-import './OverflowTabBarItemStyles.styles.css';
 //# sourceMappingURL=UNSAFE_TabBarCommon.js.map

package/es/UNSAFE_TabBarCommon.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_TabBarCommon.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"UNSAFE_TabBarCommon.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/UNSAFE_TabBarMixed.js

@@ -2,9 +2,9 @@
 import { jsx, Fragment, jsxs } from 'preact/jsx-runtime';
 import { useRef, useMemo, useState, useCallback } from 'preact/hooks';
 import { forwardRef, useImperativeHandle } from 'preact/compat';
-import './LayerHost-7931b424.js';
+import './LayerHost-3cf255a6.js';
 import './UNSAFE_Text/themes/TextStyles.css.js';
-import './Flex-03129963.js';
+import './Flex-fc483125.js';
 import { T as TabBarContext } from './TabBarLayout-9b67d1b6.js';
 export { a as TabBarLayout } from './TabBarLayout-9b67d1b6.js';
 import './flexitem-7b7f7920.js';
@@ -25,19 +25,13 @@ import { m as mergeProps } from './mergeProps-88ea8306.js';
 import './TooltipContentStyles.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
-import './tooltipUtils-7825620d.js';
+import './tooltipUtils-1e5f592e.js';
 import './IconStyle.styles.css';
 import { H as HiddenAccessible } from './HiddenAccessible-61197e7c.js';
 import './safeHref-fce77e0c.js';
-import './BaseButton-e8e5bfe4.js';
+import './BaseButton-feeaaf1c.js';
 import './ButtonLabelLayout-02656ee2.js';
-import './NavigationList-cf6ce538.js';
-import './useNavigationListItem-a481f274.js';
-import './UNSAFE_NavigationList/themes/NavigationListItemStyles.css.js';
-import './UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.styles.css';
-import './UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css.js';
-import './NavigationListSeparator.styles.css';
-import './Floating-8a9436ac.js';
+import './Floating-0a11107a.js';
 import './LayerStyles.styles.css';
 import './keyboardUtils-986fe923.js';
 import './tabbableUtils-c8311ec6.js';
@@ -49,20 +43,20 @@ import './StyledCheckbox-8ca4a652.js';
 import './SelectorStyles.styles.css';
 import { i as isMobile } from './clientUtils-71f2dbaf.js';
 import { styles } from './UNSAFE_TabBarMixed/themes/TabBarMixedStyles.css.js';
-import { u as useTabBar, g as getItemAttribute, R as REMOVABLE_ITEM_ATTRIBUTE } from './useTabBar-c50957fa.js';
-import { L as LiveRegion } from './LiveRegion-cebac18d.js';
+import { u as useTabBar, g as getItemAttribute, R as REMOVABLE_ITEM_ATTRIBUTE } from './useTabBar-6dca14a7.js';
+import { L as LiveRegion } from './LiveRegion-2e8830ae.js';
 import { T as TabBarContextMenu } from './TabBarContextMenu-d9a31d89.js';
 import { C as ConveyorBeltFocusContext } from './ConveyorBeltFocusContext-dd3cf192.js';
-import { V as View } from './View-5bdd9b3c.js';
+import { V as View } from './View-818f2f31.js';
 import { styles as styles$1 } from './UNSAFE_TabBarMixed/themes/TabBarMixedSeparator.css.js';
-export { O as OverflowTabBarItem, R as RemovableTabBarItem, T as TabBarItem } from './OverflowTabBarItem-d6976f3f.js';
+export { O as OverflowTabBarItem, R as RemovableTabBarItem, T as TabBarItem } from './OverflowTabBarItem-817b089a.js';
 import './HiddenAccessibleStyles.styles.css';
 import './index-aec1cc7f.js';
 import './UNSAFE_Layer/themes/LayerHostStyles.css.js';
 import './LayerHostStyles.styles.css';
 import './TextStyles.styles.css';
 import './vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
-import './useTestId-f24ac480.js';
+import './useTestId-ab1bede6.js';
 import './classNames-4e12b00d.js';
 import './flexbox-529f25da.js';
 import './flexbox.styles.css';
@@ -84,16 +78,16 @@ import './boxalignment.styles.css';
 import './TabBarItemVariants.styles.css';
 import './BadgeVariants.styles.css';
 import './TooltipContentVariants.styles.css';
-import './EnvironmentProvider-6a0a8212.js';
-import './LayerManager-52a26c55.js';
-import './Layer-535577b5.js';
+import './EnvironmentProvider-6cf8ed37.js';
+import './LayerManager-e30fbfd6.js';
+import './Layer-6c27170e.js';
 import './UNSAFE_Layer/themes/LayerStyles.css.js';
-import './useThemeInterpolations-e144e8ec.js';
-import './useColorScheme-c4f6caab.js';
-import './useScale-434ad939.js';
+import './useThemeInterpolations-5f358139.js';
+import './useColorScheme-67245285.js';
+import './useScale-93490e54.js';
 import './theme-63551f30.js';
 import './Theme-e6dec6db.js';
-import './useDensity-1acb0153.js';
+import './useDensity-969273f3.js';
 import './unsafeDomAccess-453eb74e.js';
 import './useHover-85077adb.js';
 import './useToggle-8b7fcefe.js';
@@ -122,30 +116,11 @@ import './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.css
 import './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.styles.css';
 import './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css.js';
 import './ButtonLabelLayoutVariants.styles.css';
-import './UNSAFE_NavigationList/themes/NavigationListStyles.css.js';
-import './NavigationListStyles.styles.css';
-import './collectionUtils-609f73d6.js';
-import './keys-49c92dbb.js';
-import './Selector-b7fa8b54.js';
-import './BaseSelector-9bbbaba1.js';
-import './useFocus-38c95977.js';
-import './PRIVATE_BaseSelector/themes/SelectorStyles.css.js';
-import './useCollectionInteractionContext-3895c632.js';
-import './useCollectionFocusRing-c637c3da.js';
-import './useCurrentKey-5f865bbd.js';
-import './useUser-06d34d19.js';
-import './useContextMenuGesture-e09f4c69.js';
-import './textSelectionUtils-e87a47ff.js';
-import './useTranslationBundle-4822502f.js';
-import './useInteractionStyle-99e32c23.js';
-import './UNSAFE_NavigationListCommon/themes/redwood/NavigationListItemTheme.js';
-import './UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.css.js';
-import './NavigationListItemStyles.styles2.css';
-import './NavigationListItemVariants.styles.css';
-import './useFloating-b9d680f7.js';
+import './useFloating-c74a7f54.js';
+import './useUser-e543b73c.js';
 import './positionUtils-f26caad9.js';
 import './refUtils-76275c69.js';
-import './useOutsideClick-f00c65fc.js';
+import './useOutsideClick-3ac4fc59.js';
 import './useModal-953082f2.js';
 import './UNSAFE_Floating/themes/redwood/FloatingTheme.js';
 import './UNSAFE_Floating/themes/FloatingStyles.css.js';
@@ -163,8 +138,8 @@ import './_isString-675f1de9.js';
 import './Modal-c0f730b8.js';
 import './UNSAFE_Modal/themes/ModalStyles.css.js';
 import './ModalStyles.styles.css';
-import './popupUtils-51366a29.js';
-import './WindowOverlay-ee64634e.js';
+import './popupUtils-7774330e.js';
+import './WindowOverlay-cd90d18c.js';
 import './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css.js';
 import './WindowOverlayStyles.styles.css';
 import './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css.js';
@@ -177,10 +152,12 @@ import './SheetStyles.styles.css';
 import './useAnimationStatus-b881f39a.js';
 import './useAnimation-fe39685e.js';
 import './animationUtils-5f409a6c.js';
+import './useTranslationBundle-bc6e0896.js';
 import './Check-e656faf8.js';
 import './Icon-96679294.js';
-import './useTooltip-33d2e421.js';
-import './useTooltipControlled-af42d1d6.js';
+import './useTooltip-22ae63dd.js';
+import './useTooltipControlled-207b0297.js';
+import './useFocus-38c95977.js';
 import './useTouch-4828df25.js';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js';
 import './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js';
@@ -199,15 +176,25 @@ import './UNSAFE_Checkbox/themes/redwood/CheckboxIconVariants.css.js';
 import './CheckboxIconVariants.styles.css';
 import './StyledCheckbox.styles.css';
 import './TabBarMixedStyles.styles.css';
+import './collectionUtils-609f73d6.js';
+import './keys-49c92dbb.js';
+import './Selector-b7fa8b54.js';
+import './BaseSelector-9bbbaba1.js';
+import './PRIVATE_BaseSelector/themes/SelectorStyles.css.js';
+import './useCollectionInteractionContext-3895c632.js';
+import './useCollectionFocusRing-c637c3da.js';
+import './useCurrentKey-38e5f097.js';
 import './useReorderableContext-79b1c941.js';
 import './ReorderableContext-0daeea89.js';
+import './useContextMenuGesture-e09f4c69.js';
+import './textSelectionUtils-e87a47ff.js';
 import './LiveRegionStyles.styles.css';
 import './SelectMenuGroupContext-6ee1b1e1.js';
-import './Dropdown-63170b62.js';
-import './usePopupAnimation-96d2bc83.js';
+import './Dropdown-f3f363dc.js';
+import './usePopupAnimation-7c5db425.js';
 import './popupAnimationUtils-175151d9.js';
 import './UNSAFE_Dropdown/themes/dropdownStyles.css.js';
-import './useOutsideMousedown-c45c22c0.js';
+import './useOutsideMousedown-e0866d58.js';
 import './useEffectEvent-1bb008cb.js';
 import './UNSAFE_Menu/themes/MenuStyles.css.js';
 import './MenuStyles.styles.css';
@@ -229,7 +216,8 @@ import './MenuItemStyles.styles.css';
 import './UNSAFE_Menu/themes/redwood/MenuItemBaseTheme.css.js';
 import './UNSAFE_Menu/themes/redwood/MenuItemBaseTheme.styles.css';
 import './UNSAFE_Menu/themes/redwood/MenuItemVariants.css.js';
-import './MenuItemVariants.styles.css';
+import './MenuItemVariants.styles2.css';
+import './useInteractionStyle-99e32c23.js';
 import './Separator-93c70737.js';
 import './UNSAFE_Separator/themes/SeparatorStyles.css.js';
 import './SeparatorStyles.styles.css';
@@ -242,29 +230,38 @@ import './padding-90265467.js';
 import './aria-efa0582c.js';
 import './equals-625352e8.js';
 import './TabBarMixedSeparator.styles.css';
-import './EmbeddedIconButton-a1aadc89.js';
+import './EmbeddedIconButton-8237a4ea.js';
 import './Close-4df029ac.js';
-import './NavigationListItem-0bb20804.js';
-import './NavigationListLinkItem-762a323f.js';
+import './UNSAFE_TabBarCommon/themes/redwood/TabBarItemTheme.js';
+import './UNSAFE_TabBarCommon/themes/TabBarItemStyles.css.js';
+import './UNSAFE_TabBarCommon/themes/redwood/TabBarItemBaseTheme.css.js';
 import './Badge-ae131e68.js';
 import './UNSAFE_Badge/themes/redwood/BadgeTheme.js';
 import './UNSAFE_Badge/themes/BadgeStyles.css.js';
 import './UNSAFE_Badge/themes/redwood/BadgeThemeBaseTheme.css.js';
-import './WarningS-4edd2831.js';
-import './ErrorS-7172750a.js';
-import './InformationS-1688c956.js';
-import './SuccessS-56e4238e.js';
-import './UNSAFE_TabBarCommon/themes/redwood/TabBarItemTheme.js';
-import './UNSAFE_TabBarCommon/themes/TabBarItemStyles.css.js';
-import './UNSAFE_TabBarCommon/themes/redwood/TabBarItemBaseTheme.css.js';
 import './useConveyorBeltItem-1b9081e3.js';
 import './useDetectTruncation-071767c7.js';
 import './truncationUtils-e37f95ee.js';
 import './useResizeObserver-13641643.js';
 import './useAddBusyState-7a6af61f.js';
 import './useBusyStateContext-4d3c27c0.js';
+import './WarningS-4edd2831.js';
+import './ErrorS-7172750a.js';
+import './InformationS-1688c956.js';
+import './SuccessS-56e4238e.js';
+import './NavigationListLinkItem-99c5b4e5.js';
+import './UNSAFE_NavigationListCommon/themes/redwood/NavigationListItemTheme.js';
+import './UNSAFE_NavigationList/themes/NavigationListItemStyles.css.js';
+import './NavigationListItemStyles.styles2.css';
+import './UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.css.js';
+import './UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.styles.css';
+import './UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css.js';
+import './NavigationListItemVariants.styles.css';
 import './UNSAFE_TabBarCommon/themes/TabBarItemContract.css.js';
 import './UNSAFE_TabBarCommon/themes/OverflowTabBarItemStyles.css.js';
+import './NavigationListItem-aca16c7a.js';
+import './UNSAFE_NavigationList/themes/NavigationListStyles.css.js';
+import './NavigationListStyles.styles.css';
 
 /**
  * A thin wrapper around useTabBar hook
@@ -353,7 +350,7 @@ const TabBarMixed = forwardRef((props, focusHandleRef) => {
         endTabPass
     }), [isSuppressOverflowFocus, focusTabbarRoot, beginTabPass, endTabPass]);
     const mergedRootProps = mergeProps(rootProps, { onKeyDown, onBlur });
-    return (jsxs(ConveyorBeltFocusContext.Provider, { value: focusContext, children: [jsx(TabBarContext.Provider, { value: tabBarContext, children: jsx("div", { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...mergedRootProps, children: children }) }), isContextMenuAvailable && contextMenuDescriptionId && contextMenuDescription && (jsx("span", { id: contextMenuDescriptionId, children: jsx(HiddenAccessible, { children: contextMenuDescription }) })), isContextMenuAvailable && accStatusInfo && jsx(LiveRegion, { children: accStatusInfo }), isContextMenuAvailable && (jsx(TabBarContextMenu, { ...menuProps, contextMenuConfig: defaultContextMenuConfig, contextMenuContext: contextMenuContext }))] }));
+    return (jsxs(ConveyorBeltFocusContext.Provider, { value: focusContext, children: [jsx(TabBarContext.Provider, { value: tabBarContext, children: jsx("div", { ...mergedRootProps, ref: rootRef, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, children: children }) }), isContextMenuAvailable && contextMenuDescriptionId && contextMenuDescription && (jsx("span", { id: contextMenuDescriptionId, children: jsx(HiddenAccessible, { children: contextMenuDescription }) })), isContextMenuAvailable && accStatusInfo && jsx(LiveRegion, { children: accStatusInfo }), isContextMenuAvailable && (jsx(TabBarContextMenu, { ...menuProps, contextMenuConfig: defaultContextMenuConfig, contextMenuContext: contextMenuContext }))] }));
 });
 
 /**

package/es/UNSAFE_TabBarMixed.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_TabBarMixed.js","sources":["../../src/UNSAFE_TabBarMixed/useTabBarMixed.ts","../../src/UNSAFE_TabBarMixed/TabBarMixed.tsx","../../src/UNSAFE_TabBarMixed/TabBarMixedSeparator.tsx"],"sourcesContent":["import type { ComponentProps, ContextType, RefObject } from 'preact';\nimport type { TabBarContext, TabBarLayout } from '../UNSAFE_TabBarCommon';\nimport { TabBar } from '../UNSAFE_TabBar/TabBar';\nimport { useTabBar } from '../hooks/PRIVATE_useTabBar';\n\ntype TabBarContextValue = ContextType<typeof TabBarContext>;\n\nexport type useTabBarOptions = {\n  class?: string;\n  display?: TabBarContextValue['display'];\n  edge?: 'bottom' | 'top';\n  onRemove?: TabBarContextValue['onRemove'];\n  onSelect?: TabBarContextValue['onSelect'];\n  ref?: RefObject<HTMLDivElement>;\n  selection?: TabBarContextValue['selection'];\n  size?: TabBarContextValue['size'];\n  children?: ComponentProps<typeof TabBarLayout>['children'];\n  contextMenuConfig?: ComponentProps<typeof TabBar>['contextMenuConfig'];\n};\n\n/**\n * A thin wrapper around useTabBar hook\n */\nexport function useTabBarMixed(options: useTabBarOptions) {\n  return useTabBar(options);\n}\n","import type { ComponentChildren } from 'preact';\nimport { useMemo, useRef, useCallback, useState } from 'preact/hooks';\nimport { Ref } from 'preact';\nimport { forwardRef, useImperativeHandle } from 'preact/compat';\nimport { TabBarContext, TabBarContextMenuConfig } from '../UNSAFE_TabBarCommon';\nimport { isMobile } from '#utils/UNSAFE_clientUtils';\nimport { styles } from './themes/TabBarMixedStyles.css';\nimport { useTabBarMixed as useTabBar } from './useTabBarMixed';\nimport { REMOVABLE_ITEM_ATTRIBUTE, getItemAttribute } from '../hooks/PRIVATE_useTabBar/useTabBar';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { TabBarContextMenu } from '../UNSAFE_TabBar/TabBarContextMenu';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps/mergeProps';\nimport { ConveyorBeltFocusContext } from '../UNSAFE_ConveyorBelt';\n\ntype UseTabBarOptions = Parameters<typeof useTabBar>[0];\n\n/**\n * Component props expected to be pased to **TabBarMixed**.\n *\n * @see {@link TabBarMixed}\n */\ntype TabBarMixedProps<K extends string | number> = {\n  /**\n   * Component children that will be rendered within the **TabBarMixed**\n   * root element.\n   *\n   * It is expected that **TabBarLayout** and **ConveyorBelt** elements are\n   * provided. The same **TabBarItem**, **RemovableTabBarItem**,\n   * and **OverflowTabBarItem** elements should also be used.\n   */\n  children?: ComponentChildren;\n  /**\n   * Callback fired when a tab item is removed.\n   */\n  onRemove?: UseTabBarOptions['onRemove'];\n  /**\n   * Callback fired when a tab item is selected.\n   */\n  onSelect?: UseTabBarOptions['onSelect'];\n  /**\n   * The item key of the selected tab item.\n   */\n  selection?: K;\n  /**\n   * The height of the the tab bar.\n   *\n   * @default \"md\"\n   */\n  size?: UseTabBarOptions['size'];\n  /**\n   * An aria-label which defines a string value that labels this TabBarMixed.\n   * Either aria-label or aria-labelledby should be specified in order to make TabBarMixed accessible.\n   */\n  'aria-label'?: string;\n\n  /**\n   * An aria-labelledby which identifies the element(s) that labels this TabBarMixed.\n   * Either aria-label or aria-labelledby should be specified in order to make TabBarMixed accessible.\n   */\n  'aria-labelledby'?: string;\n};\n\nexport type FocusableHandle = {\n  focus: () => void;\n  blur: () => void;\n};\n\n/**\n * A navigation component that enables horizontal navigation between distinct content with a mixture of static and dynamic tabs.\n *\n * @param {TabBarMixedProps} props TabBarMixed component props.\n * @returns {JSX.Element} TabBarMixed component element.\n */\nexport const TabBarMixed = forwardRef(\n  <K extends string | number>(\n    props: TabBarMixedProps<K>,\n    focusHandleRef?: Ref<FocusableHandle>\n  ) => {\n    const {\n      children,\n      onRemove,\n      onSelect,\n      selection,\n      size,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby\n    } = props;\n\n    const rootRef = useRef<HTMLDivElement>(null);\n\n    const isMobileDevice = isMobile();\n    const defaultContextMenuConfig = useMemo<TabBarContextMenuConfig<string | number>>(() => {\n      return {\n        itemsRenderer: (context) => {\n          //Only if context is available, it is a mobile device and it is removable item, we will return remove context menu item\n          if (context) {\n            const isRemovableItem =\n              getItemAttribute(context.itemKey, rootRef.current!, REMOVABLE_ITEM_ATTRIBUTE) != null;\n            if (isRemovableItem && isMobileDevice) {\n              const defaultItems = context.defaultMenuItems;\n              return <>{defaultItems}</>;\n            }\n          }\n          return null;\n        }\n      };\n    }, []);\n\n    const {\n      rootProps,\n      tabBarContext,\n      menuProps,\n      contextMenuContext,\n      contextMenuDescription,\n      contextMenuDescriptionId,\n      accStatusInfo\n    } = useTabBar({\n      class: styles.tabBarBase,\n      edge: 'bottom',\n      onRemove,\n      onSelect,\n      ref: rootRef,\n      selection,\n      size,\n      children,\n      contextMenuConfig: defaultContextMenuConfig\n    });\n\n    const isContextMenuAvailable = defaultContextMenuConfig != null && isMobileDevice;\n    //Allows to call focus on rootRef without having to expose it\n    useImperativeHandle(focusHandleRef!, () => ({\n      focus: () => {\n        if (rootRef.current) {\n          rootRef.current.focus();\n        }\n      },\n      blur: () => {\n        if (rootRef.current) {\n          rootRef.current.blur();\n        }\n      }\n    }));\n\n    const [isSuppressOverflowFocus, setIsSuppressOverflowFocus] = useState(false);\n\n    const focusTabbarRoot = useCallback(() => {\n      rootRef.current?.focus();\n    }, []);\n\n    // Begin a short window where overflow div should not be focusable.\n    const beginTabPass = useCallback(() => {\n      setIsSuppressOverflowFocus(true);\n    }, []);\n\n    // End that window after focus moves away.\n    const endTabPass = useCallback(() => {\n      setIsSuppressOverflowFocus(false);\n    }, []);\n\n    const onKeyDown = useCallback(\n      (e: KeyboardEvent) => {\n        // We only want to suppress overflow focus when the user is tabbing.\n        if (e.key === 'Tab' && !e.shiftKey) {\n          // Tell conveyor to make its overflow non-focusable (tabIndex = -1)\n          beginTabPass?.();\n        }\n      },\n      [beginTabPass]\n    );\n\n    const onBlur = useCallback(() => {\n      // End that suppress overflow after focus moves away.\n      endTabPass?.();\n    }, [endTabPass]);\n\n    const focusContext = useMemo(\n      () => ({\n        focusTabbarRoot,\n        isSuppressOverflowFocus,\n        beginTabPass,\n        endTabPass\n      }),\n      [isSuppressOverflowFocus, focusTabbarRoot, beginTabPass, endTabPass]\n    );\n\n    const mergedRootProps = mergeProps(rootProps, { onKeyDown, onBlur });\n\n    return (\n      <ConveyorBeltFocusContext.Provider value={focusContext}>\n        <TabBarContext.Provider value={tabBarContext}>\n          <div aria-label={ariaLabel} aria-labelledby={ariaLabelledby} {...mergedRootProps}>\n            {children}\n          </div>\n        </TabBarContext.Provider>\n        {isContextMenuAvailable && contextMenuDescriptionId && contextMenuDescription && (\n          <span id={contextMenuDescriptionId}>\n            <HiddenAccessible>{contextMenuDescription}</HiddenAccessible>\n          </span>\n        )}\n        {isContextMenuAvailable && accStatusInfo && <LiveRegion>{accStatusInfo}</LiveRegion>}\n        {isContextMenuAvailable && (\n          <TabBarContextMenu\n            {...menuProps}\n            contextMenuConfig={defaultContextMenuConfig}\n            contextMenuContext={contextMenuContext!}\n          />\n        )}\n      </ConveyorBeltFocusContext.Provider>\n    );\n  }\n);\n","import { View } from '../UNSAFE_View';\nimport { styles } from './themes/TabBarMixedSeparator.css';\n\nimport type { Size } from '../utils/UNSAFE_size';\n\ntype TabBarMixedSeparatorProps = {\n  /**\n   * Padding around the visual Separator line.\n   */\n  padding?: Size;\n};\n\n/**\n * TabBarMixedSeparator is a component that renders a visual separator (displayed\n * as a vertical line) between collections of tabs within TabBarMixed.\n *\n * @param {TabBarMixedSeparatorProps} props Component props for TabBarMixedSeparator.\n * @returns {JSX.Element} Component element for TabBarMixedSeparator.\n */\nexport function TabBarMixedSeparator(props: TabBarMixedSeparatorProps) {\n  const { padding = 0 } = props;\n\n  return (\n    <View padding={[0, padding, 0, padding]}>\n      <div class={styles.separator} role=\"presentation\" />\n    </View>\n  );\n}\n"],"names":["_jsx","_Fragment","useTabBar","_jsxs","styles"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_TabBarMixed.js","sources":["../../src/UNSAFE_TabBarMixed/useTabBarMixed.ts","../../src/UNSAFE_TabBarMixed/TabBarMixed.tsx","../../src/UNSAFE_TabBarMixed/TabBarMixedSeparator.tsx"],"sourcesContent":["import type { ComponentProps, ContextType, RefObject } from 'preact';\nimport type { TabBarContext, TabBarLayout } from '../UNSAFE_TabBarCommon';\nimport { TabBar } from '../UNSAFE_TabBar/TabBar';\nimport { useTabBar } from '../hooks/PRIVATE_useTabBar';\n\ntype TabBarContextValue = ContextType<typeof TabBarContext>;\n\nexport type useTabBarOptions = {\n  class?: string;\n  display?: TabBarContextValue['display'];\n  edge?: 'bottom' | 'top';\n  onRemove?: TabBarContextValue['onRemove'];\n  onSelect?: TabBarContextValue['onSelect'];\n  ref: RefObject<HTMLDivElement>;\n  selection?: TabBarContextValue['selection'];\n  size?: TabBarContextValue['size'];\n  children?: ComponentProps<typeof TabBarLayout>['children'];\n  contextMenuConfig?: ComponentProps<typeof TabBar>['contextMenuConfig'];\n};\n\n/**\n * A thin wrapper around useTabBar hook\n */\nexport function useTabBarMixed(options: useTabBarOptions) {\n  return useTabBar(options);\n}\n","import type { ComponentChildren } from 'preact';\nimport { useMemo, useRef, useCallback, useState } from 'preact/hooks';\nimport { Ref } from 'preact';\nimport { forwardRef, useImperativeHandle } from 'preact/compat';\nimport { TabBarContext, TabBarContextMenuConfig } from '../UNSAFE_TabBarCommon';\nimport { isMobile } from '#utils/UNSAFE_clientUtils';\nimport { styles } from './themes/TabBarMixedStyles.css';\nimport { useTabBarMixed as useTabBar } from './useTabBarMixed';\nimport { REMOVABLE_ITEM_ATTRIBUTE, getItemAttribute } from '../hooks/PRIVATE_useTabBar/useTabBar';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { TabBarContextMenu } from '../UNSAFE_TabBar/TabBarContextMenu';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps/mergeProps';\nimport { ConveyorBeltFocusContext } from '../UNSAFE_ConveyorBelt';\n\ntype UseTabBarOptions = Parameters<typeof useTabBar>[0];\n\n/**\n * Component props expected to be pased to **TabBarMixed**.\n *\n * @see {@link TabBarMixed}\n */\ntype TabBarMixedProps<K extends string | number> = {\n  /**\n   * Component children that will be rendered within the **TabBarMixed**\n   * root element.\n   *\n   * It is expected that **TabBarLayout** and **ConveyorBelt** elements are\n   * provided. The same **TabBarItem**, **RemovableTabBarItem**,\n   * and **OverflowTabBarItem** elements should also be used.\n   */\n  children?: ComponentChildren;\n  /**\n   * Callback fired when a tab item is removed.\n   */\n  onRemove?: UseTabBarOptions['onRemove'];\n  /**\n   * Callback fired when a tab item is selected.\n   */\n  onSelect?: UseTabBarOptions['onSelect'];\n  /**\n   * The item key of the selected tab item.\n   */\n  selection?: K;\n  /**\n   * The height of the the tab bar.\n   *\n   * @default \"md\"\n   */\n  size?: UseTabBarOptions['size'];\n  /**\n   * An aria-label which defines a string value that labels this TabBarMixed.\n   * Either aria-label or aria-labelledby should be specified in order to make TabBarMixed accessible.\n   */\n  'aria-label'?: string;\n\n  /**\n   * An aria-labelledby which identifies the element(s) that labels this TabBarMixed.\n   * Either aria-label or aria-labelledby should be specified in order to make TabBarMixed accessible.\n   */\n  'aria-labelledby'?: string;\n};\n\nexport type FocusableHandle = {\n  focus: () => void;\n  blur: () => void;\n};\n\n/**\n * A navigation component that enables horizontal navigation between distinct content with a mixture of static and dynamic tabs.\n *\n * @param {TabBarMixedProps} props TabBarMixed component props.\n * @returns {JSX.Element} TabBarMixed component element.\n */\nexport const TabBarMixed = forwardRef(\n  <K extends string | number>(\n    props: TabBarMixedProps<K>,\n    focusHandleRef?: Ref<FocusableHandle>\n  ) => {\n    const {\n      children,\n      onRemove,\n      onSelect,\n      selection,\n      size,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby\n    } = props;\n\n    const rootRef = useRef<HTMLDivElement>(null);\n\n    const isMobileDevice = isMobile();\n    const defaultContextMenuConfig = useMemo<TabBarContextMenuConfig<string | number>>(() => {\n      return {\n        itemsRenderer: (context) => {\n          //Only if context is available, it is a mobile device and it is removable item, we will return remove context menu item\n          if (context) {\n            const isRemovableItem =\n              getItemAttribute(context.itemKey, rootRef.current!, REMOVABLE_ITEM_ATTRIBUTE) != null;\n            if (isRemovableItem && isMobileDevice) {\n              const defaultItems = context.defaultMenuItems;\n              return <>{defaultItems}</>;\n            }\n          }\n          return null;\n        }\n      };\n    }, []);\n\n    const {\n      rootProps,\n      tabBarContext,\n      menuProps,\n      contextMenuContext,\n      contextMenuDescription,\n      contextMenuDescriptionId,\n      accStatusInfo\n    } = useTabBar({\n      class: styles.tabBarBase,\n      edge: 'bottom',\n      onRemove,\n      onSelect,\n      ref: rootRef,\n      selection,\n      size,\n      children,\n      contextMenuConfig: defaultContextMenuConfig\n    });\n\n    const isContextMenuAvailable = defaultContextMenuConfig != null && isMobileDevice;\n    //Allows to call focus on rootRef without having to expose it\n    useImperativeHandle(focusHandleRef!, () => ({\n      focus: () => {\n        if (rootRef.current) {\n          rootRef.current.focus();\n        }\n      },\n      blur: () => {\n        if (rootRef.current) {\n          rootRef.current.blur();\n        }\n      }\n    }));\n\n    const [isSuppressOverflowFocus, setIsSuppressOverflowFocus] = useState(false);\n\n    const focusTabbarRoot = useCallback(() => {\n      rootRef.current?.focus();\n    }, []);\n\n    // Begin a short window where overflow div should not be focusable.\n    const beginTabPass = useCallback(() => {\n      setIsSuppressOverflowFocus(true);\n    }, []);\n\n    // End that window after focus moves away.\n    const endTabPass = useCallback(() => {\n      setIsSuppressOverflowFocus(false);\n    }, []);\n\n    const onKeyDown = useCallback(\n      (e: KeyboardEvent) => {\n        // We only want to suppress overflow focus when the user is tabbing.\n        if (e.key === 'Tab' && !e.shiftKey) {\n          // Tell conveyor to make its overflow non-focusable (tabIndex = -1)\n          beginTabPass?.();\n        }\n      },\n      [beginTabPass]\n    );\n\n    const onBlur = useCallback(() => {\n      // End that suppress overflow after focus moves away.\n      endTabPass?.();\n    }, [endTabPass]);\n\n    const focusContext = useMemo(\n      () => ({\n        focusTabbarRoot,\n        isSuppressOverflowFocus,\n        beginTabPass,\n        endTabPass\n      }),\n      [isSuppressOverflowFocus, focusTabbarRoot, beginTabPass, endTabPass]\n    );\n\n    const mergedRootProps = mergeProps(rootProps, { onKeyDown, onBlur });\n\n    return (\n      <ConveyorBeltFocusContext.Provider value={focusContext}>\n        <TabBarContext.Provider value={tabBarContext}>\n          <div\n            {...mergedRootProps}\n            ref={rootRef}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledby}>\n            {children}\n          </div>\n        </TabBarContext.Provider>\n        {isContextMenuAvailable && contextMenuDescriptionId && contextMenuDescription && (\n          <span id={contextMenuDescriptionId}>\n            <HiddenAccessible>{contextMenuDescription}</HiddenAccessible>\n          </span>\n        )}\n        {isContextMenuAvailable && accStatusInfo && <LiveRegion>{accStatusInfo}</LiveRegion>}\n        {isContextMenuAvailable && (\n          <TabBarContextMenu\n            {...menuProps}\n            contextMenuConfig={defaultContextMenuConfig}\n            contextMenuContext={contextMenuContext!}\n          />\n        )}\n      </ConveyorBeltFocusContext.Provider>\n    );\n  }\n);\n","import { View } from '../UNSAFE_View';\nimport { styles } from './themes/TabBarMixedSeparator.css';\n\nimport type { Size } from '../utils/UNSAFE_size';\n\ntype TabBarMixedSeparatorProps = {\n  /**\n   * Padding around the visual Separator line.\n   */\n  padding?: Size;\n};\n\n/**\n * TabBarMixedSeparator is a component that renders a visual separator (displayed\n * as a vertical line) between collections of tabs within TabBarMixed.\n *\n * @param {TabBarMixedSeparatorProps} props Component props for TabBarMixedSeparator.\n * @returns {JSX.Element} Component element for TabBarMixedSeparator.\n */\nexport function TabBarMixedSeparator(props: TabBarMixedSeparatorProps) {\n  const { padding = 0 } = props;\n\n  return (\n    <View padding={[0, padding, 0, padding]}>\n      <div class={styles.separator} role=\"presentation\" />\n    </View>\n  );\n}\n"],"names":["_jsx","_Fragment","useTabBar","_jsxs","styles"],"mappings":"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"}