@oracle/oraclejet-preact 17.0.3 → 17.0.5

package/es/{OverflowTabBarItem-8f35961d.js.map → OverflowTabBarItem-d0a9dae6.js.map}

@@ -1 +1 @@
-{"version":3,"file":"OverflowTabBarItem-8f35961d.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","_jsxs","_Fragment","OverflowH"],"mappings":"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"}
+{"version":3,"file":"OverflowTabBarItem-d0a9dae6.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","_jsxs","_Fragment","OverflowH"],"mappings":"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"}

package/es/PRIVATE_BaseCardView.js

@@ -1,5 +1,5 @@
 /* @oracle/oraclejet-preact: undefined */
-export { B as BaseCardView, a as getColCount, g as gutterSizeToPX } from './BaseCardView-57f41dae.js';
+export { B as BaseCardView, a as getColCount, g as gutterSizeToPX } from './BaseCardView-59efba85.js';
 import 'preact/jsx-runtime';
 import 'preact';
 import 'preact/compat';
@@ -8,19 +8,19 @@ import './mergeProps-88ea8306.js';
 import './keys-df361af9.js';
 import './collectionUtils-d72c7c40.js';
 import './clientHints-c76a913b.js';
-import './useCurrentKey-db7d3bb9.js';
-import './useUser-99920e02.js';
-import './LayerHost-45f545d7.js';
+import './useCurrentKey-1f99b0f6.js';
+import './useUser-fb09e212.js';
+import './LayerHost-aaed41a1.js';
 import './Common/themes/redwood/theme.js';
 import './Common/themes/themeContract.css.js';
 import './useCollectionFocusRing-d0c80397.js';
 import './useTabbableModeSet-37cd3452.js';
-import './useSelection-ce0f9a43.js';
+import './useSelection-a098b3af.js';
 import './textSelectionUtils-a6554a42.js';
 import './DragAndDropStyles.styles.css';
 import './useReorderableItem-25aa1c34.js';
 import './useId-03dbfdf0.js';
-import './useTranslationBundle-cd815e10.js';
+import './useTranslationBundle-e8a8c4f3.js';
 import './classNames-4e12b00d.js';
 import './dndUtils-deb68797.js';
 import './hooks/PRIVATE_useReorderable/themes/ReorderableItemStyles.css.js';
@@ -36,20 +36,20 @@ import './size-782ed57a.js';
 import './utils-6eab3a64.js';
 import './colorUtils-16eb823f.js';
 import './_curry1-25297e59.js';
-import './useTooltip-9dec25b3.js';
-import './useTooltipControlled-2044f639.js';
-import './Floating-9703160e.js';
-import './useFloating-c99976f8.js';
+import './useTooltip-30a4a4fc.js';
+import './useTooltipControlled-eafec36e.js';
+import './Floating-5b269acc.js';
+import './useFloating-1cca9e4f.js';
 import './positionUtils-1ec41fd0.js';
 import './refUtils-b9d8d91a.js';
-import './useOutsideClick-eb8324f6.js';
+import './useOutsideClick-ab98bfa3.js';
 import './arrayUtils-35a58161.js';
-import './Layer-9b06412e.js';
+import './Layer-5d259d3a.js';
 import './UNSAFE_Layer/themes/LayerStyles.css.js';
 import './LayerStyles.styles.css';
-import './useThemeInterpolations-9bddc683.js';
-import './useColorScheme-e1b17324.js';
-import './useScale-d64a1a28.js';
+import './useThemeInterpolations-66ce2e56.js';
+import './useColorScheme-bf110202.js';
+import './useScale-42018695.js';
 import './theme-63551f30.js';
 import './Theme-e6dec6db.js';
 import './mergeInterpolations-e2db2a66.js';
@@ -72,7 +72,7 @@ import './useToggle-8b7fcefe.js';
 import './useFocus-38c95977.js';
 import './useTouch-4828df25.js';
 import './useAnimation-fe9990dc.js';
-import './useTestId-adde554c.js';
+import './useTestId-f5aed66c.js';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js';
 import './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js';
 import './TooltipContentStyles.styles.css';
@@ -80,8 +80,8 @@ 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 './EnvironmentProvider-f543a463.js';
-import './LayerManager-625d2503.js';
+import './EnvironmentProvider-6846a7ff.js';
+import './LayerManager-87beee1e.js';
 import './UNSAFE_Icon/themes/IconStyle.css.js';
 import './IconStyle.styles.css';
 import './CheckboxOff-d9693a93.js';
@@ -102,9 +102,9 @@ import './useTabbableMode-a3a351d0.js';
 import './StyledCheckbox.styles.css';
 import './useCollectionGestureContext-f18b492f.js';
 import './useActive-7d9737a5.js';
-import './LoadMoreCollection-7df1be36.js';
-import './useViewportIntersect-2a2be24b.js';
+import './LoadMoreCollection-95a49d2a.js';
 import './Collection-c4f2f3ea.js';
+import './useViewportIntersect-2a2be24b.js';
 import './PRIVATE_BaseCardView/themes/BaseCardViewStyles.css.js';
 import './BaseCardViewStyles.styles.css';
 import './tabbableUtils-dca964ca.js';
@@ -117,13 +117,13 @@ import './FocusTrap-8ddd383f.js';
 import './FocusTracker-a0621449.js';
 import './PRIVATE_FocusTracker/themes/FocusTrackerStyles.css.js';
 import './FocusTrackerStyles.styles.css';
-import './Grid-cfeac922.js';
+import './Grid-5d8f712b.js';
 import './grid-65aa641c.js';
 import './boxalignment-486c5ac9.js';
 import './boxalignment.styles.css';
 import './vanilla-extract-sprinkles-createRuntimeSprinkles.esm-2d655d37.js';
 import './GridStyles.styles.css';
-import './Flex-24628925.js';
+import './Flex-5ff5aa5e.js';
 import './dimensions-5229d942.js';
 import './flexbox-529f25da.js';
 import './flexbox.styles.css';

package/es/PRIVATE_Chart.js

@@ -14,16 +14,16 @@ import './colorUtils-16eb823f.js';
 import './_curry1-25297e59.js';
 import './useTextDimensions-e48f2781.js';
 import './clientHints-c76a913b.js';
-import './useCssVars-64d9b696.js';
-import './useUser-99920e02.js';
-import './LayerHost-45f545d7.js';
-import 'preact';
+import './useCssVars-b3bf30fb.js';
+import './useUser-fb09e212.js';
+import './LayerHost-aaed41a1.js';
 import './Common/themes/redwood/theme.js';
+import 'preact';
 import 'preact/compat';
-import './useTheme-1f6035d2.js';
-import './useColorScheme-e1b17324.js';
-import './useScale-d64a1a28.js';
-import './Gridlines-428bf909.js';
+import './useTheme-e7ea1253.js';
+import './useColorScheme-bf110202.js';
+import './useScale-42018695.js';
+import './Gridlines-4b7301e7.js';
 import './PRIVATE_PlotArea/themes/PlotAreaStyles.css.js';
 import './PlotAreaStyles.styles.css';
 import './classNames-4e12b00d.js';
@@ -58,18 +58,18 @@ import './useVisHover-d7a0b2f3.js';
 import './ScrollBar-a431a4f0.js';
 import './PRIVATE_ChartScrollBar/themes/ScrollBarStyles.css.js';
 import './ScrollBarStyles.styles.css';
-import './useSelectDrill-9ce5bccf.js';
+import './useSelectDrill-333650bd.js';
 import './useChartDataCursor-8e78a79f.js';
 import './hooks/PRIVATE_useChartDataCursor/themes/DataCursorStyles.css.js';
 import './DataCursorStyles.styles.css';
 import './Marker-546af001.js';
 import './SvgShapesStyles.styles.css';
-import './useChartDatatip-b6b2b00a.js';
-import './useDatatip-7c661980.js';
-import './Layer-9b06412e.js';
+import './useChartDatatip-f7bacd9b.js';
+import './useDatatip-f9bcaab9.js';
+import './Layer-5d259d3a.js';
 import './UNSAFE_Layer/themes/LayerStyles.css.js';
 import './LayerStyles.styles.css';
-import './useThemeInterpolations-9bddc683.js';
+import './useThemeInterpolations-66ce2e56.js';
 import './theme-63551f30.js';
 import './Theme-e6dec6db.js';
 import './mergeInterpolations-e2db2a66.js';
@@ -77,11 +77,11 @@ import './mergeDeepWithKey-08531060.js';
 import './_curry3-0b4222d7.js';
 import './_curry2-34316bcf.js';
 import './_isObject-1fab0f5b.js';
-import './Floating-9703160e.js';
-import './useFloating-c99976f8.js';
+import './Floating-5b269acc.js';
+import './useFloating-1cca9e4f.js';
 import './positionUtils-1ec41fd0.js';
 import './refUtils-b9d8d91a.js';
-import './useOutsideClick-eb8324f6.js';
+import './useOutsideClick-ab98bfa3.js';
 import './arrayUtils-35a58161.js';
 import './UNSAFE_Floating/themes/redwood/FloatingTheme.js';
 import './UNSAFE_Floating/themes/FloatingStyles.css.js';
@@ -96,14 +96,14 @@ import './useDatatip.styles.css';
 import './datatipUtils-5cb22909.js';
 import './clientUtils-c580ab1f.js';
 import './util-c1d41418.js';
-import './VisTabularDatatip-1f16ca1f.js';
+import './VisTabularDatatip-418525b0.js';
 import './PRIVATE_VisTabularDatatip/themes/VisTabularDatatipStyles.css.js';
 import './VisTabularDatatipStyles.styles.css';
 import './colorUtils-9c7b574c.js';
 import './useChartDrill-e20d7ae5.js';
 import './useVisDrill-4a6dcb23.js';
 import './useDoubleTap-4e290707.js';
-import './useSelection-c12f7802.js';
+import './useSelection-48f572e5.js';
 import './BaseButton-5b2791b1.js';
 import './usePress-97fc1cf1.js';
 import './useHover-d5088fcd.js';
@@ -117,17 +117,17 @@ import './UNSAFE_BaseButton/themes/BaseButtonStyles.css.js';
 import './BaseButtonStyles.styles.css';
 import './UNSAFE_BaseButton/themes/redwood/BaseButtonVariants.css.js';
 import './UNSAFE_BaseButton/themes/redwood/BaseButtonBaseTheme.styles.css';
-import './useTestId-adde554c.js';
+import './useTestId-f5aed66c.js';
 import './Text-da8588ce.js';
 import './UNSAFE_Text/themes/TextStyles.css.js';
 import './TextStyles.styles.css';
-import './useTranslationBundle-cd815e10.js';
+import './useTranslationBundle-e8a8c4f3.js';
 import './hooks/PRIVATE_useVisSelection/themes/ClearSelection.css.js';
 import './ClearSelection.styles.css';
 import './cssUtils-5492d949.js';
 import './useChartContextMenu-0014fc73.js';
 import './useContextMenu-81db2534.js';
-import './Menu-c7ab8412.js';
+import './Menu-b0c28cfd.js';
 import './MenuItem-a8f9c954.js';
 import './flexitem-7b7f7920.js';
 import './flexitem.styles.css';
@@ -145,11 +145,11 @@ import './MenuStyles.styles.css';
 import './UNSAFE_Menu/themes/DropdownMenuStyles.css.js';
 import './DropdownMenuStyles.styles.css';
 import './useOutsideMousedown-7307de8b.js';
-import './Sheet-e4121f4a.js';
-import './Modal-6b11d8cb.js';
+import './Sheet-8914df23.js';
+import './Modal-986872f3.js';
 import './UNSAFE_Modal/themes/ModalStyles.css.js';
 import './ModalStyles.styles.css';
-import './WindowOverlay-e14f8324.js';
+import './WindowOverlay-88b63ede.js';
 import './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css.js';
 import './WindowOverlayStyles.styles.css';
 import './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css.js';
@@ -169,7 +169,7 @@ import './useAnimation-fe9990dc.js';
 import './animationUtils-5f409a6c.js';
 import './UNSAFE_Menu/themes/SheetMenuStyles.css.js';
 import './SheetMenuStyles.styles.css';
-import './useTooltipControlled-2044f639.js';
+import './useTooltipControlled-eafec36e.js';
 import './useFocus-38c95977.js';
 import './useTouch-4828df25.js';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js';
@@ -179,8 +179,8 @@ 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 './EnvironmentProvider-f543a463.js';
-import './LayerManager-625d2503.js';
+import './EnvironmentProvider-6846a7ff.js';
+import './LayerManager-87beee1e.js';
 import './IconStyle.styles.css';
 import './SelectMenuGroupContext-b56cf5d4.js';
 import './UNSAFE_Separator/themes/SeparatorStyles.css.js';
@@ -190,7 +190,7 @@ import './UNSAFE_Menu/themes/redwood/MenuSeparatorBaseTheme.styles.css';
 import './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css.js';
 import './useContextMenuGesture-e8f99ce3.js';
 import './textSelectionUtils-a6554a42.js';
-import './useTooltip-9dec25b3.js';
+import './useTooltip-30a4a4fc.js';
 import './useChartMarquee-38dbb5f9.js';
 import './Button-46d35870.js';
 import './Icon-90c3a630.js';
@@ -206,7 +206,7 @@ import './UNSAFE_ButtonSet/themes/ButtonSetStyles.css.js';
 import './ButtonSetStyles.styles.css';
 import './ButtonSetPositionContext-5730d367.js';
 import './toggleButtonUtils-039c4eae.js';
-import './useRovingTabIndexContainer-e7926bd6.js';
+import './useRovingTabIndexContainer-91fd85f3.js';
 import './buttonUtils-6f35c4f4.js';
 import './id-83adac50.js';
 import './ButtonSetItem-e4688ce4.js';

package/es/PRIVATE_CheckboxControl.js

@@ -15,16 +15,16 @@ import './classNames-4e12b00d.js';
 import './TabbableModeContext-7d8ad946.js';
 import './useTabbableMode-a3a351d0.js';
 import './useId-03dbfdf0.js';
-import './useTranslationBundle-cd815e10.js';
-import './LayerHost-45f545d7.js';
+import './useTranslationBundle-e8a8c4f3.js';
+import './LayerHost-aaed41a1.js';
 import './Common/themes/redwood/theme.js';
 import './Common/themes/themeContract.css.js';
 import './UserAssistanceStyles.styles.css';
 import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.styles.css';
 import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js';
 import './vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
-import './Flex-24628925.js';
-import './useTestId-adde554c.js';
+import './Flex-5ff5aa5e.js';
+import './useTestId-f5aed66c.js';
 import './boxalignment-486c5ac9.js';
 import './size-782ed57a.js';
 import './utils-6eab3a64.js';
@@ -48,19 +48,19 @@ import './MessageBannerStyles.styles.css';
 import './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.styles.css';
 import './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js';
 import './MessageBannerVariants.styles.css';
-import './useTooltipControlled-2044f639.js';
-import './Floating-9703160e.js';
-import './useFloating-c99976f8.js';
-import './useUser-99920e02.js';
+import './useTooltipControlled-eafec36e.js';
+import './Floating-5b269acc.js';
+import './useFloating-1cca9e4f.js';
+import './useUser-fb09e212.js';
 import './positionUtils-1ec41fd0.js';
 import './refUtils-b9d8d91a.js';
-import './useOutsideClick-eb8324f6.js';
-import './Layer-9b06412e.js';
+import './useOutsideClick-ab98bfa3.js';
+import './Layer-5d259d3a.js';
 import './UNSAFE_Layer/themes/LayerStyles.css.js';
 import './LayerStyles.styles.css';
-import './useThemeInterpolations-9bddc683.js';
-import './useColorScheme-e1b17324.js';
-import './useScale-d64a1a28.js';
+import './useThemeInterpolations-66ce2e56.js';
+import './useColorScheme-bf110202.js';
+import './useScale-42018695.js';
 import './theme-63551f30.js';
 import './Theme-e6dec6db.js';
 import './UNSAFE_Floating/themes/redwood/FloatingTheme.js';
@@ -82,8 +82,8 @@ 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 './EnvironmentProvider-f543a463.js';
-import './LayerManager-625d2503.js';
+import './EnvironmentProvider-6846a7ff.js';
+import './LayerManager-87beee1e.js';
 import './IconStyle.styles.css';
 import './IconButton-37310d21.js';
 import './BaseButton-5b2791b1.js';
@@ -106,7 +106,7 @@ 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 './useTooltip-9dec25b3.js';
+import './useTooltip-30a4a4fc.js';
 import './buttonUtils-6f35c4f4.js';
 import './id-83adac50.js';
 import './MessageStyles.styles.css';
@@ -121,7 +121,7 @@ import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css.js
 import './FormContext-4d71f9c7.js';
 import './FormFieldContext-68eb5946.js';
 import './InputGroupContext-20bdbd6e.js';
-import './Popup-8889a781.js';
+import './Popup-6288438d.js';
 import './tabbableUtils-dca964ca.js';
 import './head-6f17c50c.js';
 import './_arity-be492b9e.js';
@@ -131,10 +131,10 @@ import './FocusTrap-8ddd383f.js';
 import './FocusTracker-a0621449.js';
 import './PRIVATE_FocusTracker/themes/FocusTrackerStyles.css.js';
 import './FocusTrackerStyles.styles.css';
-import './Modal-6b11d8cb.js';
+import './Modal-986872f3.js';
 import './UNSAFE_Modal/themes/ModalStyles.css.js';
 import './ModalStyles.styles.css';
-import './WindowOverlay-e14f8324.js';
+import './WindowOverlay-88b63ede.js';
 import './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css.js';
 import './WindowOverlayStyles.styles.css';
 import './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css.js';
@@ -142,7 +142,7 @@ 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 './usePopupAnimation-4be04290.js';
+import './usePopupAnimation-4969107b.js';
 import './useAnimationStatus-9ef65f0c.js';
 import './popupAnimationUtils-d4c27cd1.js';
 import './UNSAFE_Popup/themes/PopupContract.css.js';
@@ -157,7 +157,7 @@ import './useFocusWithin-30b1e2d8.js';
 import './LabelStyles.styles.css';
 import './UNSAFE_Label/themes/redwood/LabelBaseTheme.styles.css';
 import './UNSAFE_Label/themes/redwood/LabelVariants.css.js';
-import './IconUserAssistance-c226cb4f.js';
+import './IconUserAssistance-744d71a4.js';
 import './Help-6b4bade1.js';
 import './Icon-90c3a630.js';
 import './UNSAFE_Icon/themes/IconStyle.css.js';

package/es/PRIVATE_CheckboxRadioField.js

@@ -7,13 +7,13 @@ import 'preact/hooks';
 import './collectionUtils-d72c7c40.js';
 import './keys-df361af9.js';
 import './clientHints-c76a913b.js';
-import './useTranslationBundle-cd815e10.js';
-import './LayerHost-45f545d7.js';
-import 'preact';
+import './useTranslationBundle-e8a8c4f3.js';
+import './LayerHost-aaed41a1.js';
 import './Common/themes/redwood/theme.js';
 import './Common/themes/themeContract.css.js';
-import './Flex-24628925.js';
-import './useTestId-adde554c.js';
+import 'preact';
+import './Flex-5ff5aa5e.js';
+import './useTestId-f5aed66c.js';
 import './classNames-4e12b00d.js';
 import './boxalignment-486c5ac9.js';
 import './size-782ed57a.js';
@@ -50,20 +50,20 @@ import './MessageBannerStyles.styles.css';
 import './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.styles.css';
 import './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js';
 import './MessageBannerVariants.styles.css';
-import './useTooltipControlled-2044f639.js';
+import './useTooltipControlled-eafec36e.js';
 import './useId-03dbfdf0.js';
-import './Floating-9703160e.js';
-import './useFloating-c99976f8.js';
-import './useUser-99920e02.js';
+import './Floating-5b269acc.js';
+import './useFloating-1cca9e4f.js';
+import './useUser-fb09e212.js';
 import './positionUtils-1ec41fd0.js';
 import './refUtils-b9d8d91a.js';
-import './useOutsideClick-eb8324f6.js';
-import './Layer-9b06412e.js';
+import './useOutsideClick-ab98bfa3.js';
+import './Layer-5d259d3a.js';
 import './UNSAFE_Layer/themes/LayerStyles.css.js';
 import './LayerStyles.styles.css';
-import './useThemeInterpolations-9bddc683.js';
-import './useColorScheme-e1b17324.js';
-import './useScale-d64a1a28.js';
+import './useThemeInterpolations-66ce2e56.js';
+import './useColorScheme-bf110202.js';
+import './useScale-42018695.js';
 import './theme-63551f30.js';
 import './Theme-e6dec6db.js';
 import './UNSAFE_Floating/themes/redwood/FloatingTheme.js';
@@ -87,8 +87,8 @@ 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 './EnvironmentProvider-f543a463.js';
-import './LayerManager-625d2503.js';
+import './EnvironmentProvider-6846a7ff.js';
+import './LayerManager-87beee1e.js';
 import './IconStyle.styles.css';
 import './IconButton-37310d21.js';
 import './BaseButton-5b2791b1.js';
@@ -111,7 +111,7 @@ 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 './useTooltip-9dec25b3.js';
+import './useTooltip-30a4a4fc.js';
 import './buttonUtils-6f35c4f4.js';
 import './id-83adac50.js';
 import './MessageStyles.styles.css';
@@ -125,7 +125,7 @@ import './ComponentMessageStyles.styles.css';
 import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.styles.css';
 import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css.js';
 import './InputGroupContext-20bdbd6e.js';
-import './Popup-8889a781.js';
+import './Popup-6288438d.js';
 import './tabbableUtils-dca964ca.js';
 import './head-6f17c50c.js';
 import './_arity-be492b9e.js';
@@ -135,10 +135,10 @@ import './FocusTrap-8ddd383f.js';
 import './FocusTracker-a0621449.js';
 import './PRIVATE_FocusTracker/themes/FocusTrackerStyles.css.js';
 import './FocusTrackerStyles.styles.css';
-import './Modal-6b11d8cb.js';
+import './Modal-986872f3.js';
 import './UNSAFE_Modal/themes/ModalStyles.css.js';
 import './ModalStyles.styles.css';
-import './WindowOverlay-e14f8324.js';
+import './WindowOverlay-88b63ede.js';
 import './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css.js';
 import './WindowOverlayStyles.styles.css';
 import './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css.js';
@@ -146,7 +146,7 @@ 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 './usePopupAnimation-4be04290.js';
+import './usePopupAnimation-4969107b.js';
 import './useAnimationStatus-9ef65f0c.js';
 import './popupAnimationUtils-d4c27cd1.js';
 import './UNSAFE_Popup/themes/PopupContract.css.js';
@@ -157,7 +157,7 @@ import './UNSAFE_Popup/themes/redwood/PopupVariants.css.js';
 import './PopupStyles.styles.css';
 import './UNSAFE_Separator/themes/SeparatorStyles.css.js';
 import './SeparatorStyles.styles.css';
-import './CompactLabelAssistance-fc9478aa.js';
+import './CompactLabelAssistance-933d1d68.js';
 import './CompactHelpSource-548938ff.js';
 import './Help-6b4bade1.js';
 import './Icon-90c3a630.js';

package/es/PRIVATE_ClearIcon.js

@@ -1,12 +1,12 @@
 /* @oracle/oraclejet-preact: undefined */
 export { C as ClearIcon } from './ClearIcon-f1f796b4.js';
 import 'preact/jsx-runtime';
-import './useTranslationBundle-cd815e10.js';
+import './useTranslationBundle-e8a8c4f3.js';
 import 'preact/hooks';
-import './LayerHost-45f545d7.js';
-import 'preact';
+import './LayerHost-aaed41a1.js';
 import './Common/themes/redwood/theme.js';
 import './Common/themes/themeContract.css.js';
+import 'preact';
 import 'preact/compat';
 import './IconButton-37310d21.js';
 import './BaseButton-5b2791b1.js';
@@ -17,7 +17,7 @@ import './useActive-7d9737a5.js';
 import './TabbableModeContext-7d8ad946.js';
 import './useTabbableMode-a3a351d0.js';
 import './useId-03dbfdf0.js';
-import './useColorScheme-e1b17324.js';
+import './useColorScheme-bf110202.js';
 import './classNames-4e12b00d.js';
 import './dimensions-5229d942.js';
 import './size-782ed57a.js';
@@ -39,7 +39,7 @@ import './vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
 import './UNSAFE_BaseButton/themes/redwood/BaseButtonBaseTheme.styles.css';
 import './useComponentTheme-d2f9e47f.js';
 import './logger-c92f309c.js';
-import './useTestId-adde554c.js';
+import './useTestId-f5aed66c.js';
 import './ButtonLabelLayout-03cfed16.js';
 import './Text-da8588ce.js';
 import './UNSAFE_Text/themes/TextStyles.css.js';
@@ -51,20 +51,20 @@ 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 './useTooltip-9dec25b3.js';
-import './useTooltipControlled-2044f639.js';
-import './Floating-9703160e.js';
-import './useFloating-c99976f8.js';
-import './useUser-99920e02.js';
+import './useTooltip-30a4a4fc.js';
+import './useTooltipControlled-eafec36e.js';
+import './Floating-5b269acc.js';
+import './useFloating-1cca9e4f.js';
+import './useUser-fb09e212.js';
 import './positionUtils-1ec41fd0.js';
 import './refUtils-b9d8d91a.js';
-import './useOutsideClick-eb8324f6.js';
+import './useOutsideClick-ab98bfa3.js';
 import './arrayUtils-35a58161.js';
-import './Layer-9b06412e.js';
+import './Layer-5d259d3a.js';
 import './UNSAFE_Layer/themes/LayerStyles.css.js';
 import './LayerStyles.styles.css';
-import './useThemeInterpolations-9bddc683.js';
-import './useScale-d64a1a28.js';
+import './useThemeInterpolations-66ce2e56.js';
+import './useScale-42018695.js';
 import './theme-63551f30.js';
 import './Theme-e6dec6db.js';
 import './UNSAFE_Floating/themes/redwood/FloatingTheme.js';
@@ -85,8 +85,8 @@ 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 './EnvironmentProvider-f543a463.js';
-import './LayerManager-625d2503.js';
+import './EnvironmentProvider-6846a7ff.js';
+import './LayerManager-87beee1e.js';
 import './buttonUtils-6f35c4f4.js';
 import './id-83adac50.js';
 import './DeleteCircleS-9f2988b6.js';