@oracle/oraclejet-preact 18.0.11 → 18.0.12

package/cjs/TabBar-bcf66387.js

@@ -0,0 +1,84 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+require('preact/hooks');
+require('./LayerHost-a8c7f182.js');
+var compat = require('preact/compat');
+require('./UNSAFE_Text/themes/TextStyles.css.js');
+require('./Flex-e7a85bef.js');
+var useTabBarContext = require('./useTabBarContext-2a6a796c.js');
+require('./flexitem-fee13e26.js');
+require('./dimensions-10159104.js');
+require('./boxalignment-5fe0cc94.js');
+require('./logger-2b636482.js');
+
+
+require('./UNSAFE_TabBarCommon/themes/redwood/TabBarItemVariants.css.js');
+require('./ConveyorBeltContext-bfe84b44.js');
+require('./VisBusyStateContext-223f53dd.js');
+require('preact');
+
+
+require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
+require('./tooltipUtils-669c2ae0.js');
+
+require('./NavigationList-2a0bbb77.js');
+require('./useNavigationListItem-ae481fdc.js');
+require('./UNSAFE_NavigationList/themes/NavigationListItemStyles.css.js');
+
+require('./UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css.js');
+require('./Floating-56621d20.js');
+
+require('./keyboardUtils-691337c0.js');
+require('./tabbableUtils-39e647b7.js');
+require('./CollectionInteractionContext-f84ff7a1.js');
+
+require('./Sheet-86989265.js');
+
+var TabBarLayout = require('./TabBarLayout-846a4d9a.js');
+var UNSAFE_TabBar_themes_TabBarStyles_css = require('./UNSAFE_TabBar/themes/TabBarStyles.css.js');
+var useTabBar = require('./useTabBar-048ffd9f.js');
+var Menu = require('./Menu-658212ed.js');
+require('./MenuItem-c459d748.js');
+require('./SelectMenuGroupContext-bbb4f7e0.js');
+require('./UNSAFE_Separator/themes/SeparatorStyles.css.js');
+
+
+require('./UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css.js');
+
+/**
+ * The internal component used to render a custom context menu
+ */
+function TabBarContextMenu({ contextMenuConfig, contextMenuContext, ...menuProps }) {
+    const accessibleLabel = contextMenuConfig.accessibleLabel;
+    const menuItems = contextMenuConfig.itemsRenderer(contextMenuContext);
+    if (menuItems == null) {
+        return null;
+    }
+    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(Menu.Menu, { ...menuProps, ...(accessibleLabel && {
+                'aria-label': accessibleLabel
+            }), children: menuProps.isOpen && contextMenuConfig.itemsRenderer(contextMenuContext) }) }));
+}
+
+/**
+ * A tab bar allows navigation between different content sections.
+ */
+const TabBar = compat.forwardRef(({ children, layout = 'stretch', display = 'standard', size = 'md', edge = 'top', selection, onSelect, onRemove, 'aria-describedby': ariaDescribedBy, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, contextMenuConfig }, ref) => {
+    const rootRef = ref;
+    const { rootProps, tabBarContext, menuProps, contextMenuContext } = useTabBar.useTabBar({
+        class: UNSAFE_TabBar_themes_TabBarStyles_css.styles.tabBarBase,
+        edge: edge,
+        onRemove,
+        onSelect,
+        ref: rootRef,
+        selection,
+        size,
+        children,
+        contextMenuConfig
+    });
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(useTabBarContext.TabBarContext.Provider, { value: tabBarContext, children: jsxRuntime.jsx("div", { ...rootProps, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedBy, children: jsxRuntime.jsx(TabBarLayout.TabBarLayout, { layout: layout, display: display, children: children }) }) }), contextMenuConfig && (jsxRuntime.jsx(TabBarContextMenu, { ...menuProps, contextMenuConfig: contextMenuConfig, contextMenuContext: contextMenuContext }))] }));
+});
+
+exports.TabBar = TabBar;
+//# sourceMappingURL=TabBar-bcf66387.js.map

package/cjs/TabBar-bcf66387.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabBar-bcf66387.js","sources":["../../src/UNSAFE_TabBar/TabBarContextMenu.tsx","../../src/UNSAFE_TabBar/TabBar.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentProps } from 'preact';\nimport { Menu } from '../UNSAFE_Menu';\nimport { TabBarContextMenuConfig, TabBarItemContext } from '#UNSAFE_TabBarCommon';\n\nexport type Props<K extends string | number> = Omit<ComponentProps<typeof Menu>, 'children'> & {\n  contextMenuConfig: TabBarContextMenuConfig<K>;\n} & { contextMenuContext: TabBarItemContext<K> };\n\n/**\n * The internal component used to render a custom context menu\n */\nexport function TabBarContextMenu<K extends string | number>({\n  contextMenuConfig,\n  contextMenuContext,\n  ...menuProps\n}: Props<K>) {\n  const accessibleLabel = contextMenuConfig.accessibleLabel;\n\n  const menuItems = contextMenuConfig.itemsRenderer(contextMenuContext);\n  if (menuItems == null) {\n    return null;\n  }\n  return (\n    <>\n      <Menu\n        {...menuProps}\n        {...(accessibleLabel && {\n          'aria-label': accessibleLabel\n        })}>\n        {menuProps.isOpen && contextMenuConfig.itemsRenderer(contextMenuContext)}\n      </Menu>\n    </>\n  );\n}\n","import type { ComponentChildren, Ref, RefObject } from 'preact';\nimport { TabBarContext, TabBarLayout, TabBarContextMenuConfig } from '../UNSAFE_TabBarCommon';\nimport { styles } from './themes/TabBarStyles.css';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { useTabBar } from '../hooks/PRIVATE_useTabBar';\nimport { forwardRef } from 'preact/compat';\nimport { TabBarContextMenu } from './TabBarContextMenu';\nexport {\n  TabBarItem,\n  RemovableTabBarItem,\n  OverflowTabBarItem,\n  TabBarContext,\n  useTabBarContext,\n  TabBarLayout,\n  useProgressiveTruncation,\n  TabBarLinkItem\n} from '../UNSAFE_TabBarCommon';\n\n/**\n * type for payload of current key change event handler\n */\nexport type CurrentKeyDetail<K> = {\n  value: K;\n};\n\n/**\n * type for payload of selection change event handler\n */\ntype SelectionDetail<K> = {\n  value: K;\n};\n\n/**\n * type for payload of remove event handler\n */\ntype RemoveDetail<K> = {\n  value: K;\n};\n\ntype DisplayProps =\n  | {\n      /**\n       * Controls the content layout of the TabBarItem: 'standard' lays out the contents horizontally,\n       *'icons' hides the label,\n       */\n      display?: 'standard' | 'icons';\n      /**\n       *  The size indicates how tall the TabBarItem is rendered.\n       *  Note: It is not possible to specify 'size' when 'display=\"stacked\".\n       */\n      size?: 'md' | 'lg';\n    }\n  | {\n      /**\n       *'stacked' stacks the icon on top of the label.\n       * Note: It is not possible to specify 'size' when 'display=\"stacked\".\n       */\n      display?: 'stacked';\n      size?: 'never';\n    };\n\nexport type TabBarProps<K extends string | number> = DisplayProps & {\n  /**\n   * A set of TabBarItem(s) that TabBar will hold\n   */\n  children: ComponentChildren;\n  /**\n   * Whether to stretch the tab bar items to occupy available space or to condense items\n   */\n  layout?: 'stretch' | 'condense';\n  /**\n   * The position of the TabBar. Valid Values: top and bottom.\n   * 'top' is used when TabBar is placed on top of content section and the selection\n   *  indicator would be placed below the TabBarItem.\n   * 'bottom' is used when TabBar is placed on bottom of content section and the selection\n   *  indicator would be placed above the TabBarItem.\n   */\n  edge?: 'top' | 'bottom';\n  /**\n   * Key of the selected item.\n   */\n  selection?: K;\n  /**\n   * Callback function to handle when user selects a tab.\n   * The callback is also invoked when a user selects a tab that is already selected.\n   */\n  onSelect?: <K extends string | number>(detail: SelectionDetail<K>) => void;\n  /**\n   * Callback function to handle remove\n   */\n  onRemove?: <K extends string | number>(detail: RemoveDetail<K>) => void;\n  /**\n   * Accepts the ID of an element that provides instructions for interaction with the TabBar.\n   */\n  'aria-describedby'?: string;\n  /**\n   * An aria-label which defines a string value that labels this TabBar.\n   * Either aria-label or aria-labelledby should be specified in order to make TabBar accessible.\n   */\n  'aria-label'?: string;\n\n  /**\n   * An aria-labelledby which identifies the element(s) that labels this TabBar.\n   * Either aria-label or aria-labelledby should be specified in order to make TabBar accessible.\n   */\n  'aria-labelledby'?: string;\n\n  /**\n   * Configuration used to specify a context menu.\n   */\n  contextMenuConfig?: TabBarContextMenuConfig<K>;\n};\n/**\n * A tab bar allows navigation between different content sections.\n */\nexport const TabBar = forwardRef(\n  <K extends string | number>(\n    {\n      children,\n      layout = 'stretch',\n      display = 'standard',\n      size = 'md',\n      edge = 'top',\n      selection,\n      onSelect,\n      onRemove,\n      'aria-describedby': ariaDescribedBy,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      contextMenuConfig\n    }: TabBarProps<K> & TestIdProps,\n    ref?: Ref<HTMLDivElement>\n  ) => {\n    const rootRef = ref as RefObject<HTMLDivElement>;\n\n    const { rootProps, tabBarContext, menuProps, contextMenuContext } = useTabBar({\n      class: styles.tabBarBase,\n      edge: edge,\n      onRemove,\n      onSelect,\n      ref: rootRef,\n      selection,\n      size,\n      children,\n      contextMenuConfig\n    });\n\n    return (\n      <>\n        <TabBarContext.Provider value={tabBarContext}>\n          <div\n            {...rootProps}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledby}\n            aria-describedby={ariaDescribedBy}>\n            <TabBarLayout layout={layout} display={display}>\n              {children}\n            </TabBarLayout>\n          </div>\n        </TabBarContext.Provider>\n        {contextMenuConfig && (\n          <TabBarContextMenu\n            {...menuProps}\n            contextMenuConfig={contextMenuConfig}\n            contextMenuContext={contextMenuContext!}\n          />\n        )}\n      </>\n    );\n  }\n);\n"],"names":["_jsx","Menu","forwardRef","useTabBar","styles","_jsxs","_Fragment","TabBarContext","TabBarLayout"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA;;AAEG;AACG,SAAU,iBAAiB,CAA4B,EAC3D,iBAAiB,EACjB,kBAAkB,EAClB,GAAG,SAAS,EACH,EAAA;AACT,IAAA,MAAM,eAAe,GAAG,iBAAiB,CAAC,eAAe,CAAC;IAE1D,MAAM,SAAS,GAAG,iBAAiB,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;AACtE,IAAA,IAAI,SAAS,IAAI,IAAI,EAAE;AACrB,QAAA,OAAO,IAAI,CAAC;KACb;IACD,QACEA,gDACEA,cAAC,CAAAC,SAAI,OACC,SAAS,EAAA,IACR,eAAe,IAAI;AACtB,gBAAA,YAAY,EAAE,eAAe;AAC9B,aAAA,CAAC,EACD,QAAA,EAAA,SAAS,CAAC,MAAM,IAAI,iBAAiB,CAAC,aAAa,CAAC,kBAAkB,CAAC,EACnE,CAAA,EAAA,CACN,EACH;AACJ;;ACwEA;;AAEG;MACU,MAAM,GAAGC,iBAAU,CAC9B,CACE,EACE,QAAQ,EACR,MAAM,GAAG,SAAS,EAClB,OAAO,GAAG,UAAU,EACpB,IAAI,GAAG,IAAI,EACX,IAAI,GAAG,KAAK,EACZ,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,kBAAkB,EAAE,eAAe,EACnC,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,iBAAiB,EACY,EAC/B,GAAyB,KACvB;IACF,MAAM,OAAO,GAAG,GAAgC,CAAC;IAEjD,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,EAAE,kBAAkB,EAAE,GAAGC,mBAAS,CAAC;QAC5E,KAAK,EAAEC,4CAAM,CAAC,UAAU;AACxB,QAAA,IAAI,EAAE,IAAI;QACV,QAAQ;QACR,QAAQ;AACR,QAAA,GAAG,EAAE,OAAO;QACZ,SAAS;QACT,IAAI;QACJ,QAAQ;QACR,iBAAiB;AAClB,KAAA,CAAC,CAAC;IAEH,QACEC,eACE,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CAAAN,cAAA,CAACO,8BAAa,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,aAAa,EAC1C,QAAA,EAAAP,cAAA,CAAA,KAAA,EAAA,EAAA,GACM,SAAS,EACD,YAAA,EAAA,SAAS,EACJ,iBAAA,EAAA,cAAc,EACb,kBAAA,EAAA,eAAe,EACjC,QAAA,EAAAA,cAAA,CAACQ,yBAAY,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAC3C,QAAA,EAAA,QAAQ,EACI,CAAA,EAAA,CACX,EACiB,CAAA,EACxB,iBAAiB,KAChBR,cAAA,CAAC,iBAAiB,EAAA,EAAA,GACZ,SAAS,EACb,iBAAiB,EAAE,iBAAiB,EACpC,kBAAkB,EAAE,kBAAmB,EACvC,CAAA,CACH,CACA,EAAA,CAAA,EACH;AACJ,CAAC;;;;"}

package/cjs/TabBarItem-00fcf601.js

@@ -5,9 +5,9 @@ var jsxRuntime = require('preact/jsx-runtime');
 var hooks = require('preact/hooks');
 var classNames = require('./classNames-c14c6ef3.js');
 var usePress = require('./usePress-886180e4.js');
-var useUser = require('./useUser-8aaad5a7.js');
+var useUser = require('./useUser-a4bfc560.js');
 var Text = require('./Text-5ed5f710.js');
-var Flex = require('./Flex-ce16a2fa.js');
+var Flex = require('./Flex-e7a85bef.js');
 var useTabBarContext = require('./useTabBarContext-2a6a796c.js');
 var mergeInterpolations = require('./mergeInterpolations-6727b536.js');
 var flexitem = require('./flexitem-fee13e26.js');
@@ -22,7 +22,7 @@ var ErrorS = require('./ErrorS-ed472612.js');
 var InformationS = require('./InformationS-6d8c46d3.js');
 var SuccessS = require('./SuccessS-0f71f148.js');
 var mergeProps = require('./mergeProps-e3da7237.js');
-var useTooltipControlled = require('./useTooltipControlled-61581889.js');
+var useTooltipControlled = require('./useTooltipControlled-33832163.js');
 var UNSAFE_TabBarCommon_themes_TabBarItemContract_css = require('./UNSAFE_TabBarCommon/themes/TabBarItemContract.css.js');
 var Badge = require('./Badge-0e522f12.js');
 

package/cjs/TabBarLayout-846a4d9a.js

@@ -2,7 +2,7 @@
 'use strict';
 
 var jsxRuntime = require('preact/jsx-runtime');
-var Flex = require('./Flex-ce16a2fa.js');
+var Flex = require('./Flex-e7a85bef.js');
 var useTabBarContext = require('./useTabBarContext-2a6a796c.js');
 
 /**

package/cjs/TabBarMixed-ac642788.js

@@ -0,0 +1,85 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var hooks = require('preact/hooks');
+var compat = require('preact/compat');
+require('./LayerHost-a8c7f182.js');
+require('./UNSAFE_Text/themes/TextStyles.css.js');
+require('./Flex-e7a85bef.js');
+var useTabBarContext = require('./useTabBarContext-2a6a796c.js');
+require('./flexitem-fee13e26.js');
+require('./dimensions-10159104.js');
+require('./boxalignment-5fe0cc94.js');
+require('./logger-2b636482.js');
+
+
+require('./UNSAFE_TabBarCommon/themes/redwood/TabBarItemVariants.css.js');
+require('./ConveyorBeltContext-bfe84b44.js');
+require('./VisBusyStateContext-223f53dd.js');
+require('preact');
+
+
+require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
+require('./tooltipUtils-669c2ae0.js');
+
+require('./NavigationList-2a0bbb77.js');
+require('./useNavigationListItem-ae481fdc.js');
+require('./UNSAFE_NavigationList/themes/NavigationListItemStyles.css.js');
+
+require('./UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css.js');
+require('./Floating-56621d20.js');
+
+require('./keyboardUtils-691337c0.js');
+require('./tabbableUtils-39e647b7.js');
+require('./CollectionInteractionContext-f84ff7a1.js');
+
+require('./Sheet-86989265.js');
+
+var UNSAFE_TabBarMixed_themes_TabBarMixedStyles_css = require('./UNSAFE_TabBarMixed/themes/TabBarMixedStyles.css.js');
+var useTabBar = require('./useTabBar-048ffd9f.js');
+
+/**
+ * A thin wrapper around useTabBar hook
+ */
+function useTabBarMixed(options) {
+    return useTabBar.useTabBar(options);
+}
+
+/**
+ * A navigation component that enables horizontal navigation between distinct content with a mixture of static and dynamic tabs.
+ *
+ * @param {TabBarMixedProps} props TabBarMixed component props.
+ * @returns {JSX.Element} TabBarMixed component element.
+ */
+const TabBarMixed = compat.forwardRef((props, focusHandleRef) => {
+    const { children, onRemove, onSelect, selection, size, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby } = props;
+    const rootRef = hooks.useRef(null);
+    const { rootProps, tabBarContext } = useTabBarMixed({
+        class: UNSAFE_TabBarMixed_themes_TabBarMixedStyles_css.styles.tabBarBase,
+        edge: 'bottom',
+        onRemove,
+        onSelect,
+        ref: rootRef,
+        selection,
+        size,
+        children
+    });
+    //Allows to call focus on rootRef without having to expose it
+    compat.useImperativeHandle(focusHandleRef, () => ({
+        focus: () => {
+            if (rootRef.current) {
+                rootRef.current.focus();
+            }
+        },
+        blur: () => {
+            if (rootRef.current) {
+                rootRef.current.blur();
+            }
+        }
+    }));
+    return (jsxRuntime.jsx(useTabBarContext.TabBarContext.Provider, { value: tabBarContext, children: jsxRuntime.jsx("div", { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...rootProps, children: children }) }));
+});
+
+exports.TabBarMixed = TabBarMixed;
+//# sourceMappingURL=TabBarMixed-ac642788.js.map

package/cjs/TabBarMixed-ac642788.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabBarMixed-ac642788.js","sources":["../../src/UNSAFE_TabBarMixed/useTabBarMixed.ts","../../src/UNSAFE_TabBarMixed/TabBarMixed.tsx"],"sourcesContent":["import type { ComponentProps, ContextType, RefObject } from 'preact';\nimport type { TabBarContext, TabBarLayout } from '../UNSAFE_TabBarCommon';\n\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};\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 { useRef } from 'preact/hooks';\nimport { Ref } from 'preact';\nimport { forwardRef, useImperativeHandle } from 'preact/compat';\nimport { TabBarContext } from '../UNSAFE_TabBarCommon';\nimport { styles } from './themes/TabBarMixedStyles.css';\nimport { useTabBarMixed as useTabBar } from './useTabBarMixed';\n\ntype UseTabBarOptions = Parameters<typeof useTabBar>[0];\n\n/**\n * Component props expected to be pased to **TabBarMixed**.\n *\n * @see {@link TabBarMixed}\n */\ntype TabBarMixedProps<K extends string | number> = {\n  /**\n   * Component children that will be rendered within the **TabBarMixed**\n   * root element.\n   *\n   * It is expected that **TabBarLayout** and **ConveyorBelt** elements are\n   * provided. The same **TabBarItem**, **RemovableTabBarItem**,\n   * and **OverflowTabBarItem** elements should also be used.\n   */\n  children?: ComponentChildren;\n  /**\n   * Callback fired when a tab item is removed.\n   */\n  onRemove?: UseTabBarOptions['onRemove'];\n  /**\n   * Callback fired when a tab item is selected.\n   */\n  onSelect?: UseTabBarOptions['onSelect'];\n  /**\n   * The item key of the selected tab item.\n   */\n  selection?: K;\n  /**\n   * The height of the the tab bar.\n   *\n   * @default \"md\"\n   */\n  size?: UseTabBarOptions['size'];\n  /**\n   * An aria-label which defines a string value that labels this TabBarMixed.\n   * Either aria-label or aria-labelledby should be specified in order to make TabBarMixed accessible.\n   */\n  'aria-label'?: string;\n\n  /**\n   * An aria-labelledby which identifies the element(s) that labels this TabBarMixed.\n   * Either aria-label or aria-labelledby should be specified in order to make TabBarMixed accessible.\n   */\n  'aria-labelledby'?: string;\n};\n\nexport type FocusableHandle = {\n  focus: () => void;\n  blur: () => void;\n};\n\n/**\n * A navigation component that enables horizontal navigation between distinct content with a mixture of static and dynamic tabs.\n *\n * @param {TabBarMixedProps} props TabBarMixed component props.\n * @returns {JSX.Element} TabBarMixed component element.\n */\nexport const TabBarMixed = forwardRef(\n  <K extends string | number>(\n    props: TabBarMixedProps<K>,\n    focusHandleRef?: Ref<FocusableHandle>\n  ) => {\n    const {\n      children,\n      onRemove,\n      onSelect,\n      selection,\n      size,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby\n    } = props;\n\n    const rootRef = useRef<HTMLDivElement>(null);\n\n    const { rootProps, tabBarContext } = useTabBar({\n      class: styles.tabBarBase,\n      edge: 'bottom',\n      onRemove,\n      onSelect,\n      ref: rootRef,\n      selection,\n      size,\n      children\n    });\n\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    return (\n      <TabBarContext.Provider value={tabBarContext}>\n        <div aria-label={ariaLabel} aria-labelledby={ariaLabelledby} {...rootProps}>\n          {children}\n        </div>\n      </TabBarContext.Provider>\n    );\n  }\n);\n"],"names":["useTabBar","forwardRef","useRef","styles","useImperativeHandle","_jsx","TabBarContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA;;AAEG;AACG,SAAU,cAAc,CAAC,OAAyB,EAAA;AACtD,IAAA,OAAOA,mBAAS,CAAC,OAAO,CAAC,CAAC;AAC5B;;ACqCA;;;;;AAKG;AACU,MAAA,WAAW,GAAGC,iBAAU,CACnC,CACE,KAA0B,EAC1B,cAAqC,KACnC;IACF,MAAM,EACJ,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EAClC,GAAG,KAAK,CAAC;AAEV,IAAA,MAAM,OAAO,GAAGC,YAAM,CAAiB,IAAI,CAAC,CAAC;AAE7C,IAAA,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,GAAGF,cAAS,CAAC;QAC7C,KAAK,EAAEG,sDAAM,CAAC,UAAU;AACxB,QAAA,IAAI,EAAE,QAAQ;QACd,QAAQ;QACR,QAAQ;AACR,QAAA,GAAG,EAAE,OAAO;QACZ,SAAS;QACT,IAAI;QACJ,QAAQ;AACT,KAAA,CAAC,CAAC;;AAGH,IAAAC,0BAAmB,CAAC,cAAe,EAAE,OAAO;QAC1C,KAAK,EAAE,MAAK;AACV,YAAA,IAAI,OAAO,CAAC,OAAO,EAAE;AACnB,gBAAA,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;aACzB;SACF;QACD,IAAI,EAAE,MAAK;AACT,YAAA,IAAI,OAAO,CAAC,OAAO,EAAE;AACnB,gBAAA,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;aACxB;SACF;AACF,KAAA,CAAC,CAAC,CAAC;IAEJ,QACEC,eAACC,8BAAa,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,aAAa,EAAA,QAAA,EAC1CD,sCAAiB,SAAS,EAAA,iBAAA,EAAmB,cAAc,EAAM,GAAA,SAAS,YACvE,QAAQ,EAAA,CACL,EACiB,CAAA,EACzB;AACJ,CAAC;;;;"}

package/cjs/TabBarMixedSeparator-0e258647.js

@@ -0,0 +1,21 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var View = require('./View-5930179e.js');
+var UNSAFE_TabBarMixed_themes_TabBarMixedSeparator_css = require('./UNSAFE_TabBarMixed/themes/TabBarMixedSeparator.css.js');
+
+/**
+ * TabBarMixedSeparator is a component that renders a visual separator (displayed
+ * as a vertical line) between collections of tabs within TabBarMixed.
+ *
+ * @param {TabBarMixedSeparatorProps} props Component props for TabBarMixedSeparator.
+ * @returns {JSX.Element} Component element for TabBarMixedSeparator.
+ */
+function TabBarMixedSeparator(props) {
+    const { padding = 0 } = props;
+    return (jsxRuntime.jsx(View.View, { padding: [0, padding, 0, padding], children: jsxRuntime.jsx("div", { class: UNSAFE_TabBarMixed_themes_TabBarMixedSeparator_css.styles.separator, role: "presentation" }) }));
+}
+
+exports.TabBarMixedSeparator = TabBarMixedSeparator;
+//# sourceMappingURL=TabBarMixedSeparator-0e258647.js.map

package/cjs/TabBarMixedSeparator-0e258647.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabBarMixedSeparator-0e258647.js","sources":["../../src/UNSAFE_TabBarMixed/TabBarMixedSeparator.tsx"],"sourcesContent":["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","View","styles"],"mappings":";;;;;;;AAYA;;;;;;AAMG;AACG,SAAU,oBAAoB,CAAC,KAAgC,EAAA;AACnE,IAAA,MAAM,EAAE,OAAO,GAAG,CAAC,EAAE,GAAG,KAAK,CAAC;AAE9B,IAAA,QACEA,cAAA,CAACC,SAAI,EAAA,EAAC,OAAO,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,CAAC,EAAA,QAAA,EACrCD,cAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAEE,yDAAM,CAAC,SAAS,EAAE,IAAI,EAAC,cAAc,EAAG,CAAA,EAAA,CAC/C,EACP;AACJ;;;;"}

package/cjs/Table-42e84ff0.js

@@ -7,10 +7,10 @@ var compat = require('preact/compat');
 var classNames = require('./classNames-c14c6ef3.js');
 var useId = require('./useId-6c0eeb27.js');
 var TabbableModeContext = require('./TabbableModeContext-e99d527e.js');
-var useUser = require('./useUser-8aaad5a7.js');
+var useUser = require('./useUser-a4bfc560.js');
 var preact = require('preact');
 var LoadMoreCollection = require('./LoadMoreCollection-73112ff0.js');
-var useTranslationBundle = require('./useTranslationBundle-6b0281a9.js');
+var useTranslationBundle = require('./useTranslationBundle-51f4c22c.js');
 var PRIVATE_Table_themes_TableSkeletonStyles_css = require('./PRIVATE_Table/themes/TableSkeletonStyles.css.js');
 var dimensions$1 = require('./dimensions-10159104.js');
 var mergeInterpolations = require('./mergeInterpolations-6727b536.js');
@@ -26,18 +26,18 @@ var collectionUtils = require('./collectionUtils-d9fdec19.js');
 var useInteractionStyle = require('./useInteractionStyle-34c07325.js');
 var PRIVATE_Table_themes_redwood_TableNoDataTheme = require('./PRIVATE_Table/themes/redwood/TableNoDataTheme.js');
 var useComponentTheme = require('./useComponentTheme-082fc8e4.js');
-var SelectorAll = require('./SelectorAll-e81b943f.js');
+var SelectorAll = require('./SelectorAll-b55e1b61.js');
 var UpParent = require('./UpParent-67e8c4ce.js');
 var DownParent = require('./DownParent-d033694f.js');
 var EmbeddedIconButton = require('./EmbeddedIconButton-ad2a8d25.js');
 var Menu = require('./Menu-658212ed.js');
 require('./MenuItem-c459d748.js');
 require('./logger-2b636482.js');
-require('./LayerHost-7182bfaf.js');
+require('./LayerHost-a8c7f182.js');
 
 
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
-var tooltipUtils = require('./tooltipUtils-2228b0f7.js');
+var tooltipUtils = require('./tooltipUtils-669c2ae0.js');
 
 require('./SelectMenuGroupContext-bbb4f7e0.js');
 require('./UNSAFE_Separator/themes/SeparatorStyles.css.js');
@@ -49,14 +49,14 @@ require('./CollectionInteractionContext-f84ff7a1.js');
 var useCollectionInteractionContext = require('./useCollectionInteractionContext-6fc0200e.js');
 var mergeProps = require('./mergeProps-e3da7237.js');
 var useContextMenuGesture = require('./useContextMenuGesture-215c261e.js');
-var useColorScheme = require('./useColorScheme-e6bef5a4.js');
-var useScale = require('./useScale-a47864b4.js');
-var useTooltipControlled = require('./useTooltipControlled-61581889.js');
+var useColorScheme = require('./useColorScheme-ce2a88b1.js');
+var useScale = require('./useScale-a681a5cb.js');
+var useTooltipControlled = require('./useTooltipControlled-33832163.js');
 var tabbableUtils = require('./tabbableUtils-39e647b7.js');
 var textSelectionUtils = require('./textSelectionUtils-432ab66b.js');
 var useResizeObserver = require('./useResizeObserver-1597395f.js');
 var PRIVATE_Table_themes_redwood_TableTheme = require('./PRIVATE_Table/themes/redwood/TableTheme.js');
-var useTestId = require('./useTestId-e267a39d.js');
+var useTestId = require('./useTestId-5e6af45d.js');
 
 /**
  * The internal component used to render a single colgroup in Table.

package/cjs/TagCloud-33126c77.js

@@ -9,26 +9,26 @@ var layoutUtils = require('./layoutUtils-4cfc9f05.js');
 var eventsUtils = require('./eventsUtils-1abb6028.js');
 var accUtils = require('./accUtils-113d6024.js');
 var UNSAFE_TagCloud_themes_TagCloudStyles_css = require('./UNSAFE_TagCloud/themes/TagCloudStyles.css.js');
-var useVisEvents = require('./useVisEvents-99f1bf51.js');
+var useVisEvents = require('./useVisEvents-e48065f4.js');
 var hooks = require('preact/hooks');
-var useUser = require('./useUser-8aaad5a7.js');
-var useDatatip = require('./useDatatip-1dda9a86.js');
+var useUser = require('./useUser-a4bfc560.js');
+var useDatatip = require('./useDatatip-83ab0540.js');
 var mergeProps = require('./mergeProps-e3da7237.js');
-var useTranslationBundle = require('./useTranslationBundle-6b0281a9.js');
+var useTranslationBundle = require('./useTranslationBundle-51f4c22c.js');
 var useTextDimensions = require('./useTextDimensions-a651f0d4.js');
-var useSelection = require('./useSelection-c7c0f533.js');
-var useTestId = require('./useTestId-e267a39d.js');
+var useSelection = require('./useSelection-6386b3f2.js');
+var useTestId = require('./useTestId-5e6af45d.js');
 var useContextMenu = require('./useContextMenu-3ebf8f80.js');
 require('./Menu-658212ed.js');
 require('./MenuItem-c459d748.js');
 require('preact');
 require('./logger-2b636482.js');
-require('./LayerHost-7182bfaf.js');
+require('./LayerHost-a8c7f182.js');
 require('preact/compat');
 
 
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
-require('./tooltipUtils-2228b0f7.js');
+require('./tooltipUtils-669c2ae0.js');
 
 require('./SelectMenuGroupContext-bbb4f7e0.js');
 require('./UNSAFE_Separator/themes/SeparatorStyles.css.js');

package/cjs/TextArea-aea6ecae.js

@@ -15,26 +15,26 @@ var TextFieldInput = require('./TextFieldInput-e83921a4.js');
 var ReadonlyTextFieldInput = require('./ReadonlyTextFieldInput-af4ddced.js');
 var StyledTextField = require('./StyledTextField-1d94ce8e.js');
 var TextField = require('./TextField-ed48834c.js');
-var MaxLengthLiveRegion = require('./MaxLengthLiveRegion-5e31c44e.js');
+var MaxLengthLiveRegion = require('./MaxLengthLiveRegion-f03f07c6.js');
 var useTextField = require('./useTextField-3ce8f0d0.js');
 require('./logger-2b636482.js');
 require('./TabbableModeContext-e99d527e.js');
 var useId = require('./useId-6c0eeb27.js');
-var useTranslationBundle = require('./useTranslationBundle-6b0281a9.js');
+var useTranslationBundle = require('./useTranslationBundle-51f4c22c.js');
 
 
 require('./UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js');
 var InlineUserAssistance = require('./InlineUserAssistance-d32aad17.js');
 var CompactUserAssistance = require('./CompactUserAssistance-d03b06d5.js');
 var mergeProps = require('./mergeProps-e3da7237.js');
-require('./LayerHost-7182bfaf.js');
+require('./LayerHost-a8c7f182.js');
 
 
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
-require('./tooltipUtils-2228b0f7.js');
+require('./tooltipUtils-669c2ae0.js');
 require('preact');
 
-require('./Popup-3e6b37ba.js');
+require('./Popup-84ce41d3.js');
 
 
 require('./UNSAFE_Label/themes/redwood/LabelVariants.css.js');

package/cjs/TextAreaAutosize-c01d61dc.js

@@ -15,26 +15,26 @@ var TextFieldInput = require('./TextFieldInput-e83921a4.js');
 var ReadonlyTextFieldInput = require('./ReadonlyTextFieldInput-af4ddced.js');
 var StyledTextField = require('./StyledTextField-1d94ce8e.js');
 var TextField = require('./TextField-ed48834c.js');
-var MaxLengthLiveRegion = require('./MaxLengthLiveRegion-5e31c44e.js');
+var MaxLengthLiveRegion = require('./MaxLengthLiveRegion-f03f07c6.js');
 var useTextField = require('./useTextField-3ce8f0d0.js');
 require('./logger-2b636482.js');
 require('./TabbableModeContext-e99d527e.js');
 var useId = require('./useId-6c0eeb27.js');
-var useTranslationBundle = require('./useTranslationBundle-6b0281a9.js');
+var useTranslationBundle = require('./useTranslationBundle-51f4c22c.js');
 
 
 require('./UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js');
 var InlineUserAssistance = require('./InlineUserAssistance-d32aad17.js');
 var CompactUserAssistance = require('./CompactUserAssistance-d03b06d5.js');
 var mergeProps = require('./mergeProps-e3da7237.js');
-require('./LayerHost-7182bfaf.js');
+require('./LayerHost-a8c7f182.js');
 
 
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
-require('./tooltipUtils-2228b0f7.js');
+require('./tooltipUtils-669c2ae0.js');
 require('preact');
 
-require('./Popup-3e6b37ba.js');
+require('./Popup-84ce41d3.js');
 
 
 require('./UNSAFE_Label/themes/redwood/LabelVariants.css.js');

package/cjs/TextField-ed48834c.js

@@ -6,14 +6,14 @@ var LabelValueLayout = require('./LabelValueLayout-3c33ca16.js');
 var useComponentTheme = require('./useComponentTheme-082fc8e4.js');
 require('./FormFieldContext-8418dc68.js');
 var useFormFieldContext = require('./useFormFieldContext-20f419ef.js');
-var Flex = require('./Flex-ce16a2fa.js');
+var Flex = require('./Flex-e7a85bef.js');
 var classNames = require('./classNames-c14c6ef3.js');
 require('./InputGroupContext-05f2a46f.js');
 var useInputGroupContext = require('./useInputGroupContext-4c10bd57.js');
-var useUser = require('./useUser-8aaad5a7.js');
+var useUser = require('./useUser-a4bfc560.js');
 var UNSAFE_TextField_themes_redwood_TextFieldTheme = require('./UNSAFE_TextField/themes/redwood/TextFieldTheme.js');
 var StyledTextField = require('./StyledTextField-1d94ce8e.js');
-var useTestId = require('./useTestId-e267a39d.js');
+var useTestId = require('./useTestId-5e6af45d.js');
 
 // Renders the oj-text-field-container dom which includes the
 // start, middle (where the inside label and inputElem goes),

package/cjs/TextFieldInput-e83921a4.js

@@ -15,7 +15,7 @@ var mergeInterpolations = require('./mergeInterpolations-6727b536.js');
 var mergeProps = require('./mergeProps-e3da7237.js');
 var TextFieldUtils = require('./TextFieldUtils-96baac38.js');
 var useComponentTheme = require('./useComponentTheme-082fc8e4.js');
-var useTranslationBundle = require('./useTranslationBundle-6b0281a9.js');
+var useTranslationBundle = require('./useTranslationBundle-51f4c22c.js');
 var UNSAFE_TextField_themes_redwood_TextFieldInputTheme = require('./UNSAFE_TextField/themes/redwood/TextFieldInputTheme.js');
 
 const interpolations = [...Object.values(textAlign.textInterpolations)];