@oracle/oraclejet-preact 21.0.0 → 21.0.1

package/es/UNSAFE_TabBarMixed.js

@@ -2,9 +2,9 @@
 import { jsx, Fragment, jsxs } from 'preact/jsx-runtime';
 import { useRef, useMemo, useState, useCallback } from 'preact/hooks';
 import { forwardRef, useImperativeHandle } from 'preact/compat';
-import './LayerHost-20500ac8.js';
+import './LayerHost-c4481db3.js';
 import './UNSAFE_Text/themes/TextStyles.css.js';
-import './Flex-f0f1bb0d.js';
+import './Flex-f5fe143f.js';
 import { T as TabBarContext } from './TabBarLayout-5876474d.js';
 export { a as TabBarLayout } from './TabBarLayout-5876474d.js';
 import './flexitem-7b7f7920.js';
@@ -22,20 +22,20 @@ import { m as mergeProps } from './mergeProps-88ea8306.js';
 import './TooltipContentStyles.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
-import './tooltipUtils-8f52a37e.js';
+import './tooltipUtils-f2f90085.js';
 import './IconStyle.styles.css';
 import { H as HiddenAccessible } from './HiddenAccessible-61197e7c.js';
-import './EmbeddedIconButton-3824dbe1.js';
+import './EmbeddedIconButton-8dca2a64.js';
 import './safeHref-fce77e0c.js';
 import './NavigationList-0281b772.js';
 import './ExpandableContext-9b4f9741.js';
-import { V as View } from './View-5e006875.js';
+import { V as View } from './View-0ee9645e.js';
 import './UNSAFE_NavigationList/themes/NavigationListItemStyles.css.js';
 import './UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.styles.css';
 import './UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css.js';
 import './NavigationListContext-57cd9ad8.js';
 import './NavigationListSeparator.styles.css';
-import './Floating-87cd2bbf.js';
+import './Floating-91e0f4c1.js';
 import './LayerStyles.styles.css';
 import './keyboardUtils-412ce58a.js';
 import './tabbableUtils-4a8fae79.js';
@@ -47,8 +47,8 @@ import './StyledCheckbox-52c7670c.js';
 import './SelectorStyles.styles.css';
 import { i as isMobile } from './clientUtils-ed857b57.js';
 import { styles } from './UNSAFE_TabBarMixed/themes/TabBarMixedStyles.css.js';
-import { u as useTabBar, g as getItemAttribute, R as REMOVABLE_ITEM_ATTRIBUTE } from './useTabBar-04a0093f.js';
-import { L as LiveRegion } from './LiveRegion-bd98c133.js';
+import { u as useTabBar, g as getItemAttribute, R as REMOVABLE_ITEM_ATTRIBUTE } from './useTabBar-f068eee4.js';
+import { L as LiveRegion } from './LiveRegion-74d90422.js';
 import { T as TabBarContextMenu } from './TabBarContextMenu-41639eb7.js';
 import { C as ConveyorBeltFocusContext } from './ConveyorBeltFocusContext-dd3cf192.js';
 import { styles as styles$1 } from './UNSAFE_TabBarMixed/themes/TabBarMixedSeparator.css.js';
@@ -59,7 +59,7 @@ import './UNSAFE_Layer/themes/LayerHostStyles.css.js';
 import './LayerHostStyles.styles.css';
 import './TextStyles.styles.css';
 import './vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
-import './useTestId-20c68501.js';
+import './useTestId-2c0e08d3.js';
 import './classNames-4e12b00d.js';
 import './flexbox-529f25da.js';
 import './flexbox.styles.css';
@@ -78,20 +78,20 @@ import './themeContract.css-bd5eecff.js';
 import './colorUtils-62e7f4bf.js';
 import './arrayUtils-35a58161.js';
 import './boxalignment.styles.css';
-import './TabBarItemVariants.styles.css';
+import './TabBarItemVariants.styles2.css';
 import './TooltipContentVariants.styles.css';
-import './EnvironmentProvider-12bbb301.js';
-import './LayerManager-55001240.js';
-import './Layer-937ca8d8.js';
+import './EnvironmentProvider-60423f29.js';
+import './LayerManager-4b79a6a2.js';
+import './Layer-542de448.js';
 import './UNSAFE_Layer/themes/LayerStyles.css.js';
-import './useThemeInterpolations-2d6f0d78.js';
-import './useColorScheme-febcabc0.js';
-import './useScale-9936da9d.js';
+import './useThemeInterpolations-9df8ad1a.js';
+import './useColorScheme-0d2625c5.js';
+import './useScale-4a98c348.js';
 import './theme-63551f30.js';
 import './Theme-e6dec6db.js';
-import './useDensity-482708e7.js';
+import './useDensity-9c3ef227.js';
 import './unsafeDomAccess-453eb74e.js';
-import './BaseButton-77bb9d91.js';
+import './BaseButton-f3a607e1.js';
 import './useHover-85077adb.js';
 import './useToggle-8b7fcefe.js';
 import './useActive-fb6d4d52.js';
@@ -131,7 +131,7 @@ import './UNSAFE_NavigationListCommon/themes/redwood/NavigationListItemTheme.js'
 import './UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.css.js';
 import './NavigationListItemStyles.styles.css';
 import './NavigationListItemVariants.styles.css';
-import './useUser-e1199cab.js';
+import './useUser-2c24ff59.js';
 import './keys-45ef7915.js';
 import './UNSAFE_NavigationList/themes/NavigationListStyles.css.js';
 import './NavigationListStyles.styles.css';
@@ -144,7 +144,7 @@ import './useCollectionInteractionContext-b7148a30.js';
 import './useCollectionFocusRing-eaad0fa0.js';
 import './useContextMenuGesture-b7c19e08.js';
 import './textSelectionUtils-e87a47ff.js';
-import './useTranslationBundle-ded09d52.js';
+import './useTranslationBundle-752de59a.js';
 import './vanilla-extract-dynamic.esm-c909758c.js';
 import './borders-98a63040.js';
 import './colors-81d9a215.js';
@@ -153,10 +153,10 @@ import './aria-efa0582c.js';
 import './equals-625352e8.js';
 import './_isArray-694cc52d.js';
 import './_isString-675f1de9.js';
-import './useFloating-38c13cfa.js';
+import './useFloating-98ad16ec.js';
 import './positionUtils-f26caad9.js';
 import './refUtils-76275c69.js';
-import './useOutsideClick-552699e3.js';
+import './useOutsideClick-cad76f8b.js';
 import './useModal-953082f2.js';
 import './UNSAFE_Floating/themes/redwood/FloatingTheme.js';
 import './UNSAFE_Floating/themes/FloatingStyles.css.js';
@@ -171,8 +171,8 @@ import './_arity-be492b9e.js';
 import './Modal-863676e2.js';
 import './UNSAFE_Modal/themes/ModalStyles.css.js';
 import './ModalStyles.styles.css';
-import './popupUtils-c052da19.js';
-import './WindowOverlay-05bff667.js';
+import './popupUtils-87073802.js';
+import './WindowOverlay-9f2cbaa0.js';
 import './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css.js';
 import './WindowOverlayStyles.styles.css';
 import './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css.js';
@@ -187,8 +187,8 @@ import './useAnimation-950920bc.js';
 import './animationUtils-5f409a6c.js';
 import './Check-054f9e43.js';
 import './Icon-c0fda273.js';
-import './useTooltip-8decbde6.js';
-import './useTooltipControlled-ccfa2705.js';
+import './useTooltip-7779b267.js';
+import './useTooltipControlled-729b3aac.js';
 import './useTouch-8ace5f7e.js';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js';
 import './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js';
@@ -207,16 +207,16 @@ import './UNSAFE_Checkbox/themes/redwood/CheckboxIconVariants.css.js';
 import './CheckboxIconVariants.styles.css';
 import './StyledCheckbox.styles.css';
 import './TabBarMixedStyles.styles.css';
-import './useCurrentKey-89b60d32.js';
+import './useCurrentKey-2cdeda49.js';
 import './useReorderableContext-79b1c941.js';
 import './ReorderableContext-0daeea89.js';
 import './LiveRegionStyles.styles.css';
 import './SelectMenuGroupContext-ea5310eb.js';
-import './Dropdown-a3e401ae.js';
-import './usePopupAnimation-83d1dde8.js';
+import './Dropdown-e3f6f436.js';
+import './usePopupAnimation-c12f24ba.js';
 import './popupAnimationUtils-175151d9.js';
 import './UNSAFE_Dropdown/themes/dropdownStyles.css.js';
-import './useOutsideMousedown-36235b3d.js';
+import './useOutsideMousedown-9da55345.js';
 import './useEffectEvent-1bb008cb.js';
 import './UNSAFE_Menu/themes/MenuStyles.css.js';
 import './MenuStyles.styles.css';
@@ -235,7 +235,7 @@ import './UNSAFE_Menu/themes/redwood/MenuItemTheme.js';
 import './UNSAFE_Menu/themes/MenuItemStyles.css.js';
 import './MenuItemStyles.styles.css';
 import './UNSAFE_Menu/themes/redwood/MenuItemVariants.css.js';
-import './MenuItemVariants.styles.css';
+import './MenuItemVariants.styles2.css';
 import './Separator-93c70737.js';
 import './UNSAFE_Separator/themes/SeparatorStyles.css.js';
 import './SeparatorStyles.styles.css';
@@ -363,7 +363,7 @@ const TabBarMixed = forwardRef((props, focusHandleRef) => {
         endTabPass
     }), [isSuppressOverflowFocus, focusTabbarRoot, beginTabPass, endTabPass]);
     const mergedRootProps = mergeProps(rootProps, { onKeyDown, onBlur });
-    return (jsxs(ConveyorBeltFocusContext.Provider, { value: focusContext, children: [jsx(TabBarContext.Provider, { value: tabBarContext, children: jsx("div", { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...mergedRootProps, children: children }) }), isContextMenuAvailable && contextMenuDescriptionId && contextMenuDescription && (jsx("span", { id: contextMenuDescriptionId, children: jsx(HiddenAccessible, { children: contextMenuDescription }) })), isContextMenuAvailable && accStatusInfo && jsx(LiveRegion, { children: accStatusInfo }), isContextMenuAvailable && (jsx(TabBarContextMenu, { ...menuProps, contextMenuConfig: defaultContextMenuConfig, contextMenuContext: contextMenuContext }))] }));
+    return (jsxs(ConveyorBeltFocusContext.Provider, { value: focusContext, children: [jsx(TabBarContext.Provider, { value: tabBarContext, children: jsx("div", { ...mergedRootProps, ref: rootRef, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, children: children }) }), isContextMenuAvailable && contextMenuDescriptionId && contextMenuDescription && (jsx("span", { id: contextMenuDescriptionId, children: jsx(HiddenAccessible, { children: contextMenuDescription }) })), isContextMenuAvailable && accStatusInfo && jsx(LiveRegion, { children: accStatusInfo }), isContextMenuAvailable && (jsx(TabBarContextMenu, { ...menuProps, contextMenuConfig: defaultContextMenuConfig, contextMenuContext: contextMenuContext }))] }));
 });
 
 /**

package/es/UNSAFE_TabBarMixed.js.map

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

package/es/UNSAFE_TableDisplay.js

@@ -6,8 +6,8 @@ import { useMemo, useState, useRef, useCallback, useLayoutEffect, useContext } f
 import { u as useComponentTheme } from './useComponentTheme-5f800588.js';
 import { u as useId } from './useId-03dbfdf0.js';
 import { T as TabbableModeContext } from './ManageTabStopsContext-ad769de9.js';
-import { u as useTestId } from './useTestId-20c68501.js';
-import { u as useUser } from './useUser-e1199cab.js';
+import { u as useTestId } from './useTestId-2c0e08d3.js';
+import { u as useUser } from './useUser-2c24ff59.js';
 import { c as classNames } from './classNames-4e12b00d.js';
 import { A as getDataCellClassArray, B as getFormTextAlign, G as TABLE_NODATA_SELECTOR, D as getHeaderFooterCellClassArray, E as useSizingManager, w as useScrollHandling, F as TableColGroup, C as TableSkeletonRow } from './TableColGroup-2f67372c.js';
 import { backgroundStyles, tableFooterRowStyles, tableHeaderCellTextStyles, tableHeaderSortContainerStyles, tableHeaderRowStyles, innerTableStyles, scrollerStyles } from './PRIVATE_Table/themes/Table.css.js';
@@ -19,7 +19,7 @@ import { g as getClientHints } from './clientHints-502748e3.js';
 import { C as Collection } from './Collection-e1ef8b8d.js';
 import { tableRowStylesHC, tableRowStyles } from './PRIVATE_Table/themes/TableRowStyles.css.js';
 import { F as FormContext } from './FormContext-be2a6313.js';
-import { u as useTranslationBundle } from './useTranslationBundle-ded09d52.js';
+import { u as useTranslationBundle } from './useTranslationBundle-752de59a.js';
 import { TableNoDataRedwoodTheme } from './PRIVATE_Table/themes/redwood/TableNoDataTheme.js';
 import { S as SortableContext } from './useSortableContext-88a0fc5a.js';
 import { S as SortControl } from './SortControl-73376bf0.js';
@@ -29,7 +29,7 @@ import { tableDisplayStyles } from './UNSAFE_TableDisplay/themes/TableDisplaySty
 import { d as dimensionInterpolations } from './dimensions-598464f2.js';
 import { m as mergeInterpolations } from './mergeInterpolations-30cd9a69.js';
 import './logger-35b2acf7.js';
-import './LayerHost-20500ac8.js';
+import './LayerHost-c4481db3.js';
 import './index-5f294634.js';
 import './UNSAFE_Layer/themes/LayerHostStyles.css.js';
 import './LayerHostStyles.styles.css';
@@ -55,16 +55,16 @@ import './utils-c307ad0a.js';
 import './themeContract.css-bd5eecff.js';
 import './colorUtils-62e7f4bf.js';
 import './_curry1-63949a9b.js';
-import './useTooltip-8decbde6.js';
-import './useTooltipControlled-ccfa2705.js';
+import './useTooltip-7779b267.js';
+import './useTooltipControlled-729b3aac.js';
 import './useTouch-8ace5f7e.js';
 import './useAnimation-950920bc.js';
-import './useThemeInterpolations-2d6f0d78.js';
-import './useColorScheme-febcabc0.js';
-import './useScale-9936da9d.js';
+import './useThemeInterpolations-9df8ad1a.js';
+import './useColorScheme-0d2625c5.js';
+import './useScale-4a98c348.js';
 import './theme-63551f30.js';
 import './Theme-e6dec6db.js';
-import './useDensity-482708e7.js';
+import './useDensity-9c3ef227.js';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js';
 import './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js';
 import './TooltipContentStyles.styles.css';
@@ -73,16 +73,16 @@ import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
 import './TooltipContentVariants.styles.css';
 import './vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
-import './tooltipUtils-8f52a37e.js';
-import './EnvironmentProvider-12bbb301.js';
-import './LayerManager-55001240.js';
-import './Floating-87cd2bbf.js';
-import './useFloating-38c13cfa.js';
+import './tooltipUtils-f2f90085.js';
+import './EnvironmentProvider-60423f29.js';
+import './LayerManager-4b79a6a2.js';
+import './Floating-91e0f4c1.js';
+import './useFloating-98ad16ec.js';
 import './positionUtils-f26caad9.js';
 import './refUtils-76275c69.js';
-import './useOutsideClick-552699e3.js';
+import './useOutsideClick-cad76f8b.js';
 import './arrayUtils-35a58161.js';
-import './Layer-937ca8d8.js';
+import './Layer-542de448.js';
 import './UNSAFE_Layer/themes/LayerStyles.css.js';
 import './LayerStyles.styles.css';
 import './useModal-953082f2.js';
@@ -134,7 +134,7 @@ import './PRIVATE_Table/themes/TableNoDataStyles.css.js';
 import './TableNoDataStyles.styles.css';
 import './PRIVATE_Table/themes/redwood/TableNoDataVariants.css.js';
 import './IconButton-94077753.js';
-import './BaseButton-77bb9d91.js';
+import './BaseButton-f3a607e1.js';
 import './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme.js';
 import './UNSAFE_BaseButton/themes/BaseButtonStyles.css.js';
 import './ImageVars.styles.css';
@@ -163,7 +163,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 './EmbeddedIconButton-3824dbe1.js';
+import './EmbeddedIconButton-8dca2a64.js';
 import './UpParent-f810d1ec.js';
 import './DownParent-2fec9486.js';
 import './UpDownParent-87cd39f5.js';

package/es/UNSAFE_TableView.js

@@ -25,12 +25,12 @@ import './useComponentTheme-5f800588.js';
 import './logger-35b2acf7.js';
 import './useId-03dbfdf0.js';
 import './ManageTabStopsContext-ad769de9.js';
-import './useTestId-20c68501.js';
-import './LayerHost-20500ac8.js';
+import './useTestId-2c0e08d3.js';
+import './LayerHost-c4481db3.js';
 import './index-5f294634.js';
 import './UNSAFE_Layer/themes/LayerHostStyles.css.js';
 import './LayerHostStyles.styles.css';
-import './useUser-e1199cab.js';
+import './useUser-2c24ff59.js';
 import './clientHints-502748e3.js';
 import './collectionUtils-e8e08f0e.js';
 import './keys-45ef7915.js';
@@ -44,16 +44,16 @@ import './mergeProps-88ea8306.js';
 import './StyledCheckbox-52c7670c.js';
 import './Check-054f9e43.js';
 import './Icon-c0fda273.js';
-import './useTooltip-8decbde6.js';
-import './useTooltipControlled-ccfa2705.js';
+import './useTooltip-7779b267.js';
+import './useTooltipControlled-729b3aac.js';
 import './useTouch-8ace5f7e.js';
 import './useAnimation-950920bc.js';
-import './useThemeInterpolations-2d6f0d78.js';
-import './useColorScheme-febcabc0.js';
-import './useScale-9936da9d.js';
+import './useThemeInterpolations-9df8ad1a.js';
+import './useColorScheme-0d2625c5.js';
+import './useScale-4a98c348.js';
 import './theme-63551f30.js';
 import './Theme-e6dec6db.js';
-import './useDensity-482708e7.js';
+import './useDensity-9c3ef227.js';
 import './unsafeDomAccess-453eb74e.js';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js';
 import './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js';
@@ -63,16 +63,16 @@ import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
 import './TooltipContentVariants.styles.css';
 import './vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
-import './tooltipUtils-8f52a37e.js';
-import './EnvironmentProvider-12bbb301.js';
-import './LayerManager-55001240.js';
-import './Floating-87cd2bbf.js';
-import './useFloating-38c13cfa.js';
+import './tooltipUtils-f2f90085.js';
+import './EnvironmentProvider-60423f29.js';
+import './LayerManager-4b79a6a2.js';
+import './Floating-91e0f4c1.js';
+import './useFloating-98ad16ec.js';
 import './positionUtils-f26caad9.js';
 import './refUtils-76275c69.js';
-import './useOutsideClick-552699e3.js';
+import './useOutsideClick-cad76f8b.js';
 import './arrayUtils-35a58161.js';
-import './Layer-937ca8d8.js';
+import './Layer-542de448.js';
 import './UNSAFE_Layer/themes/LayerStyles.css.js';
 import './LayerStyles.styles.css';
 import './useModal-953082f2.js';
@@ -132,14 +132,14 @@ import './PRIVATE_Table/themes/TableFooterCellStyles.css.js';
 import './TableFooterCellStyles.styles.css';
 import './PRIVATE_Table/themes/TableHeaderCellStyles.css.js';
 import './TableHeaderCellStyles.styles.css';
-import './useTranslationBundle-ded09d52.js';
+import './useTranslationBundle-752de59a.js';
 import './LoadMoreCollection-32d9d60d.js';
 import './Collection-e1ef8b8d.js';
 import './useViewportIntersect-6ff65310.js';
 import './PRIVATE_Table/themes/TableSkeletonStyles.css.js';
 import './TableSkeletonStyles.styles.css';
-import './Button-64b2d5c7.js';
-import './BaseButton-77bb9d91.js';
+import './Button-166a6aa3.js';
+import './BaseButton-f3a607e1.js';
 import './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme.js';
 import './UNSAFE_BaseButton/themes/BaseButtonStyles.css.js';
 import './ImageVars.styles.css';
@@ -167,8 +167,8 @@ 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 './Dialog-6fc62c1d.js';
-import './WindowOverlay-05bff667.js';
+import './Dialog-c1502d03.js';
+import './WindowOverlay-9f2cbaa0.js';
 import './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css.js';
 import './WindowOverlayStyles.styles.css';
 import './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css.js';
@@ -186,7 +186,7 @@ import './FocusTrap-d09c1392.js';
 import './Modal-863676e2.js';
 import './UNSAFE_Modal/themes/ModalStyles.css.js';
 import './ModalStyles.styles.css';
-import './popupUtils-c052da19.js';
+import './popupUtils-87073802.js';
 import './useDraggable-e1aaa8f3.js';
 import './IconButton-94077753.js';
 import './Close-1339cfd6.js';
@@ -195,7 +195,7 @@ import './PRIVATE_Resizable/themes/ResizableStyles.css.js';
 import './ResizableStyles.styles.css';
 import './useBreakpoints-99efa183.js';
 import './animationUtils-5f409a6c.js';
-import './Flex-f0f1bb0d.js';
+import './Flex-f5fe143f.js';
 import './boxalignment-ff3279b7.js';
 import './boxalignment.styles.css';
 import './vanilla-extract-sprinkles-createRuntimeSprinkles.esm-2d655d37.js';
@@ -209,13 +209,13 @@ import './Sheet-9a10abc4.js';
 import './UNSAFE_Sheet/themes/SheetStyles.css.js';
 import './SheetStyles.styles.css';
 import './useAnimationStatus-f75b6d4d.js';
-import './Dropdown-a3e401ae.js';
+import './Dropdown-e3f6f436.js';
 import './keyboardUtils-412ce58a.js';
-import './usePopupAnimation-83d1dde8.js';
+import './usePopupAnimation-c12f24ba.js';
 import './popupAnimationUtils-175151d9.js';
 import './UNSAFE_Dropdown/themes/dropdownStyles.css.js';
 import './dropdownStyles.styles.css';
-import './useOutsideMousedown-36235b3d.js';
+import './useOutsideMousedown-9da55345.js';
 import './useEffectEvent-1bb008cb.js';
 import './UNSAFE_Menu/themes/MenuStyles.css.js';
 import './MenuStyles.styles.css';
@@ -231,31 +231,31 @@ import './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.styles.css';
 import './UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css.js';
 import './UNSAFE_Menu/themes/MenuSkeletonStyles.css.js';
 import './MenuSkeletonStyles.styles.css';
-import './LiveRegion-bd98c133.js';
+import './LiveRegion-74d90422.js';
 import './LiveRegionStyles.styles.css';
 import './UNSAFE_Menu/themes/redwood/MenuItemTheme.js';
 import './UNSAFE_Menu/themes/MenuItemStyles.css.js';
 import './MenuItemStyles.styles.css';
 import './UNSAFE_Menu/themes/redwood/MenuItemVariants.css.js';
-import './MenuItemVariants.styles.css';
+import './MenuItemVariants.styles2.css';
 import './usePress-44dc9ce5.js';
 import './useInteractionStyle-51392ce5.js';
 import './Submenu-481b3c39.js';
 import './DirectionalExpandArrowIcon-ddaa04dc.js';
 import './CaretLeft-e0fe857c.js';
-import './withDirectionIcon-abc3124a.js';
+import './withDirectionIcon-dec377dd.js';
 import './DirectionalCollapseArrowIcon-1f47a4a6.js';
 import './UNSAFE_Separator/themes/SeparatorStyles.css.js';
 import './SeparatorStyles.styles.css';
 import './MenuSeparatorStyles.styles.css';
 import './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css.js';
-import './NumberInputText-8c8fffa0.js';
+import './NumberInputText-e001d629.js';
 import './PrefixSuffix-f4dea0d1.js';
 import './UNSAFE_PrefixSuffix/themes/PrefixSuffixStyles.css.js';
 import './TextFieldLoadingStyles.styles.css';
 import './TextFieldStyles.styles.css';
 import './PrefixSuffixStyles.styles.css';
-import './usePrefixSuffix-7a0fb41b.js';
+import './usePrefixSuffix-56167b97.js';
 import './stringUtils-0fe25200.js';
 import './ReadonlyTextField-bddb2cdf.js';
 import './useAccessibleContext-5744de8b.js';
@@ -282,7 +282,7 @@ import './UNSAFE_Label/themes/redwood/LabelVariants.css.js';
 import './LabelValueLayout-cb1f7711.js';
 import './FormContext-be2a6313.js';
 import './useFormContext-66b908c0.js';
-import './StyledLabelValueLayout-69ac5e9a.js';
+import './StyledLabelValueLayout-1ebe21b2.js';
 import './LabelValueLayoutStyles.styles.css';
 import './UNSAFE_TextField/themes/redwood/TextFieldTheme.js';
 import './UNSAFE_TextField/themes/TextFieldStyles.css.js';
@@ -316,7 +316,7 @@ import './ChevronDown-ec33b889.js';
 import './ChevronUp-9d281114.js';
 import './Minus-462bd8f4.js';
 import './Plus-e65bb8ea.js';
-import './Grid-45385814.js';
+import './Grid-67dc57cb.js';
 import './grid-65aa641c.js';
 import './GridStyles.styles.css';
 import './useSpinning-c2c54c7c.js';
@@ -355,22 +355,22 @@ import './Transition-f9501682.js';
 import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme.js';
 import './UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css.js';
 import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.css.js';
-import './Popup-83eb0d14.js';
+import './Popup-5e092ea2.js';
 import './UNSAFE_Popup/themes/redwood/PopupTheme.js';
 import './UNSAFE_Popup/themes/redwood/PopupVariants.css.js';
 import './PopupStyles.styles.css';
 import './colors-81d9a215.js';
 import './Separator-93c70737.js';
-import './CompactLabelAssistance-db24bf83.js';
+import './CompactLabelAssistance-44907e8b.js';
 import './Help-acc474f2.js';
 import './useFocusWithin-30b1e2d8.js';
 import './Label-293073f5.js';
 import './truncationUtils-00688c5b.js';
-import './TextField-0a9a5a57.js';
+import './TextField-a556da78.js';
 import './TextFieldContent-5e5ed450.js';
 import './InlineUserAssistance-5d329af5.js';
 import './InlineHelp-6a8bd475.js';
-import './EmbeddedTextField-12d0e0a7.js';
+import './EmbeddedTextField-e4b319a0.js';
 import './useResolvedFormControlState-375e56e1.js';
 import './useFocusableTextField-8fe41cd4.js';
 import './useTextField-dba46e63.js';
@@ -389,9 +389,9 @@ import './PRIVATE_Table/themes/TableNoDataStyles.css.js';
 import './TableNoDataStyles.styles.css';
 import './PRIVATE_Table/themes/redwood/TableNoDataVariants.css.js';
 import './useSortableContext-88a0fc5a.js';
-import './SelectorAll-855a2050.js';
+import './SelectorAll-4b170e2f.js';
 import './SortControl-73376bf0.js';
-import './EmbeddedIconButton-3824dbe1.js';
+import './EmbeddedIconButton-8dca2a64.js';
 import './UpParent-f810d1ec.js';
 import './DownParent-2fec9486.js';
 import './UpDownParent-87cd39f5.js';