@oracle/oraclejet-preact 17.0.4 → 17.0.6

package/cjs/UNSAFE_NavigationListCommon.js

@@ -3,33 +3,56 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var RemovableNavigationListItem = require('./RemovableNavigationListItem-6231df42.js');
-var BaseNavigationListItem = require('./BaseNavigationListItem-070d75bc.js');
+var RemovableNavigationListItem = require('./RemovableNavigationListItem-eb2c8156.js');
+var useNavigationListItem = require('./useNavigationListItem-74009187.js');
 require('preact/jsx-runtime');
-require('./Close-2adc0f0f.js');
-require('./Icon-3ffd13dc.js');
+require('./BaseNavigationListItem-175a3f35.js');
+require('preact/hooks');
+require('./Text-aaacb6a0.js');
+require('./classNames-c14c6ef3.js');
+require('./mergeInterpolations-6727b536.js');
+require('./mergeDeepWithKey-210b024d.js');
+require('./_curry3-18677bca.js');
+require('./_curry1-e8f0d7ea.js');
+require('./_curry2-c15d89cd.js');
+require('./_isObject-28636267.js');
+require('./UNSAFE_Text/themes/TextStyles.css.js');
+
+require('./vanilla-extract-recipes-createRuntimeFn.esm-d1301b2d.js');
+require('./Flex-fbba4ad6.js');
+require('./useTestId-8234ec1e.js');
+require('./LayerHost-46e4d858.js');
 require('preact');
+require('./Common/themes/redwood/theme.js');
+require('./Common/themes/themeContract.css.js');
+require('preact/compat');
+require('./boxalignment-5ef612ee.js');
 require('./size-4e606ce4.js');
 require('./utils-b7099be5.js');
-require('./Common/themes/themeContract.css.js');
 require('./colorUtils-fe6f2fbf.js');
-require('./_curry1-e8f0d7ea.js');
+require('./arrayUtils-7d8dcfc3.js');
+
+require('./vanilla-extract-sprinkles-createRuntimeSprinkles.esm-d68f3e0f.js');
+require('./dimensions-b48bf1ab.js');
+require('./flexbox-2cae9a01.js');
+
+require('./flexitem-fee13e26.js');
+
+
+require('./useComponentTheme-082fc8e4.js');
+require('./logger-2b636482.js');
+require('./WarningS-d9a02d39.js');
+require('./Icon-3ffd13dc.js');
 require('./useTooltip-468c1c92.js');
-require('preact/hooks');
 require('./useTooltipControlled-706a3651.js');
 require('./useId-6c0eeb27.js');
 require('./Floating-1280c2ce.js');
-require('preact/compat');
 require('./useFloating-7800fd56.js');
 require('./useUser-a6d15333.js');
-require('./LayerHost-46e4d858.js');
-require('./Common/themes/redwood/theme.js');
 require('./positionUtils-ae9279d7.js');
 require('./refUtils-915b985d.js');
 require('./useOutsideClick-7420644b.js');
-require('./arrayUtils-7d8dcfc3.js');
 require('./Layer-3700cd37.js');
-require('./classNames-c14c6ef3.js');
 require('./UNSAFE_Layer/themes/LayerStyles.css.js');
 
 require('./useThemeInterpolations-25313f34.js');
@@ -37,20 +60,12 @@ require('./useColorScheme-d2c4adcc.js');
 require('./useScale-74bd6456.js');
 require('./theme-dfd6a9fe.js');
 require('./Theme-f06687af.js');
-require('./mergeInterpolations-6727b536.js');
-require('./mergeDeepWithKey-210b024d.js');
-require('./_curry3-18677bca.js');
-require('./_curry2-c15d89cd.js');
-require('./_isObject-28636267.js');
-require('./useComponentTheme-082fc8e4.js');
-require('./logger-2b636482.js');
 require('./UNSAFE_Floating/themes/redwood/FloatingTheme.js');
 require('./UNSAFE_Floating/themes/FloatingStyles.css.js');
 
 require('./UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css.js');
 
 require('./UNSAFE_Floating/themes/redwood/FloatingVariants.css.js');
-require('./vanilla-extract-recipes-createRuntimeFn.esm-d1301b2d.js');
 require('./vanilla-extract-dynamic.esm-d5dffce7.js');
 require('./UNSAFE_Floating/themes/FloatingContract.css.js');
 require('./useHover-910b8e32.js');
@@ -59,7 +74,6 @@ require('./useFocus-1b288fb9.js');
 require('./useTouch-4dec8729.js');
 require('./mergeProps-e3da7237.js');
 require('./useAnimation-2f7dd313.js');
-require('./useTestId-8234ec1e.js');
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js');
 require('./hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js');
 
@@ -71,6 +85,25 @@ require('./EnvironmentProvider-42b2b998.js');
 require('./LayerManager-fa20a462.js');
 require('./UNSAFE_Icon/themes/IconStyle.css.js');
 
+require('./ErrorS-bfe081e3.js');
+require('./InformationS-5bf32f4c.js');
+require('./SuccessS-862e9e4b.js');
+require('./UNSAFE_NavigationListCommon/themes/redwood/NavigationListItemTheme.js');
+require('./UNSAFE_NavigationList/themes/NavigationListItemStyles.css.js');
+
+require('./UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.css.js');
+
+require('./UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css.js');
+
+require('./Badge-0e522f12.js');
+require('./UNSAFE_Badge/themes/redwood/BadgeTheme.js');
+require('./UNSAFE_Badge/themes/BadgeStyles.css.js');
+
+require('./UNSAFE_Badge/themes/redwood/BadgeThemeBaseTheme.css.js');
+
+require('./UNSAFE_Badge/themes/redwood/BadgeVariants.css.js');
+
+require('./Close-2adc0f0f.js');
 require('./useTranslationBundle-9da032d6.js');
 require('./EmbeddedIconButton-cadadca0.js');
 require('./BaseButton-ff6f39f2.js');
@@ -78,7 +111,6 @@ require('./usePress-00deca01.js');
 require('./useActive-b15c9e7e.js');
 require('./TabbableModeContext-e99d527e.js');
 require('./useTabbableMode-5c8fd9e5.js');
-require('./dimensions-b48bf1ab.js');
 require('./clientHints-9e411b6e.js');
 require('./UNSAFE_BaseButton/themes/redwood/BaseButtonTheme.js');
 require('./UNSAFE_BaseButton/themes/BaseButtonStyles.css.js');
@@ -86,9 +118,6 @@ require('./UNSAFE_BaseButton/themes/BaseButtonStyles.css.js');
 require('./UNSAFE_BaseButton/themes/redwood/BaseButtonVariants.css.js');
 
 require('./ButtonLabelLayout-3399b9e1.js');
-require('./Text-aaacb6a0.js');
-require('./UNSAFE_Text/themes/TextStyles.css.js');
-
 require('./UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutTheme.js');
 require('./UNSAFE_ButtonLabelLayout/themes/ButtonLabelLayoutStyles.css.js');
 
@@ -97,37 +126,9 @@ require('./UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.cs
 require('./UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css.js');
 
 require('./useInteractionStyle-442c6a12.js');
-require('./flexitem-fee13e26.js');
-
-require('./vanilla-extract-sprinkles-createRuntimeSprinkles.esm-d68f3e0f.js');
-require('./UNSAFE_NavigationListCommon/themes/redwood/NavigationListItemTheme.js');
-require('./UNSAFE_NavigationList/themes/NavigationListItemStyles.css.js');
-
-require('./UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.css.js');
-
-require('./UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css.js');
-
-require('./Flex-fbba4ad6.js');
-require('./boxalignment-5ef612ee.js');
-
-require('./flexbox-2cae9a01.js');
-
-
-require('./WarningS-d9a02d39.js');
-require('./ErrorS-bfe081e3.js');
-require('./InformationS-5bf32f4c.js');
-require('./SuccessS-862e9e4b.js');
-require('./Badge-0e522f12.js');
-require('./UNSAFE_Badge/themes/redwood/BadgeTheme.js');
-require('./UNSAFE_Badge/themes/BadgeStyles.css.js');
-
-require('./UNSAFE_Badge/themes/redwood/BadgeThemeBaseTheme.css.js');
-
-require('./UNSAFE_Badge/themes/redwood/BadgeVariants.css.js');
-
 
 
 
 exports.RemovableNavigationListItem = RemovableNavigationListItem.RemovableNavigationListItem;
-exports.NavigationListContext = BaseNavigationListItem.NavigationListContext;
+exports.NavigationListContext = useNavigationListItem.NavigationListContext;
 //# sourceMappingURL=UNSAFE_NavigationListCommon.js.map

package/cjs/UNSAFE_NavigationListCommon.js.map

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

package/cjs/UNSAFE_OverflowTabBar.js

@@ -7,13 +7,13 @@ var jsxRuntime = require('preact/jsx-runtime');
 var preact = require('preact');
 var hooks = require('preact/hooks');
 var classNames = require('./classNames-c14c6ef3.js');
-var TabBar = require('./TabBar-73bb6c97.js');
+var TabBar = require('./TabBar-e77706d0.js');
 var UNSAFE_OverflowTabBar_themes_OverflowTabBarStyles_css = require('./UNSAFE_OverflowTabBar/themes/OverflowTabBarStyles.css.js');
 var useDetectHorizontalOverflow = require('./useDetectHorizontalOverflow-5802c78d.js');
 var collectionUtils = require('./collectionUtils-1535080e.js');
 var RemovableTabBarItem = require('./RemovableTabBarItem-df8144f5.js');
 var TabBarItem = require('./TabBarItem-2b3039aa.js');
-var OverflowTabBarItem = require('./OverflowTabBarItem-c0a592fd.js');
+var OverflowTabBarItem = require('./OverflowTabBarItem-1de46588.js');
 require('./LayerHost-46e4d858.js');
 require('./Common/themes/redwood/theme.js');
 require('./Common/themes/themeContract.css.js');
@@ -90,8 +90,25 @@ require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js'
 require('./EnvironmentProvider-42b2b998.js');
 require('./LayerManager-fa20a462.js');
 
-require('./keyboardUtils-f835e1ee.js');
+require('./NavigationList-5218562e.js');
+require('./UNSAFE_NavigationList/themes/NavigationListStyles.css.js');
+
+require('./useCollectionFocusRing-ca37785b.js');
+require('./useCurrentKey-3b4c8a44.js');
+require('./keys-a4b54295.js');
+require('./useNavigationListItem-74009187.js');
+require('./usePress-00deca01.js');
+require('./useInteractionStyle-442c6a12.js');
 require('./clientHints-9e411b6e.js');
+require('./useActive-b15c9e7e.js');
+require('./UNSAFE_NavigationListCommon/themes/redwood/NavigationListItemTheme.js');
+require('./UNSAFE_NavigationList/themes/NavigationListItemStyles.css.js');
+
+require('./UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.css.js');
+
+require('./UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css.js');
+
+require('./keyboardUtils-f835e1ee.js');
 require('./tabbableUtils-b49673af.js');
 require('./head-68d0992f.js');
 require('./_arity-c228159c.js');
@@ -119,9 +136,6 @@ require('./TabBarLayout-c2efbeb3.js');
 require('./UNSAFE_TabBar/themes/TabBarStyles.css.js');
 
 require('./useTabBar-35edcdb1.js');
-require('./useCollectionFocusRing-ca37785b.js');
-require('./useCurrentKey-3b4c8a44.js');
-require('./keys-a4b54295.js');
 
 require('./Close-2adc0f0f.js');
 require('./Icon-3ffd13dc.js');
@@ -130,8 +144,6 @@ require('./UNSAFE_Icon/themes/IconStyle.css.js');
 require('./useTranslationBundle-9da032d6.js');
 require('./EmbeddedIconButton-cadadca0.js');
 require('./BaseButton-ff6f39f2.js');
-require('./usePress-00deca01.js');
-require('./useActive-b15c9e7e.js');
 require('./TabbableModeContext-e99d527e.js');
 require('./useTabbableMode-5c8fd9e5.js');
 require('./UNSAFE_BaseButton/themes/redwood/BaseButtonTheme.js');
@@ -165,25 +177,15 @@ require('./UNSAFE_Badge/themes/redwood/BadgeThemeBaseTheme.css.js');
 
 require('./UNSAFE_Badge/themes/redwood/BadgeVariants.css.js');
 
+require('./NavigationListItem-b80c41dc.js');
+require('./BaseNavigationListItem-175a3f35.js');
 require('./Dropdown-820dc3fe.js');
 require('./usePopupAnimation-78a173e8.js');
 require('./popupAnimationUtils-a3dfbdfd.js');
 require('./UNSAFE_Dropdown/themes/dropdownStyles.css.js');
 require('./useOutsideMousedown-a8c09ad9.js');
 require('./UNSAFE_TabBarCommon/themes/OverflowTabBarItemStyles.css.js');
-require('./NavigationListItem-12a76e7d.js');
-require('./UNSAFE_NavigationList/themes/NavigationListStyles.css.js');
-
-require('./BaseNavigationListItem-070d75bc.js');
-require('./useInteractionStyle-442c6a12.js');
-require('./UNSAFE_NavigationListCommon/themes/redwood/NavigationListItemTheme.js');
-require('./UNSAFE_NavigationList/themes/NavigationListItemStyles.css.js');
-
-require('./UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.css.js');
-
-require('./UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css.js');
-
-require('./RemovableNavigationListItem-6231df42.js');
+require('./RemovableNavigationListItem-eb2c8156.js');
 
 /**
  * OverflowTabBar handles the rendering of overflowing tab items.

package/cjs/UNSAFE_OverflowTabBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_OverflowTabBar.js","sources":["../../src/UNSAFE_OverflowTabBar/OverflowTabBar.tsx"],"sourcesContent":["import { ComponentProps, createRef } from 'preact';\nimport { useCallback, useMemo, useRef, useState } from 'preact/hooks';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport {\n  OverflowTabBarItem,\n  RemovableTabBarItem,\n  TabBar,\n  TabBarItem,\n  FocusableHandle\n} from '../UNSAFE_TabBar';\nimport { CloseDetail, Item } from '../UNSAFE_TabBarCommon';\nimport { styles } from './themes/OverflowTabBarStyles.css';\nimport { useDetectHorizontalOverflow } from '../hooks/PRIVATE_useDetectHorizontalOverflow';\nimport { findElementByKey } from '../utils/PRIVATE_collectionUtils';\n\ntype OverflowTabBarProps<K extends string | number> = {\n  /**\n   * An array of data to render individual tabs\n   */\n  items: Item<K>[];\n} & Omit<ComponentProps<typeof TabBar>, 'children' | 'aria-describedby' | 'ref'>;\n\n/**\n * OverflowTabBar handles the rendering of overflowing tab items.\n */\nexport function OverflowTabBar<K extends string | number>({\n  items,\n  layout = 'stretch',\n  display = 'standard',\n  size = 'md',\n  edge = 'top',\n  selection,\n  onSelect,\n  onRemove,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby,\n  testId\n}: OverflowTabBarProps<K> & TestIdProps) {\n  const displayStackProps = {\n    display: display\n  };\n  const displayNonStackProps = {\n    display: display,\n    size: size\n  };\n  const itemSelector = '[role=\"tab\"]';\n  const displayProps = display === 'stacked' ? displayStackProps : displayNonStackProps;\n  const rootRef = useRef<HTMLDivElement>(null);\n  const tabBarRef = createRef<FocusableHandle>();\n\n  const [isDropDownOpen, setIsDropDownOpen] = useState<boolean>(false);\n\n  const isOutsideMouseDown = useRef<boolean>(false);\n\n  const handleClose = (e: CloseDetail) => {\n    if (tabBarRef.current && ['itemAction', 'dismissed'].includes(e.reason)) {\n      tabBarRef?.current?.focus();\n    }\n    if (e.reason === 'outsideMousedown') {\n      isOutsideMouseDown.current = true;\n    }\n    setIsDropDownOpen(false);\n  };\n\n  const handleSelect = useCallback<Required<ComponentProps<typeof TabBar>>['onSelect']>(\n    (e: { value: string | number }) => {\n      if (e.value === 'more') {\n        //If overflow item is clicked after dropdown is open, the reason is outsideMouseDown and it needs to be closed\n        if (isOutsideMouseDown.current) {\n          setIsDropDownOpen(false);\n        } else {\n          setIsDropDownOpen(true);\n        }\n      } else {\n        onSelect?.(e);\n      }\n      isOutsideMouseDown.current = false;\n    },\n    [onSelect]\n  );\n\n  const overflowItemKey = 'more' as K;\n\n  const keysArray = useMemo(() => items.map((item) => item.itemKey) as K[], [items]);\n\n  const getWidth = useCallback(<K extends string | number>(itemKey: K | undefined) => {\n    const elem = findElementByKey(rootRef.current as HTMLElement, itemKey as K, itemSelector);\n    const gapBetweenItems = 32;\n    return elem! ? elem.getBoundingClientRect().width + gapBetweenItems : 0;\n  }, []);\n\n  const { visibleItemKeys, overflowItemKeys } = useDetectHorizontalOverflow({\n    rootRef,\n    getWidth,\n    keysArray\n  });\n\n  const overflowTabBarClass = classNames([styles.overflowTabBarBase]);\n\n  return (\n    <div ref={rootRef} class={overflowTabBarClass}>\n      <TabBar\n        ref={tabBarRef}\n        selection={selection}\n        onSelect={handleSelect}\n        {...displayProps}\n        layout={layout}\n        edge={edge}\n        onRemove={onRemove}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledby}\n        testId={testId}>\n        {visibleItemKeys != null &&\n          visibleItemKeys.length > 0 &&\n          items\n            .filter((item) => visibleItemKeys?.includes(item.itemKey))\n            .map((item: Item<K>) =>\n              item.isRemovable ? (\n                <RemovableTabBarItem\n                  itemKey={item.itemKey}\n                  label={item.label}\n                  icon={item.icon}\n                  badge={item.badge}\n                  metadata={item.metadata}\n                  severity={item.severity}\n                  aria-controls={item.tabPanelId}\n                />\n              ) : (\n                <TabBarItem\n                  itemKey={item.itemKey}\n                  label={item.label}\n                  icon={item.icon}\n                  badge={item.badge}\n                  metadata={item.metadata}\n                  severity={item.severity}\n                  aria-controls={item.tabPanelId}\n                />\n              )\n            )}\n        {overflowItemKeys != null && overflowItemKeys.length > 0 && (\n          <OverflowTabBarItem\n            isOpen={isDropDownOpen}\n            onClose={handleClose}\n            overflowItemKey={overflowItemKey}\n            overflowItems={items.filter((item) => overflowItemKeys.includes(item.itemKey))}\n          />\n        )}\n      </TabBar>\n    </div>\n  );\n}\n"],"names":["useRef","createRef","useState","useCallback","useMemo","findElementByKey","useDetectHorizontalOverflow","classNames","styles","_jsx","_jsxs","TabBar","RemovableTabBarItem","TabBarItem","OverflowTabBarItem"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA;;AAEG;SACa,cAAc,CAA4B,EACxD,KAAK,EACL,MAAM,GAAG,SAAS,EAClB,OAAO,GAAG,UAAU,EACpB,IAAI,GAAG,IAAI,EACX,IAAI,GAAG,KAAK,EACZ,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,MAAM,EAC+B,EAAA;AACrC,IAAA,MAAM,iBAAiB,GAAG;AACxB,QAAA,OAAO,EAAE,OAAO;KACjB,CAAC;AACF,IAAA,MAAM,oBAAoB,GAAG;AAC3B,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,IAAI,EAAE,IAAI;KACX,CAAC;IACF,MAAM,YAAY,GAAG,cAAc,CAAC;AACpC,IAAA,MAAM,YAAY,GAAG,OAAO,KAAK,SAAS,GAAG,iBAAiB,GAAG,oBAAoB,CAAC;AACtF,IAAA,MAAM,OAAO,GAAGA,YAAM,CAAiB,IAAI,CAAC,CAAC;AAC7C,IAAA,MAAM,SAAS,GAAGC,gBAAS,EAAmB,CAAC;IAE/C,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAGC,cAAQ,CAAU,KAAK,CAAC,CAAC;AAErE,IAAA,MAAM,kBAAkB,GAAGF,YAAM,CAAU,KAAK,CAAC,CAAC;AAElD,IAAA,MAAM,WAAW,GAAG,CAAC,CAAc,KAAI;AACrC,QAAA,IAAI,SAAS,CAAC,OAAO,IAAI,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE;AACvE,YAAA,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;SAC7B;AACD,QAAA,IAAI,CAAC,CAAC,MAAM,KAAK,kBAAkB,EAAE;AACnC,YAAA,kBAAkB,CAAC,OAAO,GAAG,IAAI,CAAC;SACnC;QACD,iBAAiB,CAAC,KAAK,CAAC,CAAC;AAC3B,KAAC,CAAC;AAEF,IAAA,MAAM,YAAY,GAAGG,iBAAW,CAC9B,CAAC,CAA6B,KAAI;AAChC,QAAA,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,EAAE;;AAEtB,YAAA,IAAI,kBAAkB,CAAC,OAAO,EAAE;gBAC9B,iBAAiB,CAAC,KAAK,CAAC,CAAC;aAC1B;iBAAM;gBACL,iBAAiB,CAAC,IAAI,CAAC,CAAC;aACzB;SACF;aAAM;AACL,YAAA,QAAQ,GAAG,CAAC,CAAC,CAAC;SACf;AACD,QAAA,kBAAkB,CAAC,OAAO,GAAG,KAAK,CAAC;AACrC,KAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,eAAe,GAAG,MAAW,CAAC;IAEpC,MAAM,SAAS,GAAGC,aAAO,CAAC,MAAM,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,OAAO,CAAQ,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AAEnF,IAAA,MAAM,QAAQ,GAAGD,iBAAW,CAAC,CAA4B,OAAsB,KAAI;AACjF,QAAA,MAAM,IAAI,GAAGE,gCAAgB,CAAC,OAAO,CAAC,OAAsB,EAAE,OAAY,EAAE,YAAY,CAAC,CAAC;QAC1F,MAAM,eAAe,GAAG,EAAE,CAAC;AAC3B,QAAA,OAAO,IAAK,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC,KAAK,GAAG,eAAe,GAAG,CAAC,CAAC;KACzE,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,MAAM,EAAE,eAAe,EAAE,gBAAgB,EAAE,GAAGC,uDAA2B,CAAC;QACxE,OAAO;QACP,QAAQ;QACR,SAAS;AACV,KAAA,CAAC,CAAC;IAEH,MAAM,mBAAmB,GAAGC,qBAAU,CAAC,CAACC,4DAAM,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAEpE,QACEC,wBAAK,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,mBAAmB,EAC3C,QAAA,EAAAC,eAAA,CAACC,aAAM,EACL,EAAA,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,YAAY,KAClB,YAAY,EAChB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EACN,YAAA,EAAA,SAAS,EACJ,iBAAA,EAAA,cAAc,EAC/B,MAAM,EAAE,MAAM,EAAA,QAAA,EAAA,CACb,eAAe,IAAI,IAAI;oBACtB,eAAe,CAAC,MAAM,GAAG,CAAC;oBAC1B,KAAK;AACF,yBAAA,MAAM,CAAC,CAAC,IAAI,KAAK,eAAe,EAAE,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AACzD,yBAAA,GAAG,CAAC,CAAC,IAAa,KACjB,IAAI,CAAC,WAAW,IACdF,cAAC,CAAAG,uCAAmB,IAClB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACR,eAAA,EAAA,IAAI,CAAC,UAAU,GAC9B,KAEFH,cAAC,CAAAI,qBAAU,EACT,EAAA,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACR,eAAA,EAAA,IAAI,CAAC,UAAU,EAAA,CAC9B,CACH,CACF,EACJ,gBAAgB,IAAI,IAAI,IAAI,gBAAgB,CAAC,MAAM,GAAG,CAAC,KACtDJ,cAAA,CAACK,qCAAkB,EAAA,EACjB,MAAM,EAAE,cAAc,EACtB,OAAO,EAAE,WAAW,EACpB,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,EAAA,CAC9E,CACH,CACM,EAAA,CAAA,EAAA,CACL,EACN;AACJ;;;;"}
+{"version":3,"file":"UNSAFE_OverflowTabBar.js","sources":["../../src/UNSAFE_OverflowTabBar/OverflowTabBar.tsx"],"sourcesContent":["import { ComponentProps, createRef } from 'preact';\nimport { useCallback, useMemo, useRef, useState } from 'preact/hooks';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport {\n  OverflowTabBarItem,\n  RemovableTabBarItem,\n  TabBar,\n  TabBarItem,\n  FocusableHandle\n} from '../UNSAFE_TabBar';\nimport { CloseDetail, Item } from '../UNSAFE_TabBarCommon';\nimport { styles } from './themes/OverflowTabBarStyles.css';\nimport { useDetectHorizontalOverflow } from '../hooks/PRIVATE_useDetectHorizontalOverflow';\nimport { findElementByKey } from '../utils/PRIVATE_collectionUtils';\n\ntype OverflowTabBarProps<K extends string | number> = {\n  /**\n   * An array of data to render individual tabs\n   */\n  items: Item<K>[];\n} & Omit<ComponentProps<typeof TabBar>, 'children' | 'aria-describedby' | 'ref'>;\n\n/**\n * OverflowTabBar handles the rendering of overflowing tab items.\n */\nexport function OverflowTabBar<K extends string | number>({\n  items,\n  layout = 'stretch',\n  display = 'standard',\n  size = 'md',\n  edge = 'top',\n  selection,\n  onSelect,\n  onRemove,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby,\n  testId\n}: OverflowTabBarProps<K> & TestIdProps) {\n  const displayStackProps = {\n    display: display\n  };\n  const displayNonStackProps = {\n    display: display,\n    size: size\n  };\n  const itemSelector = '[role=\"tab\"]';\n  const displayProps = display === 'stacked' ? displayStackProps : displayNonStackProps;\n  const rootRef = useRef<HTMLDivElement>(null);\n  const tabBarRef = createRef<FocusableHandle>();\n\n  const [isDropDownOpen, setIsDropDownOpen] = useState<boolean>(false);\n\n  const isOutsideMouseDown = useRef<boolean>(false);\n\n  const handleClose = (e: CloseDetail) => {\n    if (tabBarRef.current && ['itemAction', 'dismissed'].includes(e.reason)) {\n      tabBarRef?.current?.focus();\n    }\n    if (e.reason === 'outsideMousedown') {\n      isOutsideMouseDown.current = true;\n    }\n    setIsDropDownOpen(false);\n  };\n\n  const handleSelect = useCallback<Required<ComponentProps<typeof TabBar>>['onSelect']>(\n    (e: { value: string | number }) => {\n      if (e.value === 'more') {\n        //If overflow item is clicked after dropdown is open, the reason is outsideMouseDown and it needs to be closed\n        if (isOutsideMouseDown.current) {\n          setIsDropDownOpen(false);\n        } else {\n          setIsDropDownOpen(true);\n        }\n      } else {\n        onSelect?.(e);\n      }\n      isOutsideMouseDown.current = false;\n    },\n    [onSelect]\n  );\n\n  const overflowItemKey = 'more' as K;\n\n  const keysArray = useMemo(() => items.map((item) => item.itemKey) as K[], [items]);\n\n  const getWidth = useCallback(<K extends string | number>(itemKey: K | undefined) => {\n    const elem = findElementByKey(rootRef.current as HTMLElement, itemKey as K, itemSelector);\n    const gapBetweenItems = 32;\n    return elem! ? elem.getBoundingClientRect().width + gapBetweenItems : 0;\n  }, []);\n\n  const { visibleItemKeys, overflowItemKeys } = useDetectHorizontalOverflow({\n    rootRef,\n    getWidth,\n    keysArray\n  });\n\n  const overflowTabBarClass = classNames([styles.overflowTabBarBase]);\n\n  return (\n    <div ref={rootRef} class={overflowTabBarClass}>\n      <TabBar\n        ref={tabBarRef}\n        selection={selection}\n        onSelect={handleSelect}\n        {...displayProps}\n        layout={layout}\n        edge={edge}\n        onRemove={onRemove}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledby}\n        testId={testId}>\n        {visibleItemKeys != null &&\n          visibleItemKeys.length > 0 &&\n          items\n            .filter((item) => visibleItemKeys?.includes(item.itemKey))\n            .map((item: Item<K>) =>\n              item.isRemovable ? (\n                <RemovableTabBarItem\n                  itemKey={item.itemKey}\n                  label={item.label}\n                  icon={item.icon}\n                  badge={item.badge}\n                  metadata={item.metadata}\n                  severity={item.severity}\n                  aria-controls={item.tabPanelId}\n                />\n              ) : (\n                <TabBarItem\n                  itemKey={item.itemKey}\n                  label={item.label}\n                  icon={item.icon}\n                  badge={item.badge}\n                  metadata={item.metadata}\n                  severity={item.severity}\n                  aria-controls={item.tabPanelId}\n                />\n              )\n            )}\n        {overflowItemKeys != null && overflowItemKeys.length > 0 && (\n          <OverflowTabBarItem\n            isOpen={isDropDownOpen}\n            onClose={handleClose}\n            overflowItemKey={overflowItemKey}\n            overflowItems={items.filter((item) => overflowItemKeys.includes(item.itemKey))}\n          />\n        )}\n      </TabBar>\n    </div>\n  );\n}\n"],"names":["useRef","createRef","useState","useCallback","useMemo","findElementByKey","useDetectHorizontalOverflow","classNames","styles","_jsx","_jsxs","TabBar","RemovableTabBarItem","TabBarItem","OverflowTabBarItem"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA;;AAEG;SACa,cAAc,CAA4B,EACxD,KAAK,EACL,MAAM,GAAG,SAAS,EAClB,OAAO,GAAG,UAAU,EACpB,IAAI,GAAG,IAAI,EACX,IAAI,GAAG,KAAK,EACZ,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,MAAM,EAC+B,EAAA;AACrC,IAAA,MAAM,iBAAiB,GAAG;AACxB,QAAA,OAAO,EAAE,OAAO;KACjB,CAAC;AACF,IAAA,MAAM,oBAAoB,GAAG;AAC3B,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,IAAI,EAAE,IAAI;KACX,CAAC;IACF,MAAM,YAAY,GAAG,cAAc,CAAC;AACpC,IAAA,MAAM,YAAY,GAAG,OAAO,KAAK,SAAS,GAAG,iBAAiB,GAAG,oBAAoB,CAAC;AACtF,IAAA,MAAM,OAAO,GAAGA,YAAM,CAAiB,IAAI,CAAC,CAAC;AAC7C,IAAA,MAAM,SAAS,GAAGC,gBAAS,EAAmB,CAAC;IAE/C,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAGC,cAAQ,CAAU,KAAK,CAAC,CAAC;AAErE,IAAA,MAAM,kBAAkB,GAAGF,YAAM,CAAU,KAAK,CAAC,CAAC;AAElD,IAAA,MAAM,WAAW,GAAG,CAAC,CAAc,KAAI;AACrC,QAAA,IAAI,SAAS,CAAC,OAAO,IAAI,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE;AACvE,YAAA,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;SAC7B;AACD,QAAA,IAAI,CAAC,CAAC,MAAM,KAAK,kBAAkB,EAAE;AACnC,YAAA,kBAAkB,CAAC,OAAO,GAAG,IAAI,CAAC;SACnC;QACD,iBAAiB,CAAC,KAAK,CAAC,CAAC;AAC3B,KAAC,CAAC;AAEF,IAAA,MAAM,YAAY,GAAGG,iBAAW,CAC9B,CAAC,CAA6B,KAAI;AAChC,QAAA,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,EAAE;;AAEtB,YAAA,IAAI,kBAAkB,CAAC,OAAO,EAAE;gBAC9B,iBAAiB,CAAC,KAAK,CAAC,CAAC;aAC1B;iBAAM;gBACL,iBAAiB,CAAC,IAAI,CAAC,CAAC;aACzB;SACF;aAAM;AACL,YAAA,QAAQ,GAAG,CAAC,CAAC,CAAC;SACf;AACD,QAAA,kBAAkB,CAAC,OAAO,GAAG,KAAK,CAAC;AACrC,KAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,eAAe,GAAG,MAAW,CAAC;IAEpC,MAAM,SAAS,GAAGC,aAAO,CAAC,MAAM,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,OAAO,CAAQ,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AAEnF,IAAA,MAAM,QAAQ,GAAGD,iBAAW,CAAC,CAA4B,OAAsB,KAAI;AACjF,QAAA,MAAM,IAAI,GAAGE,gCAAgB,CAAC,OAAO,CAAC,OAAsB,EAAE,OAAY,EAAE,YAAY,CAAC,CAAC;QAC1F,MAAM,eAAe,GAAG,EAAE,CAAC;AAC3B,QAAA,OAAO,IAAK,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC,KAAK,GAAG,eAAe,GAAG,CAAC,CAAC;KACzE,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,MAAM,EAAE,eAAe,EAAE,gBAAgB,EAAE,GAAGC,uDAA2B,CAAC;QACxE,OAAO;QACP,QAAQ;QACR,SAAS;AACV,KAAA,CAAC,CAAC;IAEH,MAAM,mBAAmB,GAAGC,qBAAU,CAAC,CAACC,4DAAM,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAEpE,QACEC,wBAAK,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,mBAAmB,EAC3C,QAAA,EAAAC,eAAA,CAACC,aAAM,EACL,EAAA,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,YAAY,KAClB,YAAY,EAChB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EACN,YAAA,EAAA,SAAS,EACJ,iBAAA,EAAA,cAAc,EAC/B,MAAM,EAAE,MAAM,EAAA,QAAA,EAAA,CACb,eAAe,IAAI,IAAI;oBACtB,eAAe,CAAC,MAAM,GAAG,CAAC;oBAC1B,KAAK;AACF,yBAAA,MAAM,CAAC,CAAC,IAAI,KAAK,eAAe,EAAE,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AACzD,yBAAA,GAAG,CAAC,CAAC,IAAa,KACjB,IAAI,CAAC,WAAW,IACdF,cAAC,CAAAG,uCAAmB,IAClB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACR,eAAA,EAAA,IAAI,CAAC,UAAU,GAC9B,KAEFH,cAAC,CAAAI,qBAAU,EACT,EAAA,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACR,eAAA,EAAA,IAAI,CAAC,UAAU,EAAA,CAC9B,CACH,CACF,EACJ,gBAAgB,IAAI,IAAI,IAAI,gBAAgB,CAAC,MAAM,GAAG,CAAC,KACtDJ,cAAA,CAACK,qCAAkB,EAAA,EACjB,MAAM,EAAE,cAAc,EACtB,OAAO,EAAE,WAAW,EACpB,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,EAAA,CAC9E,CACH,CACM,EAAA,CAAA,EAAA,CACL,EACN;AACJ;;;;"}

package/cjs/UNSAFE_ReorderableTabBar.js

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ReorderableTabBar = require('./ReorderableTabBar-5743c66a.js');
+var ReorderableTabBar = require('./ReorderableTabBar-025a0d71.js');
 require('preact/jsx-runtime');
 require('preact');
 require('preact/hooks');
@@ -16,7 +16,7 @@ require('./LayerHost-46e4d858.js');
 require('./Common/themes/redwood/theme.js');
 require('./Common/themes/themeContract.css.js');
 require('preact/compat');
-require('./TabBar-73bb6c97.js');
+require('./TabBar-e77706d0.js');
 require('./UNSAFE_Text/themes/TextStyles.css.js');
 
 require('./vanilla-extract-recipes-createRuntimeFn.esm-d1301b2d.js');
@@ -89,8 +89,26 @@ require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js'
 require('./EnvironmentProvider-42b2b998.js');
 require('./LayerManager-fa20a462.js');
 
-require('./keyboardUtils-f835e1ee.js');
+require('./NavigationList-5218562e.js');
+require('./UNSAFE_NavigationList/themes/NavigationListStyles.css.js');
+
+require('./collectionUtils-1535080e.js');
+require('./keys-a4b54295.js');
 require('./clientHints-9e411b6e.js');
+require('./useCollectionFocusRing-ca37785b.js');
+require('./useCurrentKey-3b4c8a44.js');
+require('./useNavigationListItem-74009187.js');
+require('./usePress-00deca01.js');
+require('./useInteractionStyle-442c6a12.js');
+require('./useActive-b15c9e7e.js');
+require('./UNSAFE_NavigationListCommon/themes/redwood/NavigationListItemTheme.js');
+require('./UNSAFE_NavigationList/themes/NavigationListItemStyles.css.js');
+
+require('./UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.css.js');
+
+require('./UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css.js');
+
+require('./keyboardUtils-f835e1ee.js');
 require('./tabbableUtils-b49673af.js');
 require('./head-68d0992f.js');
 require('./_arity-c228159c.js');
@@ -118,10 +136,6 @@ require('./TabBarLayout-c2efbeb3.js');
 require('./UNSAFE_TabBar/themes/TabBarStyles.css.js');
 
 require('./useTabBar-35edcdb1.js');
-require('./collectionUtils-1535080e.js');
-require('./keys-a4b54295.js');
-require('./useCollectionFocusRing-ca37785b.js');
-require('./useCurrentKey-3b4c8a44.js');
 require('./useReorderableItem-02ed8243.js');
 require('./useTranslationBundle-9da032d6.js');
 require('./dndUtils-21d97036.js');

package/cjs/UNSAFE_ReorderableTabBar.js.map

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

package/cjs/UNSAFE_TabBar.js

@@ -3,10 +3,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var TabBar = require('./TabBar-73bb6c97.js');
+var TabBar = require('./TabBar-e77706d0.js');
 var TabBarItem = require('./TabBarItem-2b3039aa.js');
 var RemovableTabBarItem = require('./RemovableTabBarItem-df8144f5.js');
-var OverflowTabBarItem = require('./OverflowTabBarItem-c0a592fd.js');
+var OverflowTabBarItem = require('./OverflowTabBarItem-1de46588.js');
 var useTabBarContext = require('./useTabBarContext-2a6a796c.js');
 require('preact/jsx-runtime');
 require('preact/hooks');
@@ -87,8 +87,26 @@ require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js'
 require('./EnvironmentProvider-42b2b998.js');
 require('./LayerManager-fa20a462.js');
 
-require('./keyboardUtils-f835e1ee.js');
+require('./NavigationList-5218562e.js');
+require('./UNSAFE_NavigationList/themes/NavigationListStyles.css.js');
+
+require('./collectionUtils-1535080e.js');
+require('./keys-a4b54295.js');
 require('./clientHints-9e411b6e.js');
+require('./useCollectionFocusRing-ca37785b.js');
+require('./useCurrentKey-3b4c8a44.js');
+require('./useNavigationListItem-74009187.js');
+require('./usePress-00deca01.js');
+require('./useInteractionStyle-442c6a12.js');
+require('./useActive-b15c9e7e.js');
+require('./UNSAFE_NavigationListCommon/themes/redwood/NavigationListItemTheme.js');
+require('./UNSAFE_NavigationList/themes/NavigationListItemStyles.css.js');
+
+require('./UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.css.js');
+
+require('./UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css.js');
+
+require('./keyboardUtils-f835e1ee.js');
 require('./tabbableUtils-b49673af.js');
 require('./head-68d0992f.js');
 require('./_arity-c228159c.js');
@@ -116,11 +134,6 @@ require('./TabBarLayout-c2efbeb3.js');
 require('./UNSAFE_TabBar/themes/TabBarStyles.css.js');
 
 require('./useTabBar-35edcdb1.js');
-require('./collectionUtils-1535080e.js');
-require('./keys-a4b54295.js');
-require('./useCollectionFocusRing-ca37785b.js');
-require('./useCurrentKey-3b4c8a44.js');
-require('./usePress-00deca01.js');
 require('./Text-aaacb6a0.js');
 require('./UNSAFE_TabBarCommon/themes/redwood/TabBarItemTheme.js');
 require('./UNSAFE_TabBarCommon/themes/TabBarItemStyles.css.js');
@@ -146,7 +159,6 @@ require('./Close-2adc0f0f.js');
 require('./useTranslationBundle-9da032d6.js');
 require('./EmbeddedIconButton-cadadca0.js');
 require('./BaseButton-ff6f39f2.js');
-require('./useActive-b15c9e7e.js');
 require('./TabbableModeContext-e99d527e.js');
 require('./useTabbableMode-5c8fd9e5.js');
 require('./UNSAFE_BaseButton/themes/redwood/BaseButtonTheme.js');
@@ -162,25 +174,15 @@ require('./UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.cs
 
 require('./UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css.js');
 
+require('./NavigationListItem-b80c41dc.js');
+require('./BaseNavigationListItem-175a3f35.js');
 require('./Dropdown-820dc3fe.js');
 require('./usePopupAnimation-78a173e8.js');
 require('./popupAnimationUtils-a3dfbdfd.js');
 require('./UNSAFE_Dropdown/themes/dropdownStyles.css.js');
 require('./useOutsideMousedown-a8c09ad9.js');
 require('./UNSAFE_TabBarCommon/themes/OverflowTabBarItemStyles.css.js');
-require('./NavigationListItem-12a76e7d.js');
-require('./UNSAFE_NavigationList/themes/NavigationListStyles.css.js');
-
-require('./BaseNavigationListItem-070d75bc.js');
-require('./useInteractionStyle-442c6a12.js');
-require('./UNSAFE_NavigationListCommon/themes/redwood/NavigationListItemTheme.js');
-require('./UNSAFE_NavigationList/themes/NavigationListItemStyles.css.js');
-
-require('./UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.css.js');
-
-require('./UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css.js');
-
-require('./RemovableNavigationListItem-6231df42.js');
+require('./RemovableNavigationListItem-eb2c8156.js');
 
 
 

package/cjs/UNSAFE_TabBar.js.map

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

package/cjs/UNSAFE_TabBarCommon.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var TabBarItem = require('./TabBarItem-2b3039aa.js');
 var RemovableTabBarItem = require('./RemovableTabBarItem-df8144f5.js');
-var OverflowTabBarItem = require('./OverflowTabBarItem-c0a592fd.js');
+var OverflowTabBarItem = require('./OverflowTabBarItem-1de46588.js');
 var useTabBarContext = require('./useTabBarContext-2a6a796c.js');
 var TabBarLayout = require('./TabBarLayout-c2efbeb3.js');
 require('preact/jsx-runtime');
@@ -130,6 +130,24 @@ require('./UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.cs
 
 require('./UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css.js');
 
+require('./NavigationList-5218562e.js');
+require('./UNSAFE_NavigationList/themes/NavigationListStyles.css.js');
+
+require('./collectionUtils-1535080e.js');
+require('./keys-a4b54295.js');
+require('./useCollectionFocusRing-ca37785b.js');
+require('./useCurrentKey-3b4c8a44.js');
+require('./useNavigationListItem-74009187.js');
+require('./useInteractionStyle-442c6a12.js');
+require('./UNSAFE_NavigationListCommon/themes/redwood/NavigationListItemTheme.js');
+require('./UNSAFE_NavigationList/themes/NavigationListItemStyles.css.js');
+
+require('./UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.css.js');
+
+require('./UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css.js');
+
+require('./NavigationListItem-b80c41dc.js');
+require('./BaseNavigationListItem-175a3f35.js');
 require('./Dropdown-820dc3fe.js');
 require('./keyboardUtils-f835e1ee.js');
 require('./tabbableUtils-b49673af.js');
@@ -160,23 +178,7 @@ require('./UNSAFE_Sheet/themes/SheetStyles.css.js');
 
 require('./UNSAFE_TabBarCommon/themes/OverflowTabBarItemStyles.css.js');
 
-require('./NavigationListItem-12a76e7d.js');
-require('./UNSAFE_NavigationList/themes/NavigationListStyles.css.js');
-
-require('./collectionUtils-1535080e.js');
-require('./keys-a4b54295.js');
-require('./useCollectionFocusRing-ca37785b.js');
-require('./useCurrentKey-3b4c8a44.js');
-require('./BaseNavigationListItem-070d75bc.js');
-require('./useInteractionStyle-442c6a12.js');
-require('./UNSAFE_NavigationListCommon/themes/redwood/NavigationListItemTheme.js');
-require('./UNSAFE_NavigationList/themes/NavigationListItemStyles.css.js');
-
-require('./UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.css.js');
-
-require('./UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css.js');
-
-require('./RemovableNavigationListItem-6231df42.js');
+require('./RemovableNavigationListItem-eb2c8156.js');
 
 
 

package/cjs/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/cjs/UNSAFE_TabBarMixed.js

@@ -3,11 +3,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var TabBarMixed = require('./TabBarMixed-426fcaf1.js');
+var TabBarMixed = require('./TabBarMixed-bc696a46.js');
 var TabBarMixedSeparator = require('./TabBarMixedSeparator-6388ccda.js');
 var TabBarItem = require('./TabBarItem-2b3039aa.js');
 var RemovableTabBarItem = require('./RemovableTabBarItem-df8144f5.js');
-var OverflowTabBarItem = require('./OverflowTabBarItem-c0a592fd.js');
+var OverflowTabBarItem = require('./OverflowTabBarItem-1de46588.js');
 require('./useTabBarContext-2a6a796c.js');
 require('preact/hooks');
 var TabBarLayout = require('./TabBarLayout-c2efbeb3.js');
@@ -89,8 +89,26 @@ require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js'
 require('./EnvironmentProvider-42b2b998.js');
 require('./LayerManager-fa20a462.js');
 
-require('./keyboardUtils-f835e1ee.js');
+require('./NavigationList-5218562e.js');
+require('./UNSAFE_NavigationList/themes/NavigationListStyles.css.js');
+
+require('./collectionUtils-1535080e.js');
+require('./keys-a4b54295.js');
 require('./clientHints-9e411b6e.js');
+require('./useCollectionFocusRing-ca37785b.js');
+require('./useCurrentKey-3b4c8a44.js');
+require('./useNavigationListItem-74009187.js');
+require('./usePress-00deca01.js');
+require('./useInteractionStyle-442c6a12.js');
+require('./useActive-b15c9e7e.js');
+require('./UNSAFE_NavigationListCommon/themes/redwood/NavigationListItemTheme.js');
+require('./UNSAFE_NavigationList/themes/NavigationListItemStyles.css.js');
+
+require('./UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.css.js');
+
+require('./UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css.js');
+
+require('./keyboardUtils-f835e1ee.js');
 require('./tabbableUtils-b49673af.js');
 require('./head-68d0992f.js');
 require('./_arity-c228159c.js');
@@ -117,10 +135,6 @@ require('./animationUtils-54852d03.js');
 require('./UNSAFE_TabBarMixed/themes/TabBarMixedStyles.css.js');
 
 require('./useTabBar-35edcdb1.js');
-require('./collectionUtils-1535080e.js');
-require('./keys-a4b54295.js');
-require('./useCollectionFocusRing-ca37785b.js');
-require('./useCurrentKey-3b4c8a44.js');
 require('./View-011404a7.js');
 require('./borders-4b8488cb.js');
 require('./colors-ac3041c6.js');
@@ -130,7 +144,6 @@ require('./useDensity-6e80ddff.js');
 require('./equals-098f7781.js');
 require('./UNSAFE_TabBarMixed/themes/TabBarMixedSeparator.css.js');
 
-require('./usePress-00deca01.js');
 require('./Text-aaacb6a0.js');
 require('./UNSAFE_TabBarCommon/themes/redwood/TabBarItemTheme.js');
 require('./UNSAFE_TabBarCommon/themes/TabBarItemStyles.css.js');
@@ -156,7 +169,6 @@ require('./Close-2adc0f0f.js');
 require('./useTranslationBundle-9da032d6.js');
 require('./EmbeddedIconButton-cadadca0.js');
 require('./BaseButton-ff6f39f2.js');
-require('./useActive-b15c9e7e.js');
 require('./TabbableModeContext-e99d527e.js');
 require('./useTabbableMode-5c8fd9e5.js');
 require('./UNSAFE_BaseButton/themes/redwood/BaseButtonTheme.js');
@@ -172,25 +184,15 @@ require('./UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.cs
 
 require('./UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css.js');
 
+require('./NavigationListItem-b80c41dc.js');
+require('./BaseNavigationListItem-175a3f35.js');
 require('./Dropdown-820dc3fe.js');
 require('./usePopupAnimation-78a173e8.js');
 require('./popupAnimationUtils-a3dfbdfd.js');
 require('./UNSAFE_Dropdown/themes/dropdownStyles.css.js');
 require('./useOutsideMousedown-a8c09ad9.js');
 require('./UNSAFE_TabBarCommon/themes/OverflowTabBarItemStyles.css.js');
-require('./NavigationListItem-12a76e7d.js');
-require('./UNSAFE_NavigationList/themes/NavigationListStyles.css.js');
-
-require('./BaseNavigationListItem-070d75bc.js');
-require('./useInteractionStyle-442c6a12.js');
-require('./UNSAFE_NavigationListCommon/themes/redwood/NavigationListItemTheme.js');
-require('./UNSAFE_NavigationList/themes/NavigationListItemStyles.css.js');
-
-require('./UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.css.js');
-
-require('./UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css.js');
-
-require('./RemovableNavigationListItem-6231df42.js');
+require('./RemovableNavigationListItem-eb2c8156.js');
 
 
 

package/cjs/UNSAFE_TabBarMixed.js.map

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