@oracle/oraclejet-preact 19.0.5 → 19.0.7

package/cjs/PRIVATE_Expander.js

@@ -3,47 +3,78 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Expander = require('./Expander-96ce2888.js');
+var Expander = require('./Expander-01af6642.js');
 require('preact/jsx-runtime');
-require('./ChevronDown-25b749b9.js');
-require('./Icon-bc05e7bd.js');
+require('./EmbeddedIconButton-88b1a5cd.js');
+require('./BaseButton-acda944a.js');
+require('preact/compat');
+require('./useHover-49b0430d.js');
+require('./useToggle-3ebba7d8.js');
+require('preact/hooks');
+require('./useActive-6770f917.js');
+require('./useColorScheme-a379cdb9.js');
+require('./LayerHost-f1a1533f.js');
 require('preact');
+require('./index-15e13649.js');
+require('./UNSAFE_Layer/themes/LayerHostStyles.css.js');
+
+require('./classNames-c14c6ef3.js');
+require('./dimensions-2fcc0acf.js');
 require('./size-0717c0bd.js');
 require('./utils-a66430fc.js');
 require('./themeContract.css-a53fd740.js');
 require('./colorUtils-01f3caa2.js');
 require('./_curry1-e8f0d7ea.js');
-require('./useTooltip-43bfe8a3.js');
-require('preact/hooks');
-require('./useTooltipControlled-4a59aaf5.js');
-require('./useId-6c0eeb27.js');
-require('./useHover-49b0430d.js');
-require('./useToggle-3ebba7d8.js');
-require('./useFocus-1b288fb9.js');
-require('./useTouch-4dec8729.js');
+require('./mergeInterpolations-6727b536.js');
+require('./mergeDeepWithKey-210b024d.js');
+require('./_curry3-18677bca.js');
+require('./_curry2-c15d89cd.js');
+require('./_isObject-28636267.js');
+require('./clientHints-c40c5250.js');
 require('./mergeProps-e3da7237.js');
-require('./useAnimation-fb11e4cc.js');
+require('./UNSAFE_BaseButton/themes/redwood/BaseButtonTheme.js');
+require('./UNSAFE_BaseButton/themes/BaseButtonStyles.css.js');
+
+require('./UNSAFE_BaseButton/themes/redwood/BaseButtonVariants.css.js');
+require('./vanilla-extract-recipes-createRuntimeFn.esm-d1301b2d.js');
+
 require('./useComponentTheme-082fc8e4.js');
 require('./logger-2b636482.js');
+require('./BareButton-5a989b01.js');
+require('./useBareButton-3c8d1a5d.js');
+require('./usePress-886180e4.js');
+require('./usePressClick-7a34624a.js');
+require('./TabbableModeContext-e99d527e.js');
+require('./useTabbableMode-a275583f.js');
+require('./useId-6c0eeb27.js');
+require('./buttonUtils-dff2ea3e.js');
+require('./id-86356250.js');
 require('./useTestId-15ee37d6.js');
-require('./LayerHost-f1a1533f.js');
-require('./index-15e13649.js');
-require('preact/compat');
-require('./UNSAFE_Layer/themes/LayerHostStyles.css.js');
+require('./unsafeDomAccess-c3a492f0.js');
+require('./ButtonLabelLayout-8981b39a.js');
+require('./Text-436e8b56.js');
+require('./UNSAFE_Text/themes/TextStyles.css.js');
 
+require('./useButtonLabelLayoutTheme-b7b3bdb6.js');
+require('./UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutTheme.js');
+require('./UNSAFE_ButtonLabelLayout/themes/ButtonLabelLayoutStyles.css.js');
+
+require('./UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.css.js');
+
+require('./UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css.js');
+
+require('./ChevronDown-25b749b9.js');
+require('./Icon-bc05e7bd.js');
+require('./useTooltip-43bfe8a3.js');
+require('./useTooltipControlled-4a59aaf5.js');
+require('./useFocus-1b288fb9.js');
+require('./useTouch-4dec8729.js');
+require('./useAnimation-fb11e4cc.js');
 require('./useThemeInterpolations-b29f0f7d.js');
-require('./useColorScheme-a379cdb9.js');
 require('./useScale-349360cd.js');
 require('./theme-dfd6a9fe.js');
 require('./Theme-f06687af.js');
-require('./mergeInterpolations-6727b536.js');
-require('./classNames-c14c6ef3.js');
-require('./mergeDeepWithKey-210b024d.js');
-require('./_curry3-18677bca.js');
-require('./_curry2-c15d89cd.js');
-require('./_isObject-28636267.js');
 require('./useDensity-a1ed72b0.js');
-require('./unsafeDomAccess-c3a492f0.js');
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js');
 require('./hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js');
 
@@ -51,7 +82,6 @@ require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css.js
 
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
 
-require('./vanilla-extract-recipes-createRuntimeFn.esm-d1301b2d.js');
 require('./tooltipUtils-842e04c7.js');
 require('./EnvironmentProvider-5a401f32.js');
 require('./LayerManager-2a80307c.js');
@@ -77,37 +107,7 @@ require('./UNSAFE_Floating/themes/FloatingContract.css.js');
 require('./useUnsafeDomElementRef-f22a2f0c.js');
 require('./UNSAFE_Icon/themes/IconStyle.css.js');
 
-require('./clientHints-c40c5250.js');
 require('./ChevronRight-2019bb77.js');
-require('./EmbeddedIconButton-88b1a5cd.js');
-require('./BaseButton-acda944a.js');
-require('./useActive-6770f917.js');
-require('./dimensions-2fcc0acf.js');
-require('./UNSAFE_BaseButton/themes/redwood/BaseButtonTheme.js');
-require('./UNSAFE_BaseButton/themes/BaseButtonStyles.css.js');
-
-require('./UNSAFE_BaseButton/themes/redwood/BaseButtonVariants.css.js');
-
-require('./BareButton-5a989b01.js');
-require('./useBareButton-3c8d1a5d.js');
-require('./usePress-886180e4.js');
-require('./usePressClick-7a34624a.js');
-require('./TabbableModeContext-e99d527e.js');
-require('./useTabbableMode-a275583f.js');
-require('./buttonUtils-dff2ea3e.js');
-require('./id-86356250.js');
-require('./ButtonLabelLayout-8981b39a.js');
-require('./Text-436e8b56.js');
-require('./UNSAFE_Text/themes/TextStyles.css.js');
-
-require('./useButtonLabelLayoutTheme-b7b3bdb6.js');
-require('./UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutTheme.js');
-require('./UNSAFE_ButtonLabelLayout/themes/ButtonLabelLayoutStyles.css.js');
-
-require('./UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.css.js');
-
-require('./UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css.js');
-
 
 
 

package/cjs/PRIVATE_Table.js

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Table = require('./Table-0bca32d4.js');
+var Table = require('./Table-49575528.js');
 require('preact/jsx-runtime');
 require('preact');
 require('preact/hooks');
@@ -137,12 +137,9 @@ require('./flexitem-fee13e26.js');
 
 
 require('./usePress-886180e4.js');
-require('./SortControl-7be650eb.js');
+require('./SortControl-5ca85c6b.js');
 require('./UNSAFE_SortControl/themes/SortControl.css.js');
 
-require('./UpParent-a9b85eaa.js');
-require('./DownParent-c3e85154.js');
-require('./useSortableContext-0510fd8e.js');
 require('./EmbeddedIconButton-88b1a5cd.js');
 require('./BaseButton-acda944a.js');
 require('./UNSAFE_BaseButton/themes/redwood/BaseButtonTheme.js');
@@ -167,6 +164,9 @@ require('./UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.cs
 
 require('./UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css.js');
 
+require('./UpParent-a9b85eaa.js');
+require('./DownParent-c3e85154.js');
+require('./useSortableContext-0510fd8e.js');
 require('./Button-170bea0b.js');
 require('./Dialog-152ab89d.js');
 require('./WindowOverlay-5a341d43.js');

package/cjs/{SortControl-7be650eb.js → SortControl-5ca85c6b.js}

@@ -6,10 +6,10 @@ var useTestId = require('./useTestId-15ee37d6.js');
 var useTranslationBundle = require('./useTranslationBundle-24c593f4.js');
 var UNSAFE_SortControl_themes_SortControl_css = require('./UNSAFE_SortControl/themes/SortControl.css.js');
 var classNames = require('./classNames-c14c6ef3.js');
+var EmbeddedIconButton = require('./EmbeddedIconButton-88b1a5cd.js');
 var UpParent = require('./UpParent-a9b85eaa.js');
 var DownParent = require('./DownParent-c3e85154.js');
 var useSortableContext = require('./useSortableContext-0510fd8e.js');
-var EmbeddedIconButton = require('./EmbeddedIconButton-88b1a5cd.js');
 
 /**
  * Component that renders an interactive sort control.
@@ -32,4 +32,4 @@ const SortControl = ({ testId }) => {
 };
 
 exports.SortControl = SortControl;
-//# sourceMappingURL=SortControl-7be650eb.js.map
+//# sourceMappingURL=SortControl-5ca85c6b.js.map

package/cjs/{SortControl-7be650eb.js.map → SortControl-5ca85c6b.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SortControl-7be650eb.js","sources":["../../src/UNSAFE_SortControl/SortControl.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 { BundleType } from '../resources/nls/bundle';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { sortControlStyles } from './themes/SortControl.css';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { EmbeddedIconButton } from '../PRIVATE_EmbeddedIconButton';\nimport { SortAscendingIcon } from '../PRIVATE_ThemedIcons/SortAscendingIcon';\nimport { SortDescendingIcon } from '../PRIVATE_ThemedIcons/SortDescendingIcon';\nimport { useSortableContext } from '#hooks/UNSAFE_useSortableContext';\n\n/**\n * Props for the SortControl Component\n */\nexport type Props = TestIdProps;\n\n/**\n * Component that renders an interactive sort control.\n */\nexport const SortControl = ({ testId }: Props) => {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const testIdProps = useTestId(testId);\n\n  const { isRendered, sortable, sortDirection, onSort } = useSortableContext();\n\n  const iconClassArray = [sortControlStyles.base];\n  if (isRendered) {\n    iconClassArray.push(sortControlStyles.visible);\n  } else {\n    iconClassArray.push(sortControlStyles.hidden);\n  }\n  const iconClasses = classNames(iconClassArray);\n\n  return (\n    <div {...testIdProps} class={iconClasses}>\n      <EmbeddedIconButton\n        aria-label={\n          sortable === 'enabled'\n            ? translations.collection_sortEnabled()\n            : translations.collection_sortDisabled()\n        }\n        isDisabled={sortable !== 'enabled'}\n        onAction={onSort}>\n        {sortDirection === 'descending' ? <SortDescendingIcon /> : <SortAscendingIcon />}\n      </EmbeddedIconButton>\n    </div>\n  );\n};\n"],"names":["useTranslationBundle","useTestId","useSortableContext","sortControlStyles","classNames","_jsx","EmbeddedIconButton","SortDescendingIcon","SortAscendingIcon"],"mappings":";;;;;;;;;;;;;AAsBA;;AAEG;MACU,WAAW,GAAG,CAAC,EAAE,MAAM,EAAS,KAAI;AAC/C,IAAA,MAAM,YAAY,GAAGA,yCAAoB,CAAa,0BAA0B,CAAC,CAAC;AAClF,IAAA,MAAM,WAAW,GAAGC,mBAAS,CAAC,MAAM,CAAC,CAAC;AAEtC,IAAA,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,GAAGC,qCAAkB,EAAE,CAAC;AAE7E,IAAA,MAAM,cAAc,GAAG,CAACC,2DAAiB,CAAC,IAAI,CAAC,CAAC;IAChD,IAAI,UAAU,EAAE;AACd,QAAA,cAAc,CAAC,IAAI,CAACA,2DAAiB,CAAC,OAAO,CAAC,CAAC;KAChD;SAAM;AACL,QAAA,cAAc,CAAC,IAAI,CAACA,2DAAiB,CAAC,MAAM,CAAC,CAAC;KAC/C;AACD,IAAA,MAAM,WAAW,GAAGC,qBAAU,CAAC,cAAc,CAAC,CAAC;AAE/C,IAAA,QACEC,cAAA,CAAA,KAAA,EAAA,EAAA,GAAS,WAAW,EAAE,KAAK,EAAE,WAAW,EAAA,QAAA,EACtCA,cAAC,CAAAC,qCAAkB,EAEf,EAAA,YAAA,EAAA,QAAQ,KAAK,SAAS;AACpB,kBAAE,YAAY,CAAC,sBAAsB,EAAE;AACvC,kBAAE,YAAY,CAAC,uBAAuB,EAAE,EAE5C,UAAU,EAAE,QAAQ,KAAK,SAAS,EAClC,QAAQ,EAAE,MAAM,EACf,QAAA,EAAA,aAAa,KAAK,YAAY,GAAGD,cAAA,CAACE,wBAAkB,EAAG,EAAA,CAAA,GAAGF,eAACG,oBAAiB,EAAA,EAAA,CAAG,EAC7D,CAAA,EAAA,CACjB,EACN;AACJ;;;;"}
+{"version":3,"file":"SortControl-5ca85c6b.js","sources":["../../src/UNSAFE_SortControl/SortControl.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 { BundleType } from '../resources/nls/bundle';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { sortControlStyles } from './themes/SortControl.css';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { EmbeddedIconButton } from '../PRIVATE_EmbeddedIconButton';\nimport { SortAscendingIcon } from '../PRIVATE_ThemedIcons/SortAscendingIcon';\nimport { SortDescendingIcon } from '../PRIVATE_ThemedIcons/SortDescendingIcon';\nimport { useSortableContext } from '#hooks/UNSAFE_useSortableContext';\n\n/**\n * Props for the SortControl Component\n */\nexport type Props = TestIdProps;\n\n/**\n * Component that renders an interactive sort control.\n */\nexport const SortControl = ({ testId }: Props) => {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const testIdProps = useTestId(testId);\n\n  const { isRendered, sortable, sortDirection, onSort } = useSortableContext();\n\n  const iconClassArray = [sortControlStyles.base];\n  if (isRendered) {\n    iconClassArray.push(sortControlStyles.visible);\n  } else {\n    iconClassArray.push(sortControlStyles.hidden);\n  }\n  const iconClasses = classNames(iconClassArray);\n\n  return (\n    <div {...testIdProps} class={iconClasses}>\n      <EmbeddedIconButton\n        aria-label={\n          sortable === 'enabled'\n            ? translations.collection_sortEnabled()\n            : translations.collection_sortDisabled()\n        }\n        isDisabled={sortable !== 'enabled'}\n        onAction={onSort}>\n        {sortDirection === 'descending' ? <SortDescendingIcon /> : <SortAscendingIcon />}\n      </EmbeddedIconButton>\n    </div>\n  );\n};\n"],"names":["useTranslationBundle","useTestId","useSortableContext","sortControlStyles","classNames","_jsx","EmbeddedIconButton","SortDescendingIcon","SortAscendingIcon"],"mappings":";;;;;;;;;;;;;AAsBA;;AAEG;MACU,WAAW,GAAG,CAAC,EAAE,MAAM,EAAS,KAAI;AAC/C,IAAA,MAAM,YAAY,GAAGA,yCAAoB,CAAa,0BAA0B,CAAC,CAAC;AAClF,IAAA,MAAM,WAAW,GAAGC,mBAAS,CAAC,MAAM,CAAC,CAAC;AAEtC,IAAA,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,GAAGC,qCAAkB,EAAE,CAAC;AAE7E,IAAA,MAAM,cAAc,GAAG,CAACC,2DAAiB,CAAC,IAAI,CAAC,CAAC;IAChD,IAAI,UAAU,EAAE;AACd,QAAA,cAAc,CAAC,IAAI,CAACA,2DAAiB,CAAC,OAAO,CAAC,CAAC;KAChD;SAAM;AACL,QAAA,cAAc,CAAC,IAAI,CAACA,2DAAiB,CAAC,MAAM,CAAC,CAAC;KAC/C;AACD,IAAA,MAAM,WAAW,GAAGC,qBAAU,CAAC,cAAc,CAAC,CAAC;AAE/C,IAAA,QACEC,cAAA,CAAA,KAAA,EAAA,EAAA,GAAS,WAAW,EAAE,KAAK,EAAE,WAAW,EAAA,QAAA,EACtCA,cAAC,CAAAC,qCAAkB,EAEf,EAAA,YAAA,EAAA,QAAQ,KAAK,SAAS;AACpB,kBAAE,YAAY,CAAC,sBAAsB,EAAE;AACvC,kBAAE,YAAY,CAAC,uBAAuB,EAAE,EAE5C,UAAU,EAAE,QAAQ,KAAK,SAAS,EAClC,QAAQ,EAAE,MAAM,EACf,QAAA,EAAA,aAAa,KAAK,YAAY,GAAGD,cAAA,CAACE,wBAAkB,EAAG,EAAA,CAAA,GAAGF,eAACG,oBAAiB,EAAA,EAAA,CAAG,EAC7D,CAAA,EAAA,CACjB,EACN;AACJ;;;;"}

package/cjs/{TabBar-afd26c75.js → TabBar-1885c9c5.js}

@@ -26,6 +26,8 @@ require('preact');
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
 require('./tooltipUtils-842e04c7.js');
 
+require('./BaseButton-acda944a.js');
+require('./ButtonLabelLayout-8981b39a.js');
 require('./Floating-a360e16a.js');
 
 require('./keyboardUtils-b42fe7d5.js');
@@ -63,4 +65,4 @@ const TabBar = compat.forwardRef(({ children, layout = 'stretch', display = 'sta
 });
 
 exports.TabBar = TabBar;
-//# sourceMappingURL=TabBar-afd26c75.js.map
+//# sourceMappingURL=TabBar-1885c9c5.js.map

package/cjs/{TabBar-afd26c75.js.map → TabBar-1885c9c5.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TabBar-afd26c75.js","sources":["../../src/UNSAFE_TabBar/TabBar.tsx"],"sourcesContent":["import type { ComponentChildren, Ref, RefObject } from 'preact';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\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 {\n      rootProps,\n      tabBarContext,\n      menuProps,\n      contextMenuContext,\n      contextMenuDescription,\n      contextMenuDescriptionId,\n      accStatusInfo\n    } = 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    const isContextMenuAvailable = contextMenuConfig != null;\n\n    return (\n      <>\n        <TabBarContext.Provider value={tabBarContext}>\n          <div\n            {...rootProps}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledby}\n            aria-haspopup={contextMenuConfig != null ? true : false}\n            aria-describedby={\n              contextMenuConfig && contextMenuDescriptionId\n                ? ariaDescribedBy\n                  ? `${ariaDescribedBy} ${contextMenuDescriptionId}`\n                  : contextMenuDescriptionId\n                : ariaDescribedBy\n            }>\n            <TabBarLayout layout={layout} display={display}>\n              {children}\n            </TabBarLayout>\n          </div>\n        </TabBarContext.Provider>\n        {isContextMenuAvailable && contextMenuDescriptionId && (\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={contextMenuConfig}\n            contextMenuContext={contextMenuContext!}\n          />\n        )}\n      </>\n    );\n  }\n);\n"],"names":["forwardRef","useTabBar","styles","_jsxs","_Fragment","_jsx","TabBarContext","TabBarLayout","HiddenAccessible","LiveRegion","TabBarContextMenu"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkHA;;AAEG;MACU,MAAM,GAAGA,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;AAEjD,IAAA,MAAM,EACJ,SAAS,EACT,aAAa,EACb,SAAS,EACT,kBAAkB,EAClB,sBAAsB,EACtB,wBAAwB,EACxB,aAAa,EACd,GAAGC,mBAAS,CAAC;QACZ,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;AAEH,IAAA,MAAM,sBAAsB,GAAG,iBAAiB,IAAI,IAAI,CAAC;AAEzD,IAAA,QACEC,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CACEC,cAAC,CAAAC,0BAAa,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,aAAa,EAAA,QAAA,EAC1CD,cACM,CAAA,KAAA,EAAA,EAAA,GAAA,SAAS,gBACD,SAAS,EAAA,iBAAA,EACJ,cAAc,EAAA,eAAA,EAChB,iBAAiB,IAAI,IAAI,GAAG,IAAI,GAAG,KAAK,EAErD,kBAAA,EAAA,iBAAiB,IAAI,wBAAwB;AAC3C,0BAAE,eAAe;AACf,8BAAE,CAAA,EAAG,eAAe,CAAA,CAAA,EAAI,wBAAwB,CAAE,CAAA;AAClD,8BAAE,wBAAwB;AAC5B,0BAAE,eAAe,EAErB,QAAA,EAAAA,cAAA,CAACE,yBAAY,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAC3C,QAAA,EAAA,QAAQ,EACI,CAAA,EAAA,CACX,EACiB,CAAA,EACxB,sBAAsB,IAAI,wBAAwB,KACjDF,cAAM,CAAA,MAAA,EAAA,EAAA,EAAE,EAAE,wBAAwB,EAChC,QAAA,EAAAA,cAAA,CAACG,iCAAgB,EAAE,EAAA,QAAA,EAAA,sBAAsB,EAAoB,CAAA,EAAA,CACxD,CACR,EACA,sBAAsB,IAAI,aAAa,IAAIH,cAAC,CAAAI,qBAAU,EAAE,EAAA,QAAA,EAAA,aAAa,EAAc,CAAA,EACnF,sBAAsB,KACrBJ,cAAC,CAAAK,mCAAiB,EACZ,EAAA,GAAA,SAAS,EACb,iBAAiB,EAAE,iBAAiB,EACpC,kBAAkB,EAAE,kBAAmB,EAAA,CACvC,CACH,CAAA,EAAA,CACA,EACH;AACJ,CAAC;;;;"}
+{"version":3,"file":"TabBar-1885c9c5.js","sources":["../../src/UNSAFE_TabBar/TabBar.tsx"],"sourcesContent":["import type { ComponentChildren, Ref, RefObject } from 'preact';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\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 {\n      rootProps,\n      tabBarContext,\n      menuProps,\n      contextMenuContext,\n      contextMenuDescription,\n      contextMenuDescriptionId,\n      accStatusInfo\n    } = 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    const isContextMenuAvailable = contextMenuConfig != null;\n\n    return (\n      <>\n        <TabBarContext.Provider value={tabBarContext}>\n          <div\n            {...rootProps}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledby}\n            aria-haspopup={contextMenuConfig != null ? true : false}\n            aria-describedby={\n              contextMenuConfig && contextMenuDescriptionId\n                ? ariaDescribedBy\n                  ? `${ariaDescribedBy} ${contextMenuDescriptionId}`\n                  : contextMenuDescriptionId\n                : ariaDescribedBy\n            }>\n            <TabBarLayout layout={layout} display={display}>\n              {children}\n            </TabBarLayout>\n          </div>\n        </TabBarContext.Provider>\n        {isContextMenuAvailable && contextMenuDescriptionId && (\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={contextMenuConfig}\n            contextMenuContext={contextMenuContext!}\n          />\n        )}\n      </>\n    );\n  }\n);\n"],"names":["forwardRef","useTabBar","styles","_jsxs","_Fragment","_jsx","TabBarContext","TabBarLayout","HiddenAccessible","LiveRegion","TabBarContextMenu"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkHA;;AAEG;MACU,MAAM,GAAGA,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;AAEjD,IAAA,MAAM,EACJ,SAAS,EACT,aAAa,EACb,SAAS,EACT,kBAAkB,EAClB,sBAAsB,EACtB,wBAAwB,EACxB,aAAa,EACd,GAAGC,mBAAS,CAAC;QACZ,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;AAEH,IAAA,MAAM,sBAAsB,GAAG,iBAAiB,IAAI,IAAI,CAAC;AAEzD,IAAA,QACEC,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CACEC,cAAC,CAAAC,0BAAa,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,aAAa,EAAA,QAAA,EAC1CD,cACM,CAAA,KAAA,EAAA,EAAA,GAAA,SAAS,gBACD,SAAS,EAAA,iBAAA,EACJ,cAAc,EAAA,eAAA,EAChB,iBAAiB,IAAI,IAAI,GAAG,IAAI,GAAG,KAAK,EAErD,kBAAA,EAAA,iBAAiB,IAAI,wBAAwB;AAC3C,0BAAE,eAAe;AACf,8BAAE,CAAA,EAAG,eAAe,CAAA,CAAA,EAAI,wBAAwB,CAAE,CAAA;AAClD,8BAAE,wBAAwB;AAC5B,0BAAE,eAAe,EAErB,QAAA,EAAAA,cAAA,CAACE,yBAAY,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAC3C,QAAA,EAAA,QAAQ,EACI,CAAA,EAAA,CACX,EACiB,CAAA,EACxB,sBAAsB,IAAI,wBAAwB,KACjDF,cAAM,CAAA,MAAA,EAAA,EAAA,EAAE,EAAE,wBAAwB,EAChC,QAAA,EAAAA,cAAA,CAACG,iCAAgB,EAAE,EAAA,QAAA,EAAA,sBAAsB,EAAoB,CAAA,EAAA,CACxD,CACR,EACA,sBAAsB,IAAI,aAAa,IAAIH,cAAC,CAAAI,qBAAU,EAAE,EAAA,QAAA,EAAA,aAAa,EAAc,CAAA,EACnF,sBAAsB,KACrBJ,cAAC,CAAAK,mCAAiB,EACZ,EAAA,GAAA,SAAS,EACb,iBAAiB,EAAE,iBAAiB,EACpC,kBAAkB,EAAE,kBAAmB,EAAA,CACvC,CACH,CAAA,EAAA,CACA,EACH;AACJ,CAAC;;;;"}

package/cjs/{TabBarLinkItem-4e4f8da0.js → TabBarLinkItem-cdff6676.js}

@@ -2,7 +2,7 @@
 'use strict';
 
 var jsxRuntime = require('preact/jsx-runtime');
-var OverflowTabBarItem = require('./OverflowTabBarItem-c8809159.js');
+var OverflowTabBarItem = require('./OverflowTabBarItem-6c3c9629.js');
 
 /**
  * TabBarLinkItem is used to render links in a TabBar. It allows to view the browser's built in link context menu to open the link in new browser tab.
@@ -12,4 +12,4 @@ function TabBarLinkItem({ itemKey, icon, badge, metadata, severity, labelMaxWidt
 }
 
 exports.TabBarLinkItem = TabBarLinkItem;
-//# sourceMappingURL=TabBarLinkItem-4e4f8da0.js.map
+//# sourceMappingURL=TabBarLinkItem-cdff6676.js.map

package/cjs/{TabBarLinkItem-4e4f8da0.js.map → TabBarLinkItem-cdff6676.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TabBarLinkItem-4e4f8da0.js","sources":["../../src/UNSAFE_TabBarCommon/TabBarLinkItem.tsx"],"sourcesContent":["import { BaseTabBarItem, BaseTabBarItemProps } from './BaseTabBarItem';\n\ntype Link = {\n  /**\n   * Sets the URL that the hyperlink points to. If there is no valid URL use \"#\" for href value to navigate to the top of the page. \n   */\n  href: string;\n  /**\n   * Label of the TabBarLinkItem. For truncated labels this is the content\n   * for tooltip text of the Tab.\n   */\n  label: string;\n};\nexport type TabBarLinkItemProps<K extends string | number> = Link &\n  Pick<\n    BaseTabBarItemProps<K>,\n    'itemKey' | 'icon' | 'badge' | 'metadata' | 'severity' | 'aria-controls' | 'labelMaxWidth'\n  >;\n/**\n * TabBarLinkItem is used to render links in a TabBar. It allows to view the browser's built in link context menu to open the link in new browser tab.\n */\nexport function TabBarLinkItem<K extends string | number>({\n  itemKey,\n  icon,\n  badge,\n  metadata,\n  severity,\n  labelMaxWidth,\n  href,\n  label,\n  'aria-controls': ariaControls\n}: TabBarLinkItemProps<K>) {\n  return (\n    <BaseTabBarItem\n      aria-controls={ariaControls}\n      itemKey={itemKey}\n      label={label}\n      icon={icon}\n      badge={badge}\n      metadata={metadata}\n      severity={severity}\n      labelMaxWidth={labelMaxWidth}\n      href={href}></BaseTabBarItem>\n  );\n}\n"],"names":["_jsx","BaseTabBarItem"],"mappings":";;;;;;AAkBA;;AAEG;AACG,SAAU,cAAc,CAA4B,EACxD,OAAO,EACP,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,IAAI,EACJ,KAAK,EACL,eAAe,EAAE,YAAY,EACN,EAAA;AACvB,IAAA,QACEA,cAAC,CAAAC,iCAAc,EACE,EAAA,eAAA,EAAA,YAAY,EAC3B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,IAAI,EAAE,IAAI,EAAA,CAAmB,EAC/B;AACJ;;;;"}
+{"version":3,"file":"TabBarLinkItem-cdff6676.js","sources":["../../src/UNSAFE_TabBarCommon/TabBarLinkItem.tsx"],"sourcesContent":["import { BaseTabBarItem, BaseTabBarItemProps } from './BaseTabBarItem';\n\ntype Link = {\n  /**\n   * Sets the URL that the hyperlink points to. If there is no valid URL use \"#\" for href value to navigate to the top of the page. \n   */\n  href: string;\n  /**\n   * Label of the TabBarLinkItem. For truncated labels this is the content\n   * for tooltip text of the Tab.\n   */\n  label: string;\n};\nexport type TabBarLinkItemProps<K extends string | number> = Link &\n  Pick<\n    BaseTabBarItemProps<K>,\n    'itemKey' | 'icon' | 'badge' | 'metadata' | 'severity' | 'aria-controls' | 'labelMaxWidth'\n  >;\n/**\n * TabBarLinkItem is used to render links in a TabBar. It allows to view the browser's built in link context menu to open the link in new browser tab.\n */\nexport function TabBarLinkItem<K extends string | number>({\n  itemKey,\n  icon,\n  badge,\n  metadata,\n  severity,\n  labelMaxWidth,\n  href,\n  label,\n  'aria-controls': ariaControls\n}: TabBarLinkItemProps<K>) {\n  return (\n    <BaseTabBarItem\n      aria-controls={ariaControls}\n      itemKey={itemKey}\n      label={label}\n      icon={icon}\n      badge={badge}\n      metadata={metadata}\n      severity={severity}\n      labelMaxWidth={labelMaxWidth}\n      href={href}></BaseTabBarItem>\n  );\n}\n"],"names":["_jsx","BaseTabBarItem"],"mappings":";;;;;;AAkBA;;AAEG;AACG,SAAU,cAAc,CAA4B,EACxD,OAAO,EACP,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,IAAI,EACJ,KAAK,EACL,eAAe,EAAE,YAAY,EACN,EAAA;AACvB,IAAA,QACEA,cAAC,CAAAC,iCAAc,EACE,EAAA,eAAA,EAAA,YAAY,EAC3B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,IAAI,EAAE,IAAI,EAAA,CAAmB,EAC/B;AACJ;;;;"}

package/cjs/{Table-0bca32d4.js → Table-49575528.js}

@@ -28,7 +28,7 @@ var useInteractionStyle = require('./useInteractionStyle-c203a8a0.js');
 var PRIVATE_Table_themes_redwood_TableNoDataTheme = require('./PRIVATE_Table/themes/redwood/TableNoDataTheme.js');
 var useComponentTheme = require('./useComponentTheme-082fc8e4.js');
 var SelectorAll = require('./SelectorAll-c497a428.js');
-var SortControl = require('./SortControl-7be650eb.js');
+var SortControl = require('./SortControl-5ca85c6b.js');
 var useSortableContext = require('./useSortableContext-0510fd8e.js');
 var Button = require('./Button-170bea0b.js');
 var Dialog = require('./Dialog-152ab89d.js');
@@ -6066,4 +6066,4 @@ const Table = compat.forwardRef(function Table({ 'aria-label': ariaLabel, 'aria-
 });
 
 exports.Table = Table;
-//# sourceMappingURL=Table-0bca32d4.js.map
+//# sourceMappingURL=Table-49575528.js.map