@oracle/oraclejet-preact 20.0.6 → 20.0.7

package/es/DiagramStyles.styles3.css

@@ -1,48 +1,42 @@
-.DiagramStyles_outerStyles__18tpn7n0 {
+.DiagramStyles_outerStyles__1ep4hfg0 {
   position: relative;
   overflow: hidden;
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
 }
-.DiagramStyles_outerStyles__18tpn7n0:focus-visible {
+.DiagramStyles_outerStyles__1ep4hfg0:focus-visible {
   outline-width: 0px;
 }
-.DiagramStyles_layerStyles__18tpn7n1 {
+.DiagramStyles_layerStyles__1ep4hfg1 {
   display: inline-block;
   pointer-events: none;
   position: absolute;
   top: 0;
   left: 0;
 }
-.DiagramStyles_nodeStyles__18tpn7n2 {
+.DiagramStyles_nodeStyles__1ep4hfg2 {
   position: absolute;
   pointer-events: auto;
 }
-.DiagramStyles_linkStyles__18tpn7n3 {
+.DiagramStyles_linkStyles__1ep4hfg3 {
   pointer-events: auto;
 }
-.DiagramStyles_labelStyle__18tpn7n4 {
+.DiagramStyles_labelStyle__1ep4hfg4 {
   position: absolute;
 }
-.DiagramStyles_buttonStyle__18tpn7n5 {
-  position: absolute;
-}
-.DiagramStyles_labelBorderStyle__18tpn7n6 {
+.DiagramStyles_labelBorderStyle__1ep4hfg5 {
   border-style: solid;
 }
-.DiagramStyles_childContentStyle__18tpn7n7 {
-  position: absolute;
-}
-.DiagramStyles_dimmedItemStyle__18tpn7n8 {
+.DiagramStyles_dimmedItemStyle__1ep4hfg6 {
   opacity: var(--oj-c-dimmed-opacity);
 }
-.DiagramStyles_panZoomStyles__18tpn7n9 {
+.DiagramStyles_panZoomStyles__1ep4hfg7 {
   transform-origin: top left;
   position: relative;
   pointer-events: none;
 }
-.DiagramStyles_dimensionStyle__18tpn7na {
+.DiagramStyles_dimensionStyle__1ep4hfg8 {
   width: 100%;
   height: calc(140 * var(--oj-c-size-units, 0.25rem));
 }

package/es/PRIVATE_BaseCardView.js

@@ -1,5 +1,5 @@
 /* @oracle/oraclejet-preact: undefined */
-export { B as BaseCardView, a as getColCount, g as gutterSizeToPX } from './BaseCardView-35315f78.js';
+export { B as BaseCardView, a as getColCount, g as gutterSizeToPX } from './BaseCardView-f262a5b4.js';
 import 'preact/jsx-runtime';
 import 'preact';
 import 'preact/compat';

package/es/PRIVATE_Chart.js

@@ -1,5 +1,5 @@
 /* @oracle/oraclejet-preact: undefined */
-export { C as Chart } from './Chart-74ef9942.js';
+export { C as Chart } from './Chart-b1338ecd.js';
 import 'preact/jsx-runtime';
 import './PRIVATE_Chart/themes/ChartStyles.css.js';
 import './ChartStyles.styles.css';
@@ -68,9 +68,6 @@ import './mergeProps-88ea8306.js';
 import './useChartNav-49b52017.js';
 import './layoutUtils-ec5be703.js';
 import './useVisHover-d7a0b2f3.js';
-import './ScrollBar-c7a5d361.js';
-import './PRIVATE_ChartScrollBar/themes/ScrollBarStyles.css.js';
-import './ScrollBarStyles.styles.css';
 import './useSelectDrill-6b515558.js';
 import './useChartDataCursor-f79f98ec.js';
 import './hooks/PRIVATE_useChartDataCursor/themes/DataCursorStyles.css.js';
@@ -280,4 +277,7 @@ import './OverviewSlidingWindow-daac7a6a.js';
 import './PRIVATE_VisOverview/themes/VisOverview.css.js';
 import './VisOverview.styles.css';
 import './DragH-e7527f33.js';
+import './ScrollBar-c7a5d361.js';
+import './PRIVATE_ChartScrollBar/themes/ScrollBarStyles.css.js';
+import './ScrollBarStyles.styles.css';
 //# sourceMappingURL=PRIVATE_Chart.js.map

package/es/PRIVATE_CollapsibleNavigationList.js

@@ -4,6 +4,7 @@ import { u as useCurrentKey } from './useCurrentKey-38e5f097.js';
 import { d as getPrevNextKeyUsingRef, k as keyExtractor, c as getItemKeysArray, b as getFirstVisibleKey } from './collectionUtils-609f73d6.js';
 import { useContext, useCallback, useMemo, useRef, useState, useId, useEffect } from 'preact/hooks';
 import { createContext } from 'preact';
+import { E as Expander } from './Expander-0c60d26b.js';
 import { F as Flex } from './Flex-fc483125.js';
 import { m as mergeProps } from './mergeProps-88ea8306.js';
 import { u as usePress } from './usePress-051f5adb.js';
@@ -21,7 +22,6 @@ import { u as useUser } from './useUser-e543b73c.js';
 import { c as classNames } from './classNames-4e12b00d.js';
 import { m as mergeInterpolations } from './mergeInterpolations-30cd9a69.js';
 import { f as flexitemInterpolations } from './flexitem-7b7f7920.js';
-import { E as Expander } from './Expander-0c60d26b.js';
 import { u as useCollectionFocusRing } from './useCollectionFocusRing-c637c3da.js';
 import { navigationListStyles } from './PRIVATE_CollapsibleNavigationList/themes/CollapsibleNavigationListStyles.css.js';
 import './keys-49c92dbb.js';
@@ -111,10 +111,33 @@ import './PRIVATE_BaseSelector/themes/SelectorStyles.css.js';
 import './SelectorStyles.styles.css';
 import './CollectionInteractionContext-7cf19abc.js';
 import './useCollectionInteractionContext-3895c632.js';
+import './EmbeddedIconButton-8237a4ea.js';
+import './BaseButton-feeaaf1c.js';
+import './dimensions-e4fbc23d.js';
+import './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme.js';
+import './UNSAFE_BaseButton/themes/BaseButtonStyles.css.js';
+import './BaseButtonStyles.styles.css';
+import './UNSAFE_BaseButton/themes/redwood/BaseButtonVariants.css.js';
+import './UNSAFE_BaseButton/themes/redwood/BaseButtonBaseTheme.styles.css';
+import './BareButton-1e3df7cb.js';
+import './useBareButton-ff4bd21e.js';
+import './usePressClick-945cc43b.js';
+import './buttonUtils-55fb1df7.js';
+import './id-83adac50.js';
+import './ButtonLabelLayout-02656ee2.js';
+import './useButtonLabelLayoutTheme-571bee49.js';
+import './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutTheme.js';
+import './UNSAFE_ButtonLabelLayout/themes/ButtonLabelLayoutStyles.css.js';
+import './ButtonLabelLayoutStyles.styles.css';
+import './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.css.js';
+import './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.styles.css';
+import './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css.js';
+import './ButtonLabelLayoutVariants.styles.css';
+import './ChevronDown-63b88479.js';
+import './ChevronRight-500bb8c7.js';
 import './boxalignment-8980856d.js';
 import './boxalignment.styles.css';
 import './vanilla-extract-sprinkles-createRuntimeSprinkles.esm-2d655d37.js';
-import './dimensions-e4fbc23d.js';
 import './flexbox-529f25da.js';
 import './flexbox.styles.css';
 import './FlexStyles.styles.css';
@@ -138,29 +161,6 @@ import './_curry3-577eb45e.js';
 import './_curry2-01c87f61.js';
 import './_isObject-1fab0f5b.js';
 import './flexitem.styles.css';
-import './EmbeddedIconButton-8237a4ea.js';
-import './BaseButton-feeaaf1c.js';
-import './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme.js';
-import './UNSAFE_BaseButton/themes/BaseButtonStyles.css.js';
-import './BaseButtonStyles.styles.css';
-import './UNSAFE_BaseButton/themes/redwood/BaseButtonVariants.css.js';
-import './UNSAFE_BaseButton/themes/redwood/BaseButtonBaseTheme.styles.css';
-import './BareButton-1e3df7cb.js';
-import './useBareButton-ff4bd21e.js';
-import './usePressClick-945cc43b.js';
-import './buttonUtils-55fb1df7.js';
-import './id-83adac50.js';
-import './ButtonLabelLayout-02656ee2.js';
-import './useButtonLabelLayoutTheme-571bee49.js';
-import './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutTheme.js';
-import './UNSAFE_ButtonLabelLayout/themes/ButtonLabelLayoutStyles.css.js';
-import './ButtonLabelLayoutStyles.styles.css';
-import './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.css.js';
-import './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.styles.css';
-import './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css.js';
-import './ButtonLabelLayoutVariants.styles.css';
-import './ChevronDown-63b88479.js';
-import './ChevronRight-500bb8c7.js';
 import './CollapsibleNavigationListStyles.styles.css';
 
 /**

package/es/PRIVATE_TableList.js

@@ -39,8 +39,6 @@ import { u as useInteractionStyle } from './useInteractionStyle-99e32c23.js';
 import { S as Selector } from './Selector-b7fa8b54.js';
 import { textAlignStyles, verticalAlignStyles } from './PRIVATE_TableCommon/themes/Common.css.js';
 import { listCellStylesHC, listCellStyles } from './PRIVATE_TableList/themes/ListCellStyles.css.js';
-import './StyledCheckbox-8ca4a652.js';
-import './SelectorStyles.styles.css';
 import { listSkeletonStylesHC, listSkeletonStyles } from './PRIVATE_TableList/themes/ListSkeletonStyles.css.js';
 import { d as dimensionInterpolations } from './dimensions-e4fbc23d.js';
 import { m as mergeInterpolations } from './mergeInterpolations-30cd9a69.js';
@@ -93,8 +91,7 @@ import './useToggle-8b7fcefe.js';
 import './useActive-fb6d4d52.js';
 import './BaseSelector-9bbbaba1.js';
 import './useFocus-38c95977.js';
-import './PRIVATE_BaseSelector/themes/SelectorStyles.css.js';
-import './ListCellStyles.styles.css';
+import './StyledCheckbox-8ca4a652.js';
 import './Check-e656faf8.js';
 import './Icon-96679294.js';
 import './size-af1e638c.js';
@@ -129,6 +126,9 @@ import './UNSAFE_Checkbox/themes/redwood/CheckboxIconVariants.css.js';
 import './CheckboxIconVariants.styles.css';
 import './useTabbableMode-090ed4b5.js';
 import './StyledCheckbox.styles.css';
+import './PRIVATE_BaseSelector/themes/SelectorStyles.css.js';
+import './SelectorStyles.styles.css';
+import './ListCellStyles.styles.css';
 import './ListSkeletonStyles.styles.css';
 import './mergeDeepWithKey-33e3d1be.js';
 import './_isObject-1fab0f5b.js';

package/es/{TabBar-8672dd9f.js → TabBar-0105b4a0.js}

@@ -38,8 +38,6 @@ import './CollectionInteractionContext-7cf19abc.js';
 import './dropdownStyles.styles.css';
 import './Sheet-b5910642.js';
 import './OverflowTabBarItemStyles.styles.css';
-import './StyledCheckbox-8ca4a652.js';
-import './SelectorStyles.styles.css';
 import { styles } from './UNSAFE_TabBar/themes/TabBarStyles.css.js';
 import { u as useTabBar } from './useTabBar-c4e45980.js';
 import { T as TabBarContextMenu } from './TabBarContextMenu-62d0c704.js';
@@ -69,4 +67,4 @@ const TabBar = forwardRef(({ children, layout = 'stretch', display = 'standard',
 });
 
 export { TabBar as T };
-//# sourceMappingURL=TabBar-8672dd9f.js.map
+//# sourceMappingURL=TabBar-0105b4a0.js.map

package/es/{TabBar-8672dd9f.js.map → TabBar-0105b4a0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TabBar-8672dd9f.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              isContextMenuAvailable && 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":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkHA;;AAEG;MACU,MAAM,GAAG,UAAU,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,GAAG,SAAS,CAAC;QACZ,KAAK,EAAE,MAAM,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,QACEA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACEC,GAAC,CAAA,aAAa,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,aAAa,EAAA,QAAA,EAC1CA,GACM,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,sBAAsB,IAAI,wBAAwB;AAChD,0BAAE,eAAe;AACf,8BAAE,CAAA,EAAG,eAAe,CAAA,CAAA,EAAI,wBAAwB,CAAE,CAAA;AAClD,8BAAE,wBAAwB;AAC5B,0BAAE,eAAe,EAErB,QAAA,EAAAA,GAAA,CAAC,YAAY,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAC3C,QAAA,EAAA,QAAQ,EACI,CAAA,EAAA,CACX,EACiB,CAAA,EACxB,sBAAsB,IAAI,wBAAwB,KACjDA,GAAM,CAAA,MAAA,EAAA,EAAA,EAAE,EAAE,wBAAwB,EAChC,QAAA,EAAAA,GAAA,CAAC,gBAAgB,EAAE,EAAA,QAAA,EAAA,sBAAsB,EAAoB,CAAA,EAAA,CACxD,CACR,EACA,sBAAsB,IAAI,aAAa,IAAIA,GAAC,CAAA,UAAU,EAAE,EAAA,QAAA,EAAA,aAAa,EAAc,CAAA,EACnF,sBAAsB,KACrBA,GAAC,CAAA,iBAAiB,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-0105b4a0.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              isContextMenuAvailable && 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":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkHA;;AAEG;MACU,MAAM,GAAG,UAAU,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,GAAG,SAAS,CAAC;QACZ,KAAK,EAAE,MAAM,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,QACEA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACEC,GAAC,CAAA,aAAa,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,aAAa,EAAA,QAAA,EAC1CA,GACM,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,sBAAsB,IAAI,wBAAwB;AAChD,0BAAE,eAAe;AACf,8BAAE,CAAA,EAAG,eAAe,CAAA,CAAA,EAAI,wBAAwB,CAAE,CAAA;AAClD,8BAAE,wBAAwB;AAC5B,0BAAE,eAAe,EAErB,QAAA,EAAAA,GAAA,CAAC,YAAY,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAC3C,QAAA,EAAA,QAAQ,EACI,CAAA,EAAA,CACX,EACiB,CAAA,EACxB,sBAAsB,IAAI,wBAAwB,KACjDA,GAAM,CAAA,MAAA,EAAA,EAAA,EAAE,EAAE,wBAAwB,EAChC,QAAA,EAAAA,GAAA,CAAC,gBAAgB,EAAE,EAAA,QAAA,EAAA,sBAAsB,EAAoB,CAAA,EAAA,CACxD,CACR,EACA,sBAAsB,IAAI,aAAa,IAAIA,GAAC,CAAA,UAAU,EAAE,EAAA,QAAA,EAAA,aAAa,EAAc,CAAA,EACnF,sBAAsB,KACrBA,GAAC,CAAA,iBAAiB,EACZ,EAAA,GAAA,SAAS,EACb,iBAAiB,EAAE,iBAAiB,EACpC,kBAAkB,EAAE,kBAAmB,EAAA,CACvC,CACH,CAAA,EAAA,CACA,EACH;AACJ,CAAC;;;;"}