@oracle/oraclejet-preact 20.1.3 → 20.1.4

package/cjs/Sheet-543d5c76.js

@@ -4,13 +4,13 @@
 var jsxRuntime = require('preact/jsx-runtime');
 var hooks = require('preact/hooks');
 var Modal = require('./Modal-b751b643.js');
-var WindowOverlay = require('./WindowOverlay-4c314c6e.js');
+var WindowOverlay = require('./WindowOverlay-c61e4ab1.js');
 var tabbableUtils = require('./tabbableUtils-22a50472.js');
 var UNSAFE_Sheet_themes_SheetStyles_css = require('./UNSAFE_Sheet/themes/SheetStyles.css.js');
 var refUtils = require('./refUtils-a9872e75.js');
 var useAnimationStatus = require('./useAnimationStatus-8075dc19.js');
 var animationUtils = require('./animationUtils-54852d03.js');
-var useTranslationBundle = require('./useTranslationBundle-990e7928.js');
+var useTranslationBundle = require('./useTranslationBundle-12dd087d.js');
 
 /**
  * @license

package/cjs/SortControl-7b66435a.js

@@ -2,12 +2,12 @@
 'use strict';
 
 var jsxRuntime = require('preact/jsx-runtime');
-var useTestId = require('./useTestId-a8b07506.js');
-var useTranslationBundle = require('./useTranslationBundle-990e7928.js');
+var useTestId = require('./useTestId-4f53d561.js');
+var useTranslationBundle = require('./useTranslationBundle-12dd087d.js');
 var UNSAFE_SortControl_themes_SortControl_css = require('./UNSAFE_SortControl/themes/SortControl.css.js');
 var classNames = require('./classNames-c14c6ef3.js');
 var IconButton = require('./IconButton-d753d39b.js');
-var EmbeddedIconButton = require('./EmbeddedIconButton-fee703ac.js');
+var EmbeddedIconButton = require('./EmbeddedIconButton-3d1592a9.js');
 var UpParent = require('./UpParent-740df6bd.js');
 var DownParent = require('./DownParent-36fc3108.js');
 var useSortableContext = require('./useSortableContext-0510fd8e.js');

package/cjs/StyledCard-13c323e4.js

@@ -10,7 +10,7 @@ var aria = require('./aria-889aedd0.js');
 var mergeInterpolations = require('./mergeInterpolations-6727b536.js');
 var PRIVATE_StyledCard_themes_StyledCardStyles_css = require('./PRIVATE_StyledCard/themes/StyledCardStyles.css.js');
 var classNames = require('./classNames-c14c6ef3.js');
-var useTestId = require('./useTestId-a8b07506.js');
+var useTestId = require('./useTestId-4f53d561.js');
 var CheckboxRadioContext = require('./CheckboxRadioContext-3b134bd1.js');
 var clientHints = require('./clientHints-c40c5250.js');
 var _curry2 = require('./_curry2-c15d89cd.js');

package/cjs/{StyledLabelValueLayout-3ee66ef1.js → StyledLabelValueLayout-48da61b9.js}

@@ -2,7 +2,7 @@
 'use strict';
 
 var jsxRuntime = require('preact/jsx-runtime');
-var Flex = require('./Flex-ec48072d.js');
+var Flex = require('./Flex-3a257bc3.js');
 
 
 var labelInnerStyles = {base:'LabelValueLayoutStyles_labelInnerStyles_base__z3rxc55',start:'LabelValueLayoutStyles_labelInnerStyles_start__z3rxc56',startNotPureReadonly:'LabelValueLayoutStyles_labelInnerStyles_startNotPureReadonly__z3rxc57',startUnknownParent:'LabelValueLayoutStyles_labelInnerStyles_startUnknownParent__z3rxc58',startWithoutTopFormComponentWrapperUA:'LabelValueLayoutStyles_labelInnerStyles_startWithoutTopFormComponentWrapperUA__z3rxc59',insideFormComponentWrapper:'LabelValueLayoutStyles_labelInnerStyles_insideFormComponentWrapper__z3rxc5a',noWrap:'LabelValueLayoutStyles_labelInnerStyles_noWrap__z3rxc5b'};
@@ -19,4 +19,4 @@ const StyledLabelValueLayout = ({ flexAlign, labelStyleClasses, labelStyles, lab
 exports.StyledLabelValueLayout = StyledLabelValueLayout;
 exports.labelInnerStyles = labelInnerStyles;
 exports.labelSlotStyles = labelSlotStyles;
-//# sourceMappingURL=StyledLabelValueLayout-3ee66ef1.js.map
+//# sourceMappingURL=StyledLabelValueLayout-48da61b9.js.map

package/cjs/{StyledLabelValueLayout-3ee66ef1.js.map → StyledLabelValueLayout-48da61b9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StyledLabelValueLayout-3ee66ef1.js","sources":["../../src/UNSAFE_LabelValueLayout/StyledLabelValueLayout.tsx"],"sourcesContent":["import { Flex } from '#UNSAFE_Flex';\nimport { ComponentChildren, JSX } from 'preact';\nimport { valueSlotStyles } from './LabelValueLayoutStyles.css';\n\ntype Props = {\n  flexAlign: 'stretch' | 'start';\n  labelStyleClasses?: string;\n  labelStyles?: JSX.CSSProperties;\n  labelInnerClasses?: string;\n  label: ComponentChildren;\n  valueStyles?: JSX.CSSProperties;\n  children?: ComponentChildren;\n};\n\n/**\n * StyledLabelValueLayout is a styled layout component for displaying a label and its corresponding value.\n */\nexport const StyledLabelValueLayout = ({\n  flexAlign,\n  labelStyleClasses,\n  labelStyles,\n  labelInnerClasses,\n  label,\n  valueStyles,\n  children\n}: Props) => {\n  return (\n    <Flex wrap=\"wrap\" align={flexAlign}>\n      <div class={labelStyleClasses} style={labelStyles}>\n        <div class={labelInnerClasses}>{label}</div>\n      </div>\n      <div class={valueSlotStyles} style={valueStyles}>\n        {children}\n      </div>\n    </Flex>\n  );\n};\n"],"names":["_jsxs","Flex","_jsx"],"mappings":";;;;;;;;;;;AAcA;;AAEG;MACU,sBAAsB,GAAG,CAAC,EACrC,SAAS,EACT,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,KAAK,EACL,WAAW,EACX,QAAQ,EACF,KAAI;AACV,IAAA,QACEA,eAAC,CAAAC,SAAI,IAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,SAAS,EAAA,QAAA,EAAA,CAChCC,wBAAK,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,WAAW,EAAA,QAAA,EAC/CA,wBAAK,KAAK,EAAE,iBAAiB,EAAG,QAAA,EAAA,KAAK,GAAO,EACxC,CAAA,EACNA,wBAAK,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,WAAW,EAAA,QAAA,EAC5C,QAAQ,EACL,CAAA,CAAA,EAAA,CACD,EACP;AACJ;;;;;;"}
+{"version":3,"file":"StyledLabelValueLayout-48da61b9.js","sources":["../../src/UNSAFE_LabelValueLayout/StyledLabelValueLayout.tsx"],"sourcesContent":["import { Flex } from '#UNSAFE_Flex';\nimport { ComponentChildren, JSX } from 'preact';\nimport { valueSlotStyles } from './LabelValueLayoutStyles.css';\n\ntype Props = {\n  flexAlign: 'stretch' | 'start';\n  labelStyleClasses?: string;\n  labelStyles?: JSX.CSSProperties;\n  labelInnerClasses?: string;\n  label: ComponentChildren;\n  valueStyles?: JSX.CSSProperties;\n  children?: ComponentChildren;\n};\n\n/**\n * StyledLabelValueLayout is a styled layout component for displaying a label and its corresponding value.\n */\nexport const StyledLabelValueLayout = ({\n  flexAlign,\n  labelStyleClasses,\n  labelStyles,\n  labelInnerClasses,\n  label,\n  valueStyles,\n  children\n}: Props) => {\n  return (\n    <Flex wrap=\"wrap\" align={flexAlign}>\n      <div class={labelStyleClasses} style={labelStyles}>\n        <div class={labelInnerClasses}>{label}</div>\n      </div>\n      <div class={valueSlotStyles} style={valueStyles}>\n        {children}\n      </div>\n    </Flex>\n  );\n};\n"],"names":["_jsxs","Flex","_jsx"],"mappings":";;;;;;;;;;;AAcA;;AAEG;MACU,sBAAsB,GAAG,CAAC,EACrC,SAAS,EACT,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,KAAK,EACL,WAAW,EACX,QAAQ,EACF,KAAI;AACV,IAAA,QACEA,eAAC,CAAAC,SAAI,IAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,SAAS,EAAA,QAAA,EAAA,CAChCC,wBAAK,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,WAAW,EAAA,QAAA,EAC/CA,wBAAK,KAAK,EAAE,iBAAiB,EAAG,QAAA,EAAA,KAAK,GAAO,EACxC,CAAA,EACNA,wBAAK,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,WAAW,EAAA,QAAA,EAC5C,QAAQ,EACL,CAAA,CAAA,EAAA,CACD,EACP;AACJ;;;;;;"}

package/cjs/StyledSwitch-63714ddf.js

@@ -4,7 +4,7 @@
 var jsxRuntime = require('preact/jsx-runtime');
 var compat = require('preact/compat');
 var hooks = require('preact/hooks');
-var useTestId = require('./useTestId-a8b07506.js');
+var useTestId = require('./useTestId-4f53d561.js');
 var PRIVATE_StyledSwitch_themes_StyledSwitchStyles_css = require('./PRIVATE_StyledSwitch/themes/StyledSwitchStyles.css.js');
 require('./TabbableModeContext-e99d527e.js');
 var useTabbableMode = require('./useTabbableMode-dbd254e8.js');
@@ -12,7 +12,7 @@ var useComponentTheme = require('./useComponentTheme-181c58a1.js');
 var PRIVATE_StyledSwitch_themes_redwood_StyledSwitchTheme = require('./PRIVATE_StyledSwitch/themes/redwood/StyledSwitchTheme.js');
 var classNames = require('./classNames-c14c6ef3.js');
 var HiddenAccessible = require('./HiddenAccessible-087eb49a.js');
-var useTranslationBundle = require('./useTranslationBundle-990e7928.js');
+var useTranslationBundle = require('./useTranslationBundle-12dd087d.js');
 var useId = require('./useId-6c0eeb27.js');
 var useActive = require('./useActive-6770f917.js');
 var mergeProps = require('./mergeProps-e3da7237.js');

package/cjs/StyledTextField-1e8fded8.js

@@ -10,7 +10,7 @@ var useFormFieldContext = require('./useFormFieldContext-4632eb73.js');
 require('./TabbableModeContext-e99d527e.js');
 var useTabbableMode = require('./useTabbableMode-dbd254e8.js');
 var useTextFieldInputHandlers = require('./useTextFieldInputHandlers-850d395c.js');
-var useTranslationBundle = require('./useTranslationBundle-990e7928.js');
+var useTranslationBundle = require('./useTranslationBundle-12dd087d.js');
 var formControlUtils = require('./formControlUtils-596c9dc3.js');
 var classNames = require('./classNames-c14c6ef3.js');
 var textAlign = require('./textAlign-f41f49db.js');
@@ -22,16 +22,16 @@ var UNSAFE_TextField_themes_redwood_TextFieldInputTheme = require('./UNSAFE_Text
 var UNSAFE_Label_themes_redwood_LabelTheme = require('./UNSAFE_Label/themes/redwood/LabelTheme.js');
 var LabelValueLayout = require('./LabelValueLayout-05fda111.js');
 var UNSAFE_Skeleton_themes_redwood_SkeletonTheme = require('./UNSAFE_Skeleton/themes/redwood/SkeletonTheme.js');
-var useTestId = require('./useTestId-a8b07506.js');
+var useTestId = require('./useTestId-4f53d561.js');
 var LayoutStyles_css = require('./LayoutStyles.css-b4025421.js');
 var compat = require('preact/compat');
 require('./FormContext-d1d05967.js');
 var useFormContext = require('./useFormContext-a794f7b6.js');
-var Flex = require('./Flex-ec48072d.js');
+var Flex = require('./Flex-3a257bc3.js');
 require('./InputGroupContext-05f2a46f.js');
 var useInputGroupContext = require('./useInputGroupContext-4c10bd57.js');
-var useTooltipControlled = require('./useTooltipControlled-11ad62b6.js');
-var useUser = require('./useUser-cc045b3e.js');
+var useTooltipControlled = require('./useTooltipControlled-eca322a7.js');
+var useUser = require('./useUser-1295b5cb.js');
 var UNSAFE_TextField_themes_redwood_TextFieldTheme = require('./UNSAFE_TextField/themes/redwood/TextFieldTheme.js');
 var UNSAFE_TextField_themes_redwood_ReadonlyTextFieldTheme = require('./UNSAFE_TextField/themes/redwood/ReadonlyTextFieldTheme.js');
 var UNSAFE_TextField_themes_redwood_FormLayoutTheme = require('./UNSAFE_TextField/themes/redwood/FormLayoutTheme.js');

package/cjs/Submenu-ac9a8ba3.js

@@ -10,7 +10,7 @@ var UNSAFE_Menu_themes_MenuItemStyles_css = require('./UNSAFE_Menu/themes/MenuIt
 var compat = require('preact/compat');
 var DirectionalExpandArrowIcon = require('./DirectionalExpandArrowIcon-12c12335.js');
 var themeContract_css = require('./themeContract.css-f3d431c6.js');
-var useScale = require('./useScale-529046e3.js');
+var useScale = require('./useScale-db16c2b8.js');
 var DirectionalCollapseArrowIcon = require('./DirectionalCollapseArrowIcon-f773f282.js');
 
 /**

package/cjs/{TabBar-9bc26ed2.js → TabBar-bf237113.js}

@@ -3,12 +3,12 @@
 
 var jsxRuntime = require('preact/jsx-runtime');
 var HiddenAccessible = require('./HiddenAccessible-087eb49a.js');
-var LiveRegion = require('./LiveRegion-60535481.js');
+var LiveRegion = require('./LiveRegion-62ce9ac7.js');
 require('preact/hooks');
-require('./LayerHost-21391a0d.js');
+require('./LayerHost-3cd73603.js');
 var compat = require('preact/compat');
 require('./UNSAFE_Text/themes/TextStyles.css.js');
-require('./Flex-ec48072d.js');
+require('./Flex-3a257bc3.js');
 var TabBarLayout = require('./TabBarLayout-ca8af14b.js');
 require('./flexitem-fee13e26.js');
 require('./dimensions-6101ca1f.js');
@@ -27,12 +27,12 @@ require('preact');
 
 
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
-require('./tooltipUtils-4ecc39d9.js');
+require('./tooltipUtils-08f65b56.js');
 
 require('./safeHref-c478be73.js');
-require('./BaseButton-e31fec18.js');
+require('./BaseButton-51014bfb.js');
 require('./ButtonLabelLayout-c0018463.js');
-require('./Floating-381eedb9.js');
+require('./Floating-0af5d7b2.js');
 
 require('./keyboardUtils-b42fe7d5.js');
 require('./tabbableUtils-22a50472.js');
@@ -40,6 +40,8 @@ require('./CollectionInteractionContext-f84ff7a1.js');
 
 require('./Sheet-543d5c76.js');
 
+require('./StyledCheckbox-123dcf30.js');
+
 var UNSAFE_TabBar_themes_TabBarStyles_css = require('./UNSAFE_TabBar/themes/TabBarStyles.css.js');
 var useTabBar = require('./useTabBar-59484847.js');
 var TabBarContextMenu = require('./TabBarContextMenu-9a34609f.js');
@@ -69,4 +71,4 @@ const TabBar = compat.forwardRef(({ children, layout = 'stretch', display = 'sta
 });
 
 exports.TabBar = TabBar;
-//# sourceMappingURL=TabBar-9bc26ed2.js.map
+//# sourceMappingURL=TabBar-bf237113.js.map

package/cjs/{TabBar-9bc26ed2.js.map → TabBar-bf237113.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TabBar-9bc26ed2.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":["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,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,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-bf237113.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":["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,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,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/TabBarContextMenu-9a34609f.js

@@ -6,12 +6,12 @@ var SelectMenuGroupContext = require('./SelectMenuGroupContext-0d1d0219.js');
 require('preact/hooks');
 require('preact');
 require('./logger-2c9401cc.js');
-require('./LayerHost-21391a0d.js');
+require('./LayerHost-3cd73603.js');
 require('preact/compat');
 
 
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
-require('./tooltipUtils-4ecc39d9.js');
+require('./tooltipUtils-08f65b56.js');
 
 require('./UNSAFE_Menu/themes/MenuItemStyles.css.js');
 var Separator = require('./Separator-85962472.js');

package/cjs/TabBarLayout-ca8af14b.js

@@ -2,7 +2,7 @@
 'use strict';
 
 var jsxRuntime = require('preact/jsx-runtime');
-var Flex = require('./Flex-ec48072d.js');
+var Flex = require('./Flex-3a257bc3.js');
 var preact = require('preact');
 var hooks = require('preact/hooks');
 

package/cjs/Table-2d3b461b.js

@@ -10,18 +10,18 @@ var useCollectionInteractionContext = require('./useCollectionInteractionContext
 var useComponentTheme = require('./useComponentTheme-181c58a1.js');
 var useId = require('./useId-6c0eeb27.js');
 var TabbableModeContext = require('./TabbableModeContext-e99d527e.js');
-var useTestId = require('./useTestId-a8b07506.js');
-var useUser = require('./useUser-cc045b3e.js');
+var useTestId = require('./useTestId-4f53d561.js');
+var useUser = require('./useUser-1295b5cb.js');
 var classNames = require('./classNames-c14c6ef3.js');
 var FocusTracker = require('./FocusTracker-e2ea43c3.js');
 var ScrollUtils = require('./ScrollUtils-e8076071.js');
 var mergeProps = require('./mergeProps-e3da7237.js');
 var useContextMenuGesture = require('./useContextMenuGesture-530ef8dd.js');
 var TableColGroup = require('./TableColGroup-35ce0ee4.js');
-var useTranslationBundle = require('./useTranslationBundle-990e7928.js');
-var Button = require('./Button-59db38b3.js');
-var Dialog = require('./Dialog-ccb3aa5a.js');
-var Flex = require('./Flex-ec48072d.js');
+var useTranslationBundle = require('./useTranslationBundle-12dd087d.js');
+var Button = require('./Button-08378677.js');
+var Dialog = require('./Dialog-e8c004aa.js');
+var Flex = require('./Flex-3a257bc3.js');
 var SelectMenuGroupContext = require('./SelectMenuGroupContext-0d1d0219.js');
 var Submenu = require('./Submenu-ac9a8ba3.js');
 require('./logger-2c9401cc.js');
@@ -30,10 +30,10 @@ require('./UNSAFE_Separator/themes/SeparatorStyles.css.js');
 
 require('./UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css.js');
 var NumberInputText = require('./NumberInputText-64705c3a.js');
-var useColorScheme = require('./useColorScheme-852ec82e.js');
-var useScale = require('./useScale-529046e3.js');
-var useTooltipControlled = require('./useTooltipControlled-11ad62b6.js');
-var tooltipUtils = require('./tooltipUtils-4ecc39d9.js');
+var useColorScheme = require('./useColorScheme-f8b1447d.js');
+var useScale = require('./useScale-db16c2b8.js');
+var useTooltipControlled = require('./useTooltipControlled-eca322a7.js');
+var tooltipUtils = require('./tooltipUtils-08f65b56.js');
 var collectionUtils = require('./collectionUtils-64b041ac.js');
 var tabbableUtils = require('./tabbableUtils-22a50472.js');
 var EventUtils = require('./EventUtils-c416c5e1.js');
@@ -51,7 +51,7 @@ var Selector = require('./Selector-b2ee1b41.js');
 var FormContext = require('./FormContext-d1d05967.js');
 var PRIVATE_TableCommon_themes_Common_css = require('./PRIVATE_TableCommon/themes/Common.css.js');
 var useSortableContext = require('./useSortableContext-0510fd8e.js');
-var SelectorAll = require('./SelectorAll-d0da0a6d.js');
+var SelectorAll = require('./SelectorAll-54036a09.js');
 var SortControl = require('./SortControl-7b66435a.js');
 var PRIVATE_Table_themes_TableHeaderCellStyles_css = require('./PRIVATE_Table/themes/TableHeaderCellStyles.css.js');
 

package/cjs/TableColGroup-35ce0ee4.js

@@ -14,7 +14,7 @@ var PRIVATE_Table_themes_TableCellStyles_css = require('./PRIVATE_Table/themes/T
 var PRIVATE_Table_themes_TableFooterCellStyles_css = require('./PRIVATE_Table/themes/TableFooterCellStyles.css.js');
 var PRIVATE_Table_themes_TableHeaderCellStyles_css = require('./PRIVATE_Table/themes/TableHeaderCellStyles.css.js');
 var jsxRuntime = require('preact/jsx-runtime');
-var useTranslationBundle = require('./useTranslationBundle-990e7928.js');
+var useTranslationBundle = require('./useTranslationBundle-12dd087d.js');
 var classNames = require('./classNames-c14c6ef3.js');
 var LoadMoreCollection = require('./LoadMoreCollection-eb1f2603.js');
 var PRIVATE_Table_themes_TableSkeletonStyles_css = require('./PRIVATE_Table/themes/TableSkeletonStyles.css.js');

package/cjs/TextField-8da0a9f4.js

@@ -2,7 +2,7 @@
 'use strict';
 
 var jsxRuntime = require('preact/jsx-runtime');
-var useTestId = require('./useTestId-a8b07506.js');
+var useTestId = require('./useTestId-4f53d561.js');
 var LabelValueLayout = require('./LabelValueLayout-05fda111.js');
 var StyledTextField = require('./StyledTextField-1e8fded8.js');
 var hooks = require('preact/hooks');
@@ -11,8 +11,8 @@ require('./FormFieldContext-69fe83d2.js');
 var useFormFieldContext = require('./useFormFieldContext-4632eb73.js');
 require('./InputGroupContext-05f2a46f.js');
 var useInputGroupContext = require('./useInputGroupContext-4c10bd57.js');
-var useUser = require('./useUser-cc045b3e.js');
-var Flex = require('./Flex-ec48072d.js');
+var useUser = require('./useUser-1295b5cb.js');
+var Flex = require('./Flex-3a257bc3.js');
 var formControlUtils = require('./formControlUtils-596c9dc3.js');
 var classNames = require('./classNames-c14c6ef3.js');
 var UNSAFE_TextField_themes_redwood_TextFieldTheme = require('./UNSAFE_TextField/themes/redwood/TextFieldTheme.js');