@oracle/oraclejet-preact 17.0.6 → 17.0.7

package/cjs/{OverflowTabBarItem-1de46588.js.map → OverflowTabBarItem-47fb81c4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"OverflowTabBarItem-1de46588.js","sources":["../../src/UNSAFE_RedwoodIcons/OverflowH/OverflowH.tsx","../../src/UNSAFE_TabBarCommon/OverflowTabBarItem.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n// DO NOT MODIFY THIS FILE MANUALLY!\n// This file is automatically generated based on the corresponding SVG image in\n// the packages/oraclejet-preact/resources/icons folder.\nimport { ComponentProps } from 'preact';\nimport { Icon } from '../../UNSAFE_Icon';\ntype Props = Omit<ComponentProps<typeof Icon>, 'viewBox'>;\nconst SvgOverflowH = (props: Props) => (\n  <Icon viewBox=\"0 0 24 24\" {...props}>\n    <g fill=\"none\">\n      <path\n        d=\"M6 12a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm8 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm8 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0z\"\n        fill=\"currentcolor\"\n      />\n    </g>\n  </Icon>\n);\nexport { SvgOverflowH as OverflowH };\n","import { ComponentChild, ComponentProps, createRef } from 'preact';\nimport { useCallback, useRef } from 'preact/hooks';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport {\n  NavigationListItem,\n  NavigationList,\n  RemovableNavigationListItem,\n  FocusableHandle\n} from '../UNSAFE_NavigationList';\nimport { OverflowH } from '../UNSAFE_RedwoodIcons/OverflowH';\nimport { useTabBarContext } from './useTabBarContext';\nimport { Dropdown } from '../UNSAFE_Dropdown';\nimport { Sheet } from '../UNSAFE_Sheet';\nimport { BaseTabBarItem } from './BaseTabBarItem';\nimport { styles } from './themes/OverflowTabBarItemStyles.css';\nimport { TabBarItem } from './TabBarItem';\n\nexport type OverflowSelectionDetail<K> = {\n  value: K;\n};\n\nexport type CloseDetail = {\n  /**\n   * dismissed represents dismissing the DropDown\n   */\n  reason: 'dismissed' | 'itemAction' | 'outsideMousedown';\n};\n\nexport type Item<K extends string | number> = Omit<\n  ComponentProps<typeof TabBarItem<K>>,\n  'testId' | 'aria-controls'\n> & {\n  isRemovable?: boolean;\n  /**\n   * Accepts the tabpanel element's ID associated with the tab item\n   **/\n  tabPanelId?: string;\n};\n\nexport type OverflowTabBarItemProps<K extends string | number> = {\n  /**\n   * Key of the TabBarItem\n   */\n  overflowItemKey: K;\n  /**\n   * Whether to open the popup\n   */\n  isOpen: boolean;\n  /**\n   * Property that triggers a callback when DropDown is supposed to be closed.\n   */\n  onClose?: (detail: CloseDetail) => void;\n  /**\n   * The icon of the OverflowTabBarItem\n   */\n  icon?: ComponentChild;\n  /**\n   * The content to be rendered inside the Badge component.\n   */\n  badge?: string;\n  /**\n   * An array of data used by NavigationList to render individual overflow items.\n   */\n  overflowItems?: Item<K>[];\n};\n\n/**\n * An OverflowTabBarItem renders TabBarItems in a device appropriate popup. OverflowTabBarItem is used internally in an OverflowTabBar.\n */\n\nexport function OverflowTabBarItem<K extends string | number>({\n  overflowItemKey,\n  icon,\n  badge,\n  overflowItems,\n  isOpen,\n  onClose\n}: OverflowTabBarItemProps<K>) {\n  const { selection, showFocusRing, isEdgeBottom, onSelect, onRemove, layout } = useTabBarContext();\n\n  const isPointerSelection = useRef<boolean>(false);\n\n  const overflowTabBarItemRef = useRef<HTMLDivElement>(null);\n  const navigationListRef = createRef<FocusableHandle>();\n\n  const handleSelectionChange = useCallback<\n    Required<ComponentProps<typeof NavigationList>>['onSelectionChange']\n  >(\n    (detail: { value: string | number; reason?: 'pointer' | 'keyboard' }) => {\n      if (detail.reason === 'pointer') {\n        isPointerSelection.current = true;\n      }\n      onSelect?.({ value: detail.value });\n      onClose?.({ reason: 'itemAction' });\n    },\n    [onSelect, onClose]\n  );\n\n  const handleDropdownClose = useCallback(\n    (e: CloseDetail) => {\n      onClose?.({ reason: e.reason });\n    },\n    [onClose]\n  );\n\n  const handleSheetClose = useCallback(() => {\n    onClose?.({ reason: 'dismissed' });\n  }, [onClose]);\n\n  //When NavigationList steals focus the app resets it. Not always would it be reset to\n  //parent of OverflowTabBarItem. Though currentKey would be correct, but focusRing would would not be visible\n  //Hence we check for isPointerSelection.current\n\n  const focusRingRequirement = showFocusRing && !isPointerSelection.current && !getIsMobile();\n\n  const overflowContainsKey = (searchKey: K) => {\n    return overflowItems?.find((item) => item.itemKey === searchKey) != null;\n  };\n\n  const currentPanelId = overflowItems?.find((item) => item.itemKey === selection)?.tabPanelId;\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  const isSelected = selection !== undefined && overflowContainsKey(selection as K);\n\n  //instead of specifying flex: '1 0 auto' in cssProps var\n  const styleInterpolations = mergeInterpolations<FlexitemProps>([\n    ...Object.values(flexitemInterpolations)\n  ]);\n  const flexDimensions = styleInterpolations({\n    flex: layout === 'stretch' ? '1 0 auto' : '0 0 auto'\n  });\n\n  const navContainerClasses = classNames([styles.navContainerBase]);\n\n  const navContainerRef = useRef<HTMLDivElement>(null);\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'ArrowDown') {\n        event.preventDefault();\n        navigationListRef.current?.focus();\n      }\n    },\n    [navigationListRef]\n  );\n  const getNavigationList = useCallback(() => {\n    return (\n      <div onKeyDown={handleKeyDown} tabIndex={0} ref={navContainerRef} class={navContainerClasses}>\n        <NavigationList\n          ref={navigationListRef}\n          selection={selection}\n          onSelectionChange={handleSelectionChange}\n          onRemove={onRemove}>\n          {overflowItems?.map((item) =>\n            item.isRemovable ? (\n              <RemovableNavigationListItem\n                itemKey={item.itemKey}\n                label={item.label}\n                badge={item.badge}\n                metadata={item.metadata}\n                severity={item.severity}\n              />\n            ) : (\n              <NavigationListItem\n                itemKey={item.itemKey}\n                label={item.label}\n                badge={item.badge}\n                metadata={item.metadata}\n                severity={item.severity}\n              />\n            )\n          )}\n        </NavigationList>\n      </div>\n    );\n  }, [\n    handleKeyDown,\n    navContainerClasses,\n    navigationListRef,\n    selection,\n    handleSelectionChange,\n    onRemove,\n    overflowItems\n  ]);\n\n  return (\n    <>\n      {overflowItems && overflowItems.length > 0 && (\n        <div ref={overflowTabBarItemRef} style={flexDimensions}>\n          <BaseTabBarItem\n            aria-controls={currentPanelId}\n            itemKey={overflowItemKey}\n            label={translations.overflowItemLabel()}\n            icon={icon ? icon : <OverflowH />}\n            badge={badge}\n            showFocusRingOverride={focusRingRequirement}\n            selectionOverride={isSelected}\n            displayOverride={'icons'}\n            aria-haspopup={true}\n          />\n        </div>\n      )}\n      {getIsMobile() ? (\n        <Sheet isOpen={isOpen} onClose={handleSheetClose}>\n          {getNavigationList()}\n        </Sheet>\n      ) : (\n        <Dropdown\n          initialFocus=\"firstFocusable\"\n          isOpen={isOpen}\n          onClose={handleDropdownClose}\n          placement={isEdgeBottom ? 'top-end' : 'bottom-end'}\n          anchorRef={overflowTabBarItemRef}>\n          {getNavigationList()}\n        </Dropdown>\n      )}\n    </>\n  );\n}\n\nconst getIsMobile = () => {\n  const { deviceType } = getClientHints();\n  return deviceType === 'phone';\n};\n"],"names":["_jsx","Icon","useTabBarContext","useRef","createRef","useCallback","useTranslationBundle","mergeInterpolations","flexitemInterpolations","classNames","styles","NavigationList","RemovableNavigationListItem","NavigationListItem","_jsxs","_Fragment","BaseTabBarItem","OverflowH","Sheet","Dropdown","getClientHints"],"mappings":"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"}
+{"version":3,"file":"OverflowTabBarItem-47fb81c4.js","sources":["../../src/UNSAFE_RedwoodIcons/OverflowH/OverflowH.tsx","../../src/UNSAFE_TabBarCommon/OverflowTabBarItem.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n// DO NOT MODIFY THIS FILE MANUALLY!\n// This file is automatically generated based on the corresponding SVG image in\n// the packages/oraclejet-preact/resources/icons folder.\nimport { ComponentProps } from 'preact';\nimport { Icon } from '../../UNSAFE_Icon';\ntype Props = Omit<ComponentProps<typeof Icon>, 'viewBox'>;\nconst SvgOverflowH = (props: Props) => (\n  <Icon viewBox=\"0 0 24 24\" {...props}>\n    <g fill=\"none\">\n      <path\n        d=\"M6 12a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm8 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm8 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0z\"\n        fill=\"currentcolor\"\n      />\n    </g>\n  </Icon>\n);\nexport { SvgOverflowH as OverflowH };\n","import { ComponentChild, ComponentProps, createRef } from 'preact';\nimport { useCallback, useRef } from 'preact/hooks';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport {\n  NavigationListItem,\n  NavigationList,\n  RemovableNavigationListItem,\n  FocusableHandle\n} from '../UNSAFE_NavigationList';\nimport { OverflowH } from '../UNSAFE_RedwoodIcons/OverflowH';\nimport { useTabBarContext } from './useTabBarContext';\nimport { Dropdown } from '../UNSAFE_Dropdown';\nimport { Sheet } from '../UNSAFE_Sheet';\nimport { BaseTabBarItem } from './BaseTabBarItem';\nimport { styles } from './themes/OverflowTabBarItemStyles.css';\nimport { TabBarItem } from './TabBarItem';\n\nexport type OverflowSelectionDetail<K> = {\n  value: K;\n};\n\nexport type CloseDetail = {\n  /**\n   * dismissed represents dismissing the DropDown\n   */\n  reason: 'dismissed' | 'itemAction' | 'outsideMousedown';\n};\n\nexport type Item<K extends string | number> = Omit<\n  ComponentProps<typeof TabBarItem<K>>,\n  'testId' | 'aria-controls'\n> & {\n  isRemovable?: boolean;\n  /**\n   * Accepts the tabpanel element's ID associated with the tab item\n   **/\n  tabPanelId?: string;\n};\n\nexport type OverflowTabBarItemProps<K extends string | number> = {\n  /**\n   * Key of the TabBarItem\n   */\n  overflowItemKey: K;\n  /**\n   * Whether to open the popup\n   */\n  isOpen: boolean;\n  /**\n   * Property that triggers a callback when DropDown is supposed to be closed.\n   */\n  onClose?: (detail: CloseDetail) => void;\n  /**\n   * The icon of the OverflowTabBarItem\n   */\n  icon?: ComponentChild;\n  /**\n   * The content to be rendered inside the Badge component.\n   */\n  badge?: string;\n  /**\n   * An array of data used by NavigationList to render individual overflow items.\n   */\n  overflowItems?: Item<K>[];\n};\n\n/**\n * An OverflowTabBarItem renders TabBarItems in a device appropriate popup. OverflowTabBarItem is used internally in an OverflowTabBar.\n */\n\nexport function OverflowTabBarItem<K extends string | number>({\n  overflowItemKey,\n  icon,\n  badge,\n  overflowItems,\n  isOpen,\n  onClose\n}: OverflowTabBarItemProps<K>) {\n  const { selection, showFocusRing, isEdgeBottom, onSelect, onRemove, layout } = useTabBarContext();\n\n  const isPointerSelection = useRef<boolean>(false);\n\n  const overflowTabBarItemRef = useRef<HTMLDivElement>(null);\n  const navigationListRef = createRef<FocusableHandle>();\n\n  const handleSelectionChange = useCallback<\n    Required<ComponentProps<typeof NavigationList>>['onSelectionChange']\n  >(\n    (detail: { value: string | number; reason?: 'pointer' | 'keyboard' }) => {\n      if (detail.reason === 'pointer') {\n        isPointerSelection.current = true;\n      }\n      onSelect?.({ value: detail.value });\n      onClose?.({ reason: 'itemAction' });\n    },\n    [onSelect, onClose]\n  );\n\n  const handleDropdownClose = useCallback(\n    (e: CloseDetail) => {\n      onClose?.({ reason: e.reason });\n    },\n    [onClose]\n  );\n\n  const handleSheetClose = useCallback(() => {\n    onClose?.({ reason: 'dismissed' });\n  }, [onClose]);\n\n  //When NavigationList steals focus the app resets it. Not always would it be reset to\n  //parent of OverflowTabBarItem. Though currentKey would be correct, but focusRing would would not be visible\n  //Hence we check for isPointerSelection.current\n\n  const focusRingRequirement = showFocusRing && !isPointerSelection.current && !getIsMobile();\n\n  const overflowContainsKey = (searchKey: K) => {\n    return overflowItems?.find((item) => item.itemKey === searchKey) != null;\n  };\n\n  const currentPanelId = overflowItems?.find((item) => item.itemKey === selection)?.tabPanelId;\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  const isSelected = selection !== undefined && overflowContainsKey(selection as K);\n\n  //instead of specifying flex: '1 0 auto' in cssProps var\n  const styleInterpolations = mergeInterpolations<FlexitemProps>([\n    ...Object.values(flexitemInterpolations)\n  ]);\n  const flexDimensions = styleInterpolations({\n    flex: layout === 'stretch' ? '1 0 auto' : '0 0 auto'\n  });\n\n  const navContainerClasses = classNames([styles.navContainerBase]);\n\n  const navContainerRef = useRef<HTMLDivElement>(null);\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'ArrowDown') {\n        event.preventDefault();\n        navigationListRef.current?.focus();\n      }\n    },\n    [navigationListRef]\n  );\n  const getNavigationList = useCallback(() => {\n    return (\n      <div onKeyDown={handleKeyDown} tabIndex={0} ref={navContainerRef} class={navContainerClasses}>\n        <NavigationList\n          ref={navigationListRef}\n          selection={selection}\n          onSelectionChange={handleSelectionChange}\n          onRemove={onRemove}>\n          {overflowItems?.map((item) =>\n            item.isRemovable ? (\n              <RemovableNavigationListItem\n                itemKey={item.itemKey}\n                label={item.label}\n                badge={item.badge}\n                metadata={item.metadata}\n                severity={item.severity}\n              />\n            ) : (\n              <NavigationListItem\n                itemKey={item.itemKey}\n                label={item.label}\n                badge={item.badge}\n                metadata={item.metadata}\n                severity={item.severity}\n              />\n            )\n          )}\n        </NavigationList>\n      </div>\n    );\n  }, [\n    handleKeyDown,\n    navContainerClasses,\n    navigationListRef,\n    selection,\n    handleSelectionChange,\n    onRemove,\n    overflowItems\n  ]);\n\n  return (\n    <>\n      {overflowItems && overflowItems.length > 0 && (\n        <div ref={overflowTabBarItemRef} style={flexDimensions}>\n          <BaseTabBarItem\n            aria-controls={currentPanelId}\n            itemKey={overflowItemKey}\n            label={translations.overflowItemLabel()}\n            icon={icon ? icon : <OverflowH />}\n            badge={badge}\n            showFocusRingOverride={focusRingRequirement}\n            selectionOverride={isSelected}\n            displayOverride={'icons'}\n            aria-haspopup={true}\n          />\n        </div>\n      )}\n      {getIsMobile() ? (\n        <Sheet isOpen={isOpen} onClose={handleSheetClose}>\n          {getNavigationList()}\n        </Sheet>\n      ) : (\n        <Dropdown\n          initialFocus=\"firstFocusable\"\n          isOpen={isOpen}\n          onClose={handleDropdownClose}\n          placement={isEdgeBottom ? 'top-end' : 'bottom-end'}\n          anchorRef={overflowTabBarItemRef}>\n          {getNavigationList()}\n        </Dropdown>\n      )}\n    </>\n  );\n}\n\nconst getIsMobile = () => {\n  const { deviceType } = getClientHints();\n  return deviceType === 'phone';\n};\n"],"names":["_jsx","Icon","useTabBarContext","useRef","createRef","useCallback","useTranslationBundle","mergeInterpolations","flexitemInterpolations","classNames","styles","NavigationList","RemovableNavigationListItem","NavigationListItem","_jsxs","_Fragment","BaseTabBarItem","OverflowH","Sheet","Dropdown","getClientHints"],"mappings":"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"}

package/cjs/PRIVATE_BaseCardView.js

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var BaseCardView = require('./BaseCardView-badf6df3.js');
+var BaseCardView = require('./BaseCardView-99f89fbf.js');
 require('preact/jsx-runtime');
 require('preact');
 require('preact/compat');
@@ -12,19 +12,19 @@ require('./mergeProps-e3da7237.js');
 require('./keys-a4b54295.js');
 require('./collectionUtils-1535080e.js');
 require('./clientHints-9e411b6e.js');
-require('./useCurrentKey-3b4c8a44.js');
-require('./useUser-a6d15333.js');
-require('./LayerHost-46e4d858.js');
+require('./useCurrentKey-9c158ccc.js');
+require('./useUser-c8e9a94a.js');
+require('./LayerHost-a6007465.js');
 require('./Common/themes/redwood/theme.js');
 require('./Common/themes/themeContract.css.js');
 require('./useCollectionFocusRing-ca37785b.js');
 require('./useTabbableModeSet-bfbdbba0.js');
-require('./useSelection-b53f8255.js');
+require('./useSelection-05fa772e.js');
 require('./textSelectionUtils-432ab66b.js');
 
 require('./useReorderableItem-02ed8243.js');
 require('./useId-6c0eeb27.js');
-require('./useTranslationBundle-9da032d6.js');
+require('./useTranslationBundle-7fcd8bd5.js');
 require('./classNames-c14c6ef3.js');
 require('./dndUtils-21d97036.js');
 require('./hooks/PRIVATE_useReorderable/themes/ReorderableItemStyles.css.js');
@@ -40,20 +40,20 @@ require('./size-4e606ce4.js');
 require('./utils-b7099be5.js');
 require('./colorUtils-fe6f2fbf.js');
 require('./_curry1-e8f0d7ea.js');
-require('./useTooltip-468c1c92.js');
-require('./useTooltipControlled-706a3651.js');
-require('./Floating-1280c2ce.js');
-require('./useFloating-7800fd56.js');
+require('./useTooltip-29b90247.js');
+require('./useTooltipControlled-a907e06c.js');
+require('./Floating-9e569e63.js');
+require('./useFloating-f4bbd8c4.js');
 require('./positionUtils-ae9279d7.js');
 require('./refUtils-915b985d.js');
-require('./useOutsideClick-7420644b.js');
+require('./useOutsideClick-b22e1d4a.js');
 require('./arrayUtils-7d8dcfc3.js');
-require('./Layer-3700cd37.js');
+require('./Layer-845cc772.js');
 require('./UNSAFE_Layer/themes/LayerStyles.css.js');
 
-require('./useThemeInterpolations-25313f34.js');
-require('./useColorScheme-d2c4adcc.js');
-require('./useScale-74bd6456.js');
+require('./useThemeInterpolations-50ce3d68.js');
+require('./useColorScheme-b0ea4a49.js');
+require('./useScale-c5e9172c.js');
 require('./theme-dfd6a9fe.js');
 require('./Theme-f06687af.js');
 require('./mergeInterpolations-6727b536.js');
@@ -76,7 +76,7 @@ require('./useToggle-3ebba7d8.js');
 require('./useFocus-1b288fb9.js');
 require('./useTouch-4dec8729.js');
 require('./useAnimation-2f7dd313.js');
-require('./useTestId-8234ec1e.js');
+require('./useTestId-71c3de70.js');
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js');
 require('./hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js');
 
@@ -84,8 +84,8 @@ require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css.js
 
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
 
-require('./EnvironmentProvider-42b2b998.js');
-require('./LayerManager-fa20a462.js');
+require('./EnvironmentProvider-e5a93f24.js');
+require('./LayerManager-6fa20e12.js');
 require('./UNSAFE_Icon/themes/IconStyle.css.js');
 
 require('./CheckboxOff-9a4efabf.js');
@@ -106,9 +106,9 @@ require('./useTabbableMode-5c8fd9e5.js');
 
 require('./useCollectionGestureContext-daada886.js');
 require('./useActive-b15c9e7e.js');
-require('./LoadMoreCollection-73112ff0.js');
-require('./Collection-9880039f.js');
+require('./LoadMoreCollection-69bc038c.js');
 require('./useViewportIntersect-ca1f958b.js');
+require('./Collection-9880039f.js');
 require('./PRIVATE_BaseCardView/themes/BaseCardViewStyles.css.js');
 
 require('./tabbableUtils-b49673af.js');
@@ -121,13 +121,13 @@ require('./FocusTrap-0a03f5a2.js');
 require('./FocusTracker-9cc329a3.js');
 require('./PRIVATE_FocusTracker/themes/FocusTrackerStyles.css.js');
 
-require('./Grid-03d487e5.js');
+require('./Grid-fe4fef40.js');
 require('./grid-7c06084e.js');
 require('./boxalignment-5ef612ee.js');
 
 require('./vanilla-extract-sprinkles-createRuntimeSprinkles.esm-d68f3e0f.js');
 
-require('./Flex-fbba4ad6.js');
+require('./Flex-6529d995.js');
 require('./dimensions-b48bf1ab.js');
 require('./flexbox-2cae9a01.js');
 

package/cjs/PRIVATE_Chart.js

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Chart = require('./Chart-c55ecfa4.js');
+var Chart = require('./Chart-6684fa6d.js');
 require('preact/jsx-runtime');
 require('./PRIVATE_Chart/themes/ChartStyles.css.js');
 
@@ -18,16 +18,16 @@ require('./colorUtils-fe6f2fbf.js');
 require('./_curry1-e8f0d7ea.js');
 require('./useTextDimensions-0eabedd5.js');
 require('./clientHints-9e411b6e.js');
-require('./useCssVars-4f061513.js');
-require('./useUser-a6d15333.js');
-require('./LayerHost-46e4d858.js');
-require('preact');
+require('./useCssVars-839ce507.js');
+require('./useUser-c8e9a94a.js');
+require('./LayerHost-a6007465.js');
 require('./Common/themes/redwood/theme.js');
+require('preact');
 require('preact/compat');
-require('./useTheme-9b0dc066.js');
-require('./useColorScheme-d2c4adcc.js');
-require('./useScale-74bd6456.js');
-require('./Gridlines-33618268.js');
+require('./useTheme-f85b8938.js');
+require('./useColorScheme-b0ea4a49.js');
+require('./useScale-c5e9172c.js');
+require('./Gridlines-b31d8972.js');
 require('./PRIVATE_PlotArea/themes/PlotAreaStyles.css.js');
 
 require('./classNames-c14c6ef3.js');
@@ -59,21 +59,18 @@ require('./getLocale-8e17dc46.js');
 require('./useChartNav-e850e19e.js');
 require('./layoutUtils-56b6111c.js');
 require('./useVisHover-ad36112d.js');
-require('./ScrollBar-dc5cf205.js');
-require('./PRIVATE_ChartScrollBar/themes/ScrollBarStyles.css.js');
-
-require('./useSelectDrill-64289234.js');
+require('./useSelectDrill-303b8cba.js');
 require('./useChartDataCursor-7f36d497.js');
 require('./hooks/PRIVATE_useChartDataCursor/themes/DataCursorStyles.css.js');
 
 require('./Marker-8747d07b.js');
 
-require('./useChartDatatip-7b7f757f.js');
-require('./useDatatip-ff0c568c.js');
-require('./Layer-3700cd37.js');
+require('./useChartDatatip-b838368c.js');
+require('./useDatatip-1f5535bb.js');
+require('./Layer-845cc772.js');
 require('./UNSAFE_Layer/themes/LayerStyles.css.js');
 
-require('./useThemeInterpolations-25313f34.js');
+require('./useThemeInterpolations-50ce3d68.js');
 require('./theme-dfd6a9fe.js');
 require('./Theme-f06687af.js');
 require('./mergeInterpolations-6727b536.js');
@@ -81,11 +78,11 @@ require('./mergeDeepWithKey-210b024d.js');
 require('./_curry3-18677bca.js');
 require('./_curry2-c15d89cd.js');
 require('./_isObject-28636267.js');
-require('./Floating-1280c2ce.js');
-require('./useFloating-7800fd56.js');
+require('./Floating-9e569e63.js');
+require('./useFloating-f4bbd8c4.js');
 require('./positionUtils-ae9279d7.js');
 require('./refUtils-915b985d.js');
-require('./useOutsideClick-7420644b.js');
+require('./useOutsideClick-b22e1d4a.js');
 require('./arrayUtils-7d8dcfc3.js');
 require('./UNSAFE_Floating/themes/redwood/FloatingTheme.js');
 require('./UNSAFE_Floating/themes/FloatingStyles.css.js');
@@ -100,14 +97,14 @@ require('./hooks/PRIVATE_useDatatip/themes/useDatatip.css.js');
 require('./datatipUtils-ed3682ed.js');
 require('./clientUtils-a95299aa.js');
 require('./util-28dd0315.js');
-require('./VisTabularDatatip-3b3341f9.js');
+require('./VisTabularDatatip-96e5fcf3.js');
 require('./PRIVATE_VisTabularDatatip/themes/VisTabularDatatipStyles.css.js');
 
 require('./colorUtils-0d6ee5fe.js');
 require('./useChartDrill-fefe92fb.js');
 require('./useVisDrill-85a74e60.js');
 require('./useDoubleTap-d3937fb6.js');
-require('./useSelection-8f71759b.js');
+require('./useSelection-1fe0f2c2.js');
 require('./BaseButton-ff6f39f2.js');
 require('./usePress-00deca01.js');
 require('./useHover-910b8e32.js');
@@ -121,17 +118,17 @@ require('./UNSAFE_BaseButton/themes/BaseButtonStyles.css.js');
 
 require('./UNSAFE_BaseButton/themes/redwood/BaseButtonVariants.css.js');
 
-require('./useTestId-8234ec1e.js');
+require('./useTestId-71c3de70.js');
 require('./Text-aaacb6a0.js');
 require('./UNSAFE_Text/themes/TextStyles.css.js');
 
-require('./useTranslationBundle-9da032d6.js');
+require('./useTranslationBundle-7fcd8bd5.js');
 require('./hooks/PRIVATE_useVisSelection/themes/ClearSelection.css.js');
 
 require('./cssUtils-7fddea41.js');
 require('./useChartContextMenu-d7ed939f.js');
 require('./useContextMenu-f3cf0db8.js');
-require('./Menu-7f8ca235.js');
+require('./Menu-afcc3db8.js');
 require('./MenuItem-9a73694f.js');
 require('./flexitem-fee13e26.js');
 
@@ -149,11 +146,11 @@ require('./UNSAFE_Menu/themes/MenuStyles.css.js');
 require('./UNSAFE_Menu/themes/DropdownMenuStyles.css.js');
 
 require('./useOutsideMousedown-a8c09ad9.js');
-require('./Sheet-a6267b5f.js');
-require('./Modal-52fa4530.js');
+require('./Sheet-c3a675fc.js');
+require('./Modal-fd178291.js');
 require('./UNSAFE_Modal/themes/ModalStyles.css.js');
 
-require('./WindowOverlay-d255542f.js');
+require('./WindowOverlay-bb51c0ee.js');
 require('./UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css.js');
 
 require('./UNSAFE_WindowOverlay/themes/WindowOverlayContract.css.js');
@@ -173,7 +170,7 @@ require('./useAnimation-2f7dd313.js');
 require('./animationUtils-54852d03.js');
 require('./UNSAFE_Menu/themes/SheetMenuStyles.css.js');
 
-require('./useTooltipControlled-706a3651.js');
+require('./useTooltipControlled-a907e06c.js');
 require('./useFocus-1b288fb9.js');
 require('./useTouch-4dec8729.js');
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js');
@@ -183,8 +180,8 @@ require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css.js
 
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
 
-require('./EnvironmentProvider-42b2b998.js');
-require('./LayerManager-fa20a462.js');
+require('./EnvironmentProvider-e5a93f24.js');
+require('./LayerManager-6fa20e12.js');
 
 require('./SelectMenuGroupContext-bbb4f7e0.js');
 require('./UNSAFE_Separator/themes/SeparatorStyles.css.js');
@@ -194,7 +191,7 @@ require('./UNSAFE_Separator/themes/SeparatorStyles.css.js');
 require('./UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css.js');
 require('./useContextMenuGesture-67bf952e.js');
 require('./textSelectionUtils-432ab66b.js');
-require('./useTooltip-468c1c92.js');
+require('./useTooltip-29b90247.js');
 require('./useChartMarquee-ab7c89ea.js');
 require('./Button-b0d7f883.js');
 require('./Icon-3ffd13dc.js');
@@ -210,7 +207,7 @@ require('./UNSAFE_ButtonSet/themes/ButtonSetStyles.css.js');
 
 require('./ButtonSetPositionContext-6a358667.js');
 require('./toggleButtonUtils-0da9d88d.js');
-require('./useRovingTabIndexContainer-ff6fef9d.js');
+require('./useRovingTabIndexContainer-c03da9ff.js');
 require('./buttonUtils-252661e7.js');
 require('./id-86356250.js');
 require('./ButtonSetItem-d92ddb10.js');
@@ -232,6 +229,9 @@ require('./IconToggleButton-0c415743.js');
 require('./useToggleAction-e4f15550.js');
 require('./useVisTouchResponse-fb9c4e8f.js');
 require('./stringUtils-4e4a6b2b.js');
+require('./ScrollBar-dc5cf205.js');
+require('./PRIVATE_ChartScrollBar/themes/ScrollBarStyles.css.js');
+
 
 
 

package/cjs/PRIVATE_CheckboxControl.js

@@ -19,16 +19,16 @@ require('./classNames-c14c6ef3.js');
 require('./TabbableModeContext-e99d527e.js');
 require('./useTabbableMode-5c8fd9e5.js');
 require('./useId-6c0eeb27.js');
-require('./useTranslationBundle-9da032d6.js');
-require('./LayerHost-46e4d858.js');
+require('./useTranslationBundle-7fcd8bd5.js');
+require('./LayerHost-a6007465.js');
 require('./Common/themes/redwood/theme.js');
 require('./Common/themes/themeContract.css.js');
 
 
 require('./UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js');
 require('./vanilla-extract-recipes-createRuntimeFn.esm-d1301b2d.js');
-require('./Flex-fbba4ad6.js');
-require('./useTestId-8234ec1e.js');
+require('./Flex-6529d995.js');
+require('./useTestId-71c3de70.js');
 require('./boxalignment-5ef612ee.js');
 require('./size-4e606ce4.js');
 require('./utils-b7099be5.js');
@@ -52,19 +52,19 @@ require('./_isObject-28636267.js');
 
 require('./UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js');
 
-require('./useTooltipControlled-706a3651.js');
-require('./Floating-1280c2ce.js');
-require('./useFloating-7800fd56.js');
-require('./useUser-a6d15333.js');
+require('./useTooltipControlled-a907e06c.js');
+require('./Floating-9e569e63.js');
+require('./useFloating-f4bbd8c4.js');
+require('./useUser-c8e9a94a.js');
 require('./positionUtils-ae9279d7.js');
 require('./refUtils-915b985d.js');
-require('./useOutsideClick-7420644b.js');
-require('./Layer-3700cd37.js');
+require('./useOutsideClick-b22e1d4a.js');
+require('./Layer-845cc772.js');
 require('./UNSAFE_Layer/themes/LayerStyles.css.js');
 
-require('./useThemeInterpolations-25313f34.js');
-require('./useColorScheme-d2c4adcc.js');
-require('./useScale-74bd6456.js');
+require('./useThemeInterpolations-50ce3d68.js');
+require('./useColorScheme-b0ea4a49.js');
+require('./useScale-c5e9172c.js');
 require('./theme-dfd6a9fe.js');
 require('./Theme-f06687af.js');
 require('./UNSAFE_Floating/themes/redwood/FloatingTheme.js');
@@ -86,8 +86,8 @@ require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css.js
 
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
 
-require('./EnvironmentProvider-42b2b998.js');
-require('./LayerManager-fa20a462.js');
+require('./EnvironmentProvider-e5a93f24.js');
+require('./LayerManager-6fa20e12.js');
 
 require('./IconButton-94f8ca5c.js');
 require('./BaseButton-ff6f39f2.js');
@@ -110,7 +110,7 @@ require('./UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.cs
 
 require('./UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css.js');
 
-require('./useTooltip-468c1c92.js');
+require('./useTooltip-29b90247.js');
 require('./buttonUtils-252661e7.js');
 require('./id-86356250.js');
 
@@ -125,7 +125,7 @@ require('./UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css.j
 require('./FormContext-9452bd30.js');
 require('./FormFieldContext-8418dc68.js');
 require('./InputGroupContext-05f2a46f.js');
-require('./Popup-881aae20.js');
+require('./Popup-a793c4a2.js');
 require('./tabbableUtils-b49673af.js');
 require('./head-68d0992f.js');
 require('./_arity-c228159c.js');
@@ -135,10 +135,10 @@ require('./FocusTrap-0a03f5a2.js');
 require('./FocusTracker-9cc329a3.js');
 require('./PRIVATE_FocusTracker/themes/FocusTrackerStyles.css.js');
 
-require('./Modal-52fa4530.js');
+require('./Modal-fd178291.js');
 require('./UNSAFE_Modal/themes/ModalStyles.css.js');
 
-require('./WindowOverlay-d255542f.js');
+require('./WindowOverlay-bb51c0ee.js');
 require('./UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css.js');
 
 require('./UNSAFE_WindowOverlay/themes/WindowOverlayContract.css.js');
@@ -146,7 +146,7 @@ require('./UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme.js');
 require('./UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css.js');
 
 require('./UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css.js');
-require('./usePopupAnimation-78a173e8.js');
+require('./usePopupAnimation-d58b2664.js');
 require('./useAnimationStatus-a3d51709.js');
 require('./popupAnimationUtils-a3dfbdfd.js');
 require('./UNSAFE_Popup/themes/PopupContract.css.js');
@@ -161,7 +161,7 @@ require('./useFocusWithin-eb7f956a.js');
 
 
 require('./UNSAFE_Label/themes/redwood/LabelVariants.css.js');
-require('./IconUserAssistance-c31c2875.js');
+require('./IconUserAssistance-cee464a4.js');
 require('./Help-23015ba0.js');
 require('./Icon-3ffd13dc.js');
 require('./UNSAFE_Icon/themes/IconStyle.css.js');

package/cjs/PRIVATE_CheckboxRadioField.js

@@ -11,13 +11,13 @@ require('preact/hooks');
 require('./collectionUtils-1535080e.js');
 require('./keys-a4b54295.js');
 require('./clientHints-9e411b6e.js');
-require('./useTranslationBundle-9da032d6.js');
-require('./LayerHost-46e4d858.js');
-require('preact');
+require('./useTranslationBundle-7fcd8bd5.js');
+require('./LayerHost-a6007465.js');
 require('./Common/themes/redwood/theme.js');
 require('./Common/themes/themeContract.css.js');
-require('./Flex-fbba4ad6.js');
-require('./useTestId-8234ec1e.js');
+require('preact');
+require('./Flex-6529d995.js');
+require('./useTestId-71c3de70.js');
 require('./classNames-c14c6ef3.js');
 require('./boxalignment-5ef612ee.js');
 require('./size-4e606ce4.js');
@@ -54,20 +54,20 @@ require('./vanilla-extract-recipes-createRuntimeFn.esm-d1301b2d.js');
 
 require('./UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js');
 
-require('./useTooltipControlled-706a3651.js');
+require('./useTooltipControlled-a907e06c.js');
 require('./useId-6c0eeb27.js');
-require('./Floating-1280c2ce.js');
-require('./useFloating-7800fd56.js');
-require('./useUser-a6d15333.js');
+require('./Floating-9e569e63.js');
+require('./useFloating-f4bbd8c4.js');
+require('./useUser-c8e9a94a.js');
 require('./positionUtils-ae9279d7.js');
 require('./refUtils-915b985d.js');
-require('./useOutsideClick-7420644b.js');
-require('./Layer-3700cd37.js');
+require('./useOutsideClick-b22e1d4a.js');
+require('./Layer-845cc772.js');
 require('./UNSAFE_Layer/themes/LayerStyles.css.js');
 
-require('./useThemeInterpolations-25313f34.js');
-require('./useColorScheme-d2c4adcc.js');
-require('./useScale-74bd6456.js');
+require('./useThemeInterpolations-50ce3d68.js');
+require('./useColorScheme-b0ea4a49.js');
+require('./useScale-c5e9172c.js');
 require('./theme-dfd6a9fe.js');
 require('./Theme-f06687af.js');
 require('./UNSAFE_Floating/themes/redwood/FloatingTheme.js');
@@ -91,8 +91,8 @@ require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css.js
 
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
 
-require('./EnvironmentProvider-42b2b998.js');
-require('./LayerManager-fa20a462.js');
+require('./EnvironmentProvider-e5a93f24.js');
+require('./LayerManager-6fa20e12.js');
 
 require('./IconButton-94f8ca5c.js');
 require('./BaseButton-ff6f39f2.js');
@@ -115,7 +115,7 @@ require('./UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.cs
 
 require('./UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css.js');
 
-require('./useTooltip-468c1c92.js');
+require('./useTooltip-29b90247.js');
 require('./buttonUtils-252661e7.js');
 require('./id-86356250.js');
 
@@ -129,7 +129,7 @@ require('./MessagesContext-4e939750.js');
 
 require('./UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css.js');
 require('./InputGroupContext-05f2a46f.js');
-require('./Popup-881aae20.js');
+require('./Popup-a793c4a2.js');
 require('./tabbableUtils-b49673af.js');
 require('./head-68d0992f.js');
 require('./_arity-c228159c.js');
@@ -139,10 +139,10 @@ require('./FocusTrap-0a03f5a2.js');
 require('./FocusTracker-9cc329a3.js');
 require('./PRIVATE_FocusTracker/themes/FocusTrackerStyles.css.js');
 
-require('./Modal-52fa4530.js');
+require('./Modal-fd178291.js');
 require('./UNSAFE_Modal/themes/ModalStyles.css.js');
 
-require('./WindowOverlay-d255542f.js');
+require('./WindowOverlay-bb51c0ee.js');
 require('./UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css.js');
 
 require('./UNSAFE_WindowOverlay/themes/WindowOverlayContract.css.js');
@@ -150,7 +150,7 @@ require('./UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme.js');
 require('./UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css.js');
 
 require('./UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css.js');
-require('./usePopupAnimation-78a173e8.js');
+require('./usePopupAnimation-d58b2664.js');
 require('./useAnimationStatus-a3d51709.js');
 require('./popupAnimationUtils-a3dfbdfd.js');
 require('./UNSAFE_Popup/themes/PopupContract.css.js');
@@ -161,7 +161,7 @@ require('./UNSAFE_Popup/themes/redwood/PopupVariants.css.js');
 
 require('./UNSAFE_Separator/themes/SeparatorStyles.css.js');
 
-require('./CompactLabelAssistance-ae678fbd.js');
+require('./CompactLabelAssistance-7dd6ac2c.js');
 require('./CompactHelpSource-f4e9198b.js');
 require('./Help-23015ba0.js');
 require('./Icon-3ffd13dc.js');

package/cjs/PRIVATE_ClearIcon.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var ClearIcon = require('./ClearIcon-50725213.js');
 require('preact/jsx-runtime');
-require('./useTranslationBundle-9da032d6.js');
+require('./useTranslationBundle-7fcd8bd5.js');
 require('preact/hooks');
-require('./LayerHost-46e4d858.js');
-require('preact');
+require('./LayerHost-a6007465.js');
 require('./Common/themes/redwood/theme.js');
 require('./Common/themes/themeContract.css.js');
+require('preact');
 require('preact/compat');
 require('./IconButton-94f8ca5c.js');
 require('./BaseButton-ff6f39f2.js');
@@ -21,7 +21,7 @@ require('./useActive-b15c9e7e.js');
 require('./TabbableModeContext-e99d527e.js');
 require('./useTabbableMode-5c8fd9e5.js');
 require('./useId-6c0eeb27.js');
-require('./useColorScheme-d2c4adcc.js');
+require('./useColorScheme-b0ea4a49.js');
 require('./classNames-c14c6ef3.js');
 require('./dimensions-b48bf1ab.js');
 require('./size-4e606ce4.js');
@@ -43,7 +43,7 @@ require('./vanilla-extract-recipes-createRuntimeFn.esm-d1301b2d.js');
 
 require('./useComponentTheme-082fc8e4.js');
 require('./logger-2b636482.js');
-require('./useTestId-8234ec1e.js');
+require('./useTestId-71c3de70.js');
 require('./ButtonLabelLayout-3399b9e1.js');
 require('./Text-aaacb6a0.js');
 require('./UNSAFE_Text/themes/TextStyles.css.js');
@@ -55,20 +55,20 @@ require('./UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.cs
 
 require('./UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css.js');
 
-require('./useTooltip-468c1c92.js');
-require('./useTooltipControlled-706a3651.js');
-require('./Floating-1280c2ce.js');
-require('./useFloating-7800fd56.js');
-require('./useUser-a6d15333.js');
+require('./useTooltip-29b90247.js');
+require('./useTooltipControlled-a907e06c.js');
+require('./Floating-9e569e63.js');
+require('./useFloating-f4bbd8c4.js');
+require('./useUser-c8e9a94a.js');
 require('./positionUtils-ae9279d7.js');
 require('./refUtils-915b985d.js');
-require('./useOutsideClick-7420644b.js');
+require('./useOutsideClick-b22e1d4a.js');
 require('./arrayUtils-7d8dcfc3.js');
-require('./Layer-3700cd37.js');
+require('./Layer-845cc772.js');
 require('./UNSAFE_Layer/themes/LayerStyles.css.js');
 
-require('./useThemeInterpolations-25313f34.js');
-require('./useScale-74bd6456.js');
+require('./useThemeInterpolations-50ce3d68.js');
+require('./useScale-c5e9172c.js');
 require('./theme-dfd6a9fe.js');
 require('./Theme-f06687af.js');
 require('./UNSAFE_Floating/themes/redwood/FloatingTheme.js');
@@ -89,8 +89,8 @@ require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css.js
 
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
 
-require('./EnvironmentProvider-42b2b998.js');
-require('./LayerManager-fa20a462.js');
+require('./EnvironmentProvider-e5a93f24.js');
+require('./LayerManager-6fa20e12.js');
 require('./buttonUtils-252661e7.js');
 require('./id-86356250.js');
 require('./DeleteCircleS-5f54c539.js');