@oracle/oraclejet-preact 21.0.0 → 21.0.1

package/es/{SelectMobileDropdown-cec84a47.js → SelectMobileDropdown-502af91c.js}

@@ -1,17 +1,17 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { useState, useCallback } from 'preact/hooks';
-import { F as Floating } from './Floating-87cd2bbf.js';
-import { L as Layer } from './Layer-937ca8d8.js';
+import { F as Floating } from './Floating-91e0f4c1.js';
+import { L as Layer } from './Layer-542de448.js';
 import 'preact/compat';
-import './LayerHost-20500ac8.js';
+import './LayerHost-c4481db3.js';
 import { i as isControlOrFunctionKey, K as KEYS } from './keyboardUtils-412ce58a.js';
 import { a as preventDefaultForCurrentTarget } from './DropdownList-15be9519.js';
 import { dropdownStyles } from './PRIVATE_SelectCommon/themes/dropdownStyles.css.js';
-import { u as useOutsideMousedown } from './useOutsideMousedown-36235b3d.js';
+import { u as useOutsideMousedown } from './useOutsideMousedown-9da55345.js';
 import { S as Separator } from './Separator-93c70737.js';
-import { F as Flex } from './Flex-f0f1bb0d.js';
-import { W as WindowOverlay } from './WindowOverlay-05bff667.js';
+import { F as Flex } from './Flex-f5fe143f.js';
+import { W as WindowOverlay } from './WindowOverlay-9f2cbaa0.js';
 import { mobileDropdownStyles } from './PRIVATE_SelectCommon/themes/mobileDropdownStyles.css.js';
 import { selectMobileDropdownStyles } from './PRIVATE_SelectCommon/themes/selectMobileDropdownStyles.css.js';
 
@@ -84,4 +84,4 @@ function SelectMobileDropdown({ children, footer, hasHeaderSeparator = true, hea
 }
 
 export { Dropdown as D, MobileDropdown as M, SelectMobileDropdown as S };
-//# sourceMappingURL=SelectMobileDropdown-cec84a47.js.map
+//# sourceMappingURL=SelectMobileDropdown-502af91c.js.map

package/es/{SelectMobileDropdown-cec84a47.js.map → SelectMobileDropdown-502af91c.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SelectMobileDropdown-cec84a47.js","sources":["../../src/PRIVATE_SelectCommon/Dropdown.tsx","../../src/PRIVATE_SelectCommon/MobileDropdown.tsx","../../src/PRIVATE_SelectCommon/SelectMobileDropdown.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 */\n\nimport { ComponentChildren, ComponentProps } from 'preact';\nimport { MutableRef, useCallback, useState } from 'preact/hooks';\nimport { Floating, PositionData } from '../UNSAFE_Floating';\nimport { Layer } from '../UNSAFE_Layer';\nimport { isControlOrFunctionKey, KEYS } from '../utils/PRIVATE_keyboardUtils';\nimport { preventDefaultForCurrentTarget } from './eventUtils';\nimport { dropdownStyles } from './themes/dropdownStyles.css';\n//Once Dropdown is consumed this will be removed\nimport { useOutsideMousedown } from '../hooks/PRIVATE_useOutsideMousedown';\n\ntype FloatingProps = ComponentProps<typeof Floating>;\n\ntype Props = {\n  anchorRef: MutableRef<HTMLElement | null>;\n  children?: ComponentChildren;\n  dropdownRef: MutableRef<HTMLElement | null>;\n  id?: string;\n  isOpen?: boolean;\n  onAutoDismiss?: (event?: Event) => void;\n  onPosition?: FloatingProps['onPosition'];\n};\n\nconst DEFAULT_PLACEMENT = 'bottom-start';\n// TODO: get dropdown y (mainAxis) offset from --oj-c-PRIVATE-DO-NOT-USE-private-core-global-dropdown-offset\nconst DROPDOWN_OFFSET: FloatingProps['offsetValue'] = { mainAxis: 4, crossAxis: 0 };\nconst DROPDOWN_SIZE_OPTIONS: FloatingProps['sizeOptions'] = {\n  isMaxHeightAdjusted: true,\n  maxHeightCeiling: 400\n};\nconst DROPDOWN_SHIFT_OPTIONS: FloatingProps['shiftOptions'] = {\n  mainAxis: false\n};\n\n//TODO: Start consuming PRIVATE_Dropdown. JET-62565\nexport function Dropdown({\n  anchorRef,\n  children,\n  dropdownRef,\n  id,\n  isOpen,\n  onAutoDismiss,\n  onPosition\n}: Props) {\n  const [placement, setPlacement] = useState<FloatingProps['placement']>(DEFAULT_PLACEMENT);\n  const [prevIsOpen, setPrevIsOpen] = useState(isOpen);\n\n  if (prevIsOpen !== isOpen) {\n    // reset the placement to the default when the dropdown closes, not opens, so that it doesn't\n    // initially open in the previous position and then move to the default position on the\n    // rerender after the state is updated\n    if (!isOpen) {\n      setPlacement(DEFAULT_PLACEMENT);\n    }\n    setPrevIsOpen(isOpen);\n  }\n\n  const handlePosition = useCallback(\n    (positionData: PositionData) => {\n      // update the placement so that the dropdown stays where it is until there is a collision,\n      // i.e. it no longer fits, instead of letting it try to move back to the default position\n      // on every render\n      setPlacement(positionData.placement);\n\n      // call the callback that was passed in through props\n      onPosition?.(positionData);\n    },\n    [onPosition, setPlacement]\n  );\n\n  const handleAutoDismiss = useCallback(\n    (event: Event) => {\n      onAutoDismiss?.(event);\n    },\n    [onAutoDismiss]\n  );\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.defaultPrevented || isControlOrFunctionKey(event)) {\n        return;\n      }\n\n      switch (event.code) {\n        case KEYS.ESC:\n        case KEYS.TAB:\n          handleAutoDismiss(event);\n          break;\n      }\n    },\n    [handleAutoDismiss]\n  );\n\n  // use the mousedown event to be consistent with legacy JET and so that we're hiding the dropdown\n  // on the same event where focus will transfer\n  useOutsideMousedown({\n    isDisabled: !isOpen,\n    ref: [anchorRef, dropdownRef],\n    handler: handleAutoDismiss\n  });\n\n  const inlineStyle = isOpen\n    ? {\n        minWidth: `${anchorRef.current?.offsetWidth}px`\n      }\n    : {};\n\n  return !isOpen ? null : (\n    <Layer logicalParentRef={anchorRef}>\n      <Floating\n        anchorRef={anchorRef}\n        sizeOptions={DROPDOWN_SIZE_OPTIONS}\n        shiftOptions={DROPDOWN_SHIFT_OPTIONS}\n        ref={dropdownRef}\n        placement={placement}\n        offsetValue={DROPDOWN_OFFSET}\n        onPosition={handlePosition}>\n        <div\n          class={dropdownStyles.base}\n          id={id}\n          style={inlineStyle}\n          onKeyDown={handleKeyDown}\n          onMouseDown={preventDefaultForCurrentTarget}>\n          {children}\n        </div>\n      </Floating>\n    </Layer>\n  );\n}\n","import type { ComponentChildren, JSX } from 'preact';\nimport { Flex } from '../UNSAFE_Flex';\nimport { Layer } from '../UNSAFE_Layer';\nimport { WindowOverlay } from '../UNSAFE_WindowOverlay';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { mobileDropdownStyles } from './themes/mobileDropdownStyles.css';\n\ntype Props = {\n  /**\n   * Id of the label to associate with the dropdown (e.g. the label of the filter field).\n   */\n  'aria-labelledby'?: UnpackSignals<JSX.AriaAttributes>['aria-labelledby'];\n\n  /**\n   * The dropdown content\n   */\n  children?: ComponentChildren;\n\n  /**\n   * The id for the top level element\n   */\n  id?: string;\n\n  /**\n   * Specifies whether the dropdown is being shown\n   */\n  isOpen?: boolean;\n};\n\nexport function MobileDropdown({ 'aria-labelledby': ariaLabelledBy, children, id, isOpen }: Props) {\n  return !isOpen ? null : (\n    <Layer>\n      <WindowOverlay>\n        <div\n          id={id}\n          class={mobileDropdownStyles.base}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-labelledby={ariaLabelledBy}>\n          <Flex width=\"100%\" height=\"100%\" maxHeight=\"100%\" direction=\"column\">\n            {children}\n          </Flex>\n        </div>\n      </WindowOverlay>\n    </Layer>\n  );\n}\n","import { ComponentChildren, ComponentProps } from 'preact';\nimport { Separator } from '../UNSAFE_Separator';\nimport { MobileDropdown } from './MobileDropdown';\nimport { selectMobileDropdownStyles } from './themes/selectMobileDropdownStyles.css';\n\ntype MobileDropdownProps = ComponentProps<typeof MobileDropdown>;\ntype PassThroughMobileDropdownProps = Pick<MobileDropdownProps, 'id' | 'isOpen'>;\n\ntype Props = PassThroughMobileDropdownProps & {\n  /**\n   * The main dropdown content\n   */\n  children?: ComponentChildren;\n\n  /**\n   * The components to be placed in the end of the dropdown\n   */\n  footer?: ComponentChildren;\n\n  /**\n   * The components to be placed in the beginning of the dropdown\n   */\n  header?: ComponentChildren;\n\n  /**\n   * Specifies whether to have a separator between header and content\n   */\n  hasHeaderSeparator?: boolean;\n\n  /**\n   * Id of the label for the filter field.\n   */\n  labelId?: string;\n};\n\nexport function SelectMobileDropdown({\n  children,\n  footer,\n  hasHeaderSeparator = true,\n  header,\n  id,\n  isOpen,\n  labelId\n}: Props) {\n  return (\n    <MobileDropdown id={id} isOpen={isOpen} aria-labelledby={labelId}>\n      {header}\n      {hasHeaderSeparator && <Separator />}\n      {/* TODO: Add overflow support to View and use it here */}\n      {/*  */}\n      <div class={selectMobileDropdownStyles.content}>{children}</div>\n      <Separator />\n      {footer}\n    </MobileDropdown>\n  );\n}\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"SelectMobileDropdown-502af91c.js","sources":["../../src/PRIVATE_SelectCommon/Dropdown.tsx","../../src/PRIVATE_SelectCommon/MobileDropdown.tsx","../../src/PRIVATE_SelectCommon/SelectMobileDropdown.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 */\n\nimport { ComponentChildren, ComponentProps } from 'preact';\nimport { MutableRef, useCallback, useState } from 'preact/hooks';\nimport { Floating, PositionData } from '../UNSAFE_Floating';\nimport { Layer } from '../UNSAFE_Layer';\nimport { isControlOrFunctionKey, KEYS } from '../utils/PRIVATE_keyboardUtils';\nimport { preventDefaultForCurrentTarget } from './eventUtils';\nimport { dropdownStyles } from './themes/dropdownStyles.css';\n//Once Dropdown is consumed this will be removed\nimport { useOutsideMousedown } from '../hooks/PRIVATE_useOutsideMousedown';\n\ntype FloatingProps = ComponentProps<typeof Floating>;\n\ntype Props = {\n  anchorRef: MutableRef<HTMLElement | null>;\n  children?: ComponentChildren;\n  dropdownRef: MutableRef<HTMLElement | null>;\n  id?: string;\n  isOpen?: boolean;\n  onAutoDismiss?: (event?: Event) => void;\n  onPosition?: FloatingProps['onPosition'];\n};\n\nconst DEFAULT_PLACEMENT = 'bottom-start';\n// TODO: get dropdown y (mainAxis) offset from --oj-c-PRIVATE-DO-NOT-USE-private-core-global-dropdown-offset\nconst DROPDOWN_OFFSET: FloatingProps['offsetValue'] = { mainAxis: 4, crossAxis: 0 };\nconst DROPDOWN_SIZE_OPTIONS: FloatingProps['sizeOptions'] = {\n  isMaxHeightAdjusted: true,\n  maxHeightCeiling: 400\n};\nconst DROPDOWN_SHIFT_OPTIONS: FloatingProps['shiftOptions'] = {\n  mainAxis: false\n};\n\n//TODO: Start consuming PRIVATE_Dropdown. JET-62565\nexport function Dropdown({\n  anchorRef,\n  children,\n  dropdownRef,\n  id,\n  isOpen,\n  onAutoDismiss,\n  onPosition\n}: Props) {\n  const [placement, setPlacement] = useState<FloatingProps['placement']>(DEFAULT_PLACEMENT);\n  const [prevIsOpen, setPrevIsOpen] = useState(isOpen);\n\n  if (prevIsOpen !== isOpen) {\n    // reset the placement to the default when the dropdown closes, not opens, so that it doesn't\n    // initially open in the previous position and then move to the default position on the\n    // rerender after the state is updated\n    if (!isOpen) {\n      setPlacement(DEFAULT_PLACEMENT);\n    }\n    setPrevIsOpen(isOpen);\n  }\n\n  const handlePosition = useCallback(\n    (positionData: PositionData) => {\n      // update the placement so that the dropdown stays where it is until there is a collision,\n      // i.e. it no longer fits, instead of letting it try to move back to the default position\n      // on every render\n      setPlacement(positionData.placement);\n\n      // call the callback that was passed in through props\n      onPosition?.(positionData);\n    },\n    [onPosition, setPlacement]\n  );\n\n  const handleAutoDismiss = useCallback(\n    (event: Event) => {\n      onAutoDismiss?.(event);\n    },\n    [onAutoDismiss]\n  );\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.defaultPrevented || isControlOrFunctionKey(event)) {\n        return;\n      }\n\n      switch (event.code) {\n        case KEYS.ESC:\n        case KEYS.TAB:\n          handleAutoDismiss(event);\n          break;\n      }\n    },\n    [handleAutoDismiss]\n  );\n\n  // use the mousedown event to be consistent with legacy JET and so that we're hiding the dropdown\n  // on the same event where focus will transfer\n  useOutsideMousedown({\n    isDisabled: !isOpen,\n    ref: [anchorRef, dropdownRef],\n    handler: handleAutoDismiss\n  });\n\n  const inlineStyle = isOpen\n    ? {\n        minWidth: `${anchorRef.current?.offsetWidth}px`\n      }\n    : {};\n\n  return !isOpen ? null : (\n    <Layer logicalParentRef={anchorRef}>\n      <Floating\n        anchorRef={anchorRef}\n        sizeOptions={DROPDOWN_SIZE_OPTIONS}\n        shiftOptions={DROPDOWN_SHIFT_OPTIONS}\n        ref={dropdownRef}\n        placement={placement}\n        offsetValue={DROPDOWN_OFFSET}\n        onPosition={handlePosition}>\n        <div\n          class={dropdownStyles.base}\n          id={id}\n          style={inlineStyle}\n          onKeyDown={handleKeyDown}\n          onMouseDown={preventDefaultForCurrentTarget}>\n          {children}\n        </div>\n      </Floating>\n    </Layer>\n  );\n}\n","import type { ComponentChildren, JSX } from 'preact';\nimport { Flex } from '../UNSAFE_Flex';\nimport { Layer } from '../UNSAFE_Layer';\nimport { WindowOverlay } from '../UNSAFE_WindowOverlay';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { mobileDropdownStyles } from './themes/mobileDropdownStyles.css';\n\ntype Props = {\n  /**\n   * Id of the label to associate with the dropdown (e.g. the label of the filter field).\n   */\n  'aria-labelledby'?: UnpackSignals<JSX.AriaAttributes>['aria-labelledby'];\n\n  /**\n   * The dropdown content\n   */\n  children?: ComponentChildren;\n\n  /**\n   * The id for the top level element\n   */\n  id?: string;\n\n  /**\n   * Specifies whether the dropdown is being shown\n   */\n  isOpen?: boolean;\n};\n\nexport function MobileDropdown({ 'aria-labelledby': ariaLabelledBy, children, id, isOpen }: Props) {\n  return !isOpen ? null : (\n    <Layer>\n      <WindowOverlay>\n        <div\n          id={id}\n          class={mobileDropdownStyles.base}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-labelledby={ariaLabelledBy}>\n          <Flex width=\"100%\" height=\"100%\" maxHeight=\"100%\" direction=\"column\">\n            {children}\n          </Flex>\n        </div>\n      </WindowOverlay>\n    </Layer>\n  );\n}\n","import { ComponentChildren, ComponentProps } from 'preact';\nimport { Separator } from '../UNSAFE_Separator';\nimport { MobileDropdown } from './MobileDropdown';\nimport { selectMobileDropdownStyles } from './themes/selectMobileDropdownStyles.css';\n\ntype MobileDropdownProps = ComponentProps<typeof MobileDropdown>;\ntype PassThroughMobileDropdownProps = Pick<MobileDropdownProps, 'id' | 'isOpen'>;\n\ntype Props = PassThroughMobileDropdownProps & {\n  /**\n   * The main dropdown content\n   */\n  children?: ComponentChildren;\n\n  /**\n   * The components to be placed in the end of the dropdown\n   */\n  footer?: ComponentChildren;\n\n  /**\n   * The components to be placed in the beginning of the dropdown\n   */\n  header?: ComponentChildren;\n\n  /**\n   * Specifies whether to have a separator between header and content\n   */\n  hasHeaderSeparator?: boolean;\n\n  /**\n   * Id of the label for the filter field.\n   */\n  labelId?: string;\n};\n\nexport function SelectMobileDropdown({\n  children,\n  footer,\n  hasHeaderSeparator = true,\n  header,\n  id,\n  isOpen,\n  labelId\n}: Props) {\n  return (\n    <MobileDropdown id={id} isOpen={isOpen} aria-labelledby={labelId}>\n      {header}\n      {hasHeaderSeparator && <Separator />}\n      {/* TODO: Add overflow support to View and use it here */}\n      {/*  */}\n      <div class={selectMobileDropdownStyles.content}>{children}</div>\n      <Separator />\n      {footer}\n    </MobileDropdown>\n  );\n}\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/es/SelectMobileFieldInput-bd65672b.js

@@ -4,14 +4,14 @@ import { useCallback } from 'preact/hooks';
 import { F as FormFieldContext } from './FormFieldContext-47ca0c20.js';
 import './logger-35b2acf7.js';
 import './ManageTabStopsContext-ad769de9.js';
-import './LayerHost-20500ac8.js';
+import './LayerHost-c4481db3.js';
 import { forwardRef } from 'preact/compat';
 import './safeHref-fce77e0c.js';
 import './UserAssistanceStyles.styles.css';
 import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.styles.css';
 import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js';
 import { a as InlineUserAssistance } from './InlineUserAssistance-5d329af5.js';
-import './Flex-f0f1bb0d.js';
+import './Flex-f5fe143f.js';
 import './MessageBannerStyles.styles.css';
 import './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.styles.css';
 import './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js';
@@ -19,7 +19,7 @@ import 'preact';
 import './TooltipContentStyles.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
-import './tooltipUtils-8f52a37e.js';
+import './tooltipUtils-f2f90085.js';
 import './IconStyle.styles.css';
 import './IconButton-94077753.js';
 import './MessageStyles.styles.css';
@@ -30,7 +30,7 @@ import './HiddenAccessibleStyles.styles.css';
 import './ComponentMessageStyles.styles.css';
 import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.styles.css';
 import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css.js';
-import './Popup-83eb0d14.js';
+import './Popup-5e092ea2.js';
 import './UNSAFE_Separator/themes/SeparatorStyles.css.js';
 import './LabelStyles.styles.css';
 import './UNSAFE_Label/themes/redwood/LabelBaseTheme.styles.css';

package/es/{SelectorAll-855a2050.js → SelectorAll-4b170e2f.js}

@@ -1,15 +1,15 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx } from 'preact/jsx-runtime';
 import { useCallback } from 'preact/hooks';
-import { u as useTooltip } from './useTooltip-8decbde6.js';
+import { u as useTooltip } from './useTooltip-7779b267.js';
 import './logger-35b2acf7.js';
-import './LayerHost-20500ac8.js';
+import './LayerHost-c4481db3.js';
 import 'preact/compat';
 import './TooltipContentStyles.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
-import './tooltipUtils-8f52a37e.js';
-import { u as useTranslationBundle } from './useTranslationBundle-ded09d52.js';
+import './tooltipUtils-f2f90085.js';
+import { u as useTranslationBundle } from './useTranslationBundle-752de59a.js';
 import { B as BaseSelector } from './BaseSelector-33194eea.js';
 
 /**
@@ -48,4 +48,4 @@ function SelectorAll({ 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledb
 }
 
 export { SelectorAll as S };
-//# sourceMappingURL=SelectorAll-855a2050.js.map
+//# sourceMappingURL=SelectorAll-4b170e2f.js.map

package/es/{SelectorAll-855a2050.js.map → SelectorAll-4b170e2f.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SelectorAll-855a2050.js","sources":["../../src/UNSAFE_SelectorAll/SelectorAll.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 */\n\nimport { useCallback } from 'preact/hooks';\nimport { useTooltip } from '../hooks/UNSAFE_useTooltip';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { BaseSelector } from '../PRIVATE_BaseSelector';\nimport type { BaseSelectorProps as Props } from '../UNSAFE_Selector';\nimport { SelectionDetail } from '../UNSAFE_Collection';\n\n/**\n * Props for the SelectorAll Component\n */\nexport type SelectorAllProps<K> = Pick<Props, 'aria-label' | 'aria-labelledby' | 'testId'> & {\n  /**\n   * Callback function to invoke when the selected keys has changed when\n   * the checkbox is toggled.\n   */\n  onChange?: (detail: SelectionDetail<K>) => void;\n  /**\n   * Whether tooltip shows in SelectorAll or not\n   */\n  showTooltip?: 'enabled' | 'disabled';\n  /**\n   * The selected state of the select all selector\n   */\n  selected: 'none' | 'all' | 'partial' | 'partial-all';\n};\n\n/**\n * The SelectorAll component renders checkboxes for select all case.\n */\nexport function SelectorAll<K>({\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby,\n  showTooltip = 'disabled',\n  testId,\n  onChange,\n  selected\n}: SelectorAllProps<K>) {\n  const selectionHandler = useCallback(\n    (event: Event) => {\n      const { key } = event as KeyboardEvent;\n      if (key !== undefined && key !== ' ') {\n        return;\n      }\n\n      if (selected == 'none' || selected == 'partial') {\n        onChange?.({ value: { all: true, deletedKeys: new Set() }, target: event.target });\n      } else {\n        onChange?.({ value: { all: false, keys: new Set() }, target: event.target });\n      }\n\n      //selectionHandler would be triggered by the onClick\n      event.stopPropagation();\n    },\n    [onChange, selected]\n  );\n\n  const isChecked =\n    selected === 'partial' || selected === 'partial-all'\n      ? 'partial'\n      : selected === 'all'\n      ? 'checked'\n      : 'unchecked';\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  const tooltipLabel =\n    selected === 'none' || selected === 'partial'\n      ? translations.selectorAll_selectAll()\n      : translations.selectorAll_deselectAll();\n\n  const { tooltipContent, tooltipProps } = useTooltip({\n    text: tooltipLabel,\n    isDisabled: showTooltip === 'disabled' ? true : false\n  });\n\n  const ariaLabelText = !ariaLabel && !ariaLabelledby ? tooltipLabel : undefined;\n\n  return (\n    <BaseSelector\n      aria-label={ariaLabel ? ariaLabel : ariaLabelText}\n      aria-labelledby={ariaLabelledby}\n      onSelectionHandler={selectionHandler}\n      isChecked={isChecked}\n      tooltipContent={tooltipContent}\n      tooltipProps={tooltipProps}\n      testId={testId}\n    />\n  );\n}\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;AAmCA;;AAEG;AACG,SAAU,WAAW,CAAI,EAC7B,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,WAAW,GAAG,UAAU,EACxB,MAAM,EACN,QAAQ,EACR,QAAQ,EACY,EAAA;AACpB,IAAA,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,KAAY,KAAI;AACf,QAAA,MAAM,EAAE,GAAG,EAAE,GAAG,KAAsB,CAAC;QACvC,IAAI,GAAG,KAAK,SAAS,IAAI,GAAG,KAAK,GAAG,EAAE;YACpC,OAAO;SACR;QAED,IAAI,QAAQ,IAAI,MAAM,IAAI,QAAQ,IAAI,SAAS,EAAE;YAC/C,QAAQ,GAAG,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC;SACpF;aAAM;YACL,QAAQ,GAAG,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC;SAC9E;;QAGD,KAAK,CAAC,eAAe,EAAE,CAAC;AAC1B,KAAC,EACD,CAAC,QAAQ,EAAE,QAAQ,CAAC,CACrB,CAAC;IAEF,MAAM,SAAS,GACb,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,aAAa;AAClD,UAAE,SAAS;UACT,QAAQ,KAAK,KAAK;AACpB,cAAE,SAAS;cACT,WAAW,CAAC;AAClB,IAAA,MAAM,YAAY,GAAG,oBAAoB,CAAa,0BAA0B,CAAC,CAAC;IAElF,MAAM,YAAY,GAChB,QAAQ,KAAK,MAAM,IAAI,QAAQ,KAAK,SAAS;AAC3C,UAAE,YAAY,CAAC,qBAAqB,EAAE;AACtC,UAAE,YAAY,CAAC,uBAAuB,EAAE,CAAC;AAE7C,IAAA,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC;AAClD,QAAA,IAAI,EAAE,YAAY;QAClB,UAAU,EAAE,WAAW,KAAK,UAAU,GAAG,IAAI,GAAG,KAAK;AACtD,KAAA,CAAC,CAAC;AAEH,IAAA,MAAM,aAAa,GAAG,CAAC,SAAS,IAAI,CAAC,cAAc,GAAG,YAAY,GAAG,SAAS,CAAC;AAE/E,IAAA,QACEA,GAAC,CAAA,YAAY,EACC,EAAA,YAAA,EAAA,SAAS,GAAG,SAAS,GAAG,aAAa,EAChC,iBAAA,EAAA,cAAc,EAC/B,kBAAkB,EAAE,gBAAgB,EACpC,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,EAAA,CACd,EACF;AACJ;;;;"}
+{"version":3,"file":"SelectorAll-4b170e2f.js","sources":["../../src/UNSAFE_SelectorAll/SelectorAll.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 */\n\nimport { useCallback } from 'preact/hooks';\nimport { useTooltip } from '../hooks/UNSAFE_useTooltip';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { BaseSelector } from '../PRIVATE_BaseSelector';\nimport type { BaseSelectorProps as Props } from '../UNSAFE_Selector';\nimport { SelectionDetail } from '../UNSAFE_Collection';\n\n/**\n * Props for the SelectorAll Component\n */\nexport type SelectorAllProps<K> = Pick<Props, 'aria-label' | 'aria-labelledby' | 'testId'> & {\n  /**\n   * Callback function to invoke when the selected keys has changed when\n   * the checkbox is toggled.\n   */\n  onChange?: (detail: SelectionDetail<K>) => void;\n  /**\n   * Whether tooltip shows in SelectorAll or not\n   */\n  showTooltip?: 'enabled' | 'disabled';\n  /**\n   * The selected state of the select all selector\n   */\n  selected: 'none' | 'all' | 'partial' | 'partial-all';\n};\n\n/**\n * The SelectorAll component renders checkboxes for select all case.\n */\nexport function SelectorAll<K>({\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby,\n  showTooltip = 'disabled',\n  testId,\n  onChange,\n  selected\n}: SelectorAllProps<K>) {\n  const selectionHandler = useCallback(\n    (event: Event) => {\n      const { key } = event as KeyboardEvent;\n      if (key !== undefined && key !== ' ') {\n        return;\n      }\n\n      if (selected == 'none' || selected == 'partial') {\n        onChange?.({ value: { all: true, deletedKeys: new Set() }, target: event.target });\n      } else {\n        onChange?.({ value: { all: false, keys: new Set() }, target: event.target });\n      }\n\n      //selectionHandler would be triggered by the onClick\n      event.stopPropagation();\n    },\n    [onChange, selected]\n  );\n\n  const isChecked =\n    selected === 'partial' || selected === 'partial-all'\n      ? 'partial'\n      : selected === 'all'\n      ? 'checked'\n      : 'unchecked';\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  const tooltipLabel =\n    selected === 'none' || selected === 'partial'\n      ? translations.selectorAll_selectAll()\n      : translations.selectorAll_deselectAll();\n\n  const { tooltipContent, tooltipProps } = useTooltip({\n    text: tooltipLabel,\n    isDisabled: showTooltip === 'disabled' ? true : false\n  });\n\n  const ariaLabelText = !ariaLabel && !ariaLabelledby ? tooltipLabel : undefined;\n\n  return (\n    <BaseSelector\n      aria-label={ariaLabel ? ariaLabel : ariaLabelText}\n      aria-labelledby={ariaLabelledby}\n      onSelectionHandler={selectionHandler}\n      isChecked={isChecked}\n      tooltipContent={tooltipContent}\n      tooltipProps={tooltipProps}\n      testId={testId}\n    />\n  );\n}\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;AAmCA;;AAEG;AACG,SAAU,WAAW,CAAI,EAC7B,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,WAAW,GAAG,UAAU,EACxB,MAAM,EACN,QAAQ,EACR,QAAQ,EACY,EAAA;AACpB,IAAA,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,KAAY,KAAI;AACf,QAAA,MAAM,EAAE,GAAG,EAAE,GAAG,KAAsB,CAAC;QACvC,IAAI,GAAG,KAAK,SAAS,IAAI,GAAG,KAAK,GAAG,EAAE;YACpC,OAAO;SACR;QAED,IAAI,QAAQ,IAAI,MAAM,IAAI,QAAQ,IAAI,SAAS,EAAE;YAC/C,QAAQ,GAAG,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC;SACpF;aAAM;YACL,QAAQ,GAAG,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC;SAC9E;;QAGD,KAAK,CAAC,eAAe,EAAE,CAAC;AAC1B,KAAC,EACD,CAAC,QAAQ,EAAE,QAAQ,CAAC,CACrB,CAAC;IAEF,MAAM,SAAS,GACb,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,aAAa;AAClD,UAAE,SAAS;UACT,QAAQ,KAAK,KAAK;AACpB,cAAE,SAAS;cACT,WAAW,CAAC;AAClB,IAAA,MAAM,YAAY,GAAG,oBAAoB,CAAa,0BAA0B,CAAC,CAAC;IAElF,MAAM,YAAY,GAChB,QAAQ,KAAK,MAAM,IAAI,QAAQ,KAAK,SAAS;AAC3C,UAAE,YAAY,CAAC,qBAAqB,EAAE;AACtC,UAAE,YAAY,CAAC,uBAAuB,EAAE,CAAC;AAE7C,IAAA,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC;AAClD,QAAA,IAAI,EAAE,YAAY;QAClB,UAAU,EAAE,WAAW,KAAK,UAAU,GAAG,IAAI,GAAG,KAAK;AACtD,KAAA,CAAC,CAAC;AAEH,IAAA,MAAM,aAAa,GAAG,CAAC,SAAS,IAAI,CAAC,cAAc,GAAG,YAAY,GAAG,SAAS,CAAC;AAE/E,IAAA,QACEA,GAAC,CAAA,YAAY,EACC,EAAA,YAAA,EAAA,SAAS,GAAG,SAAS,GAAG,aAAa,EAChC,iBAAA,EAAA,cAAc,EAC/B,kBAAkB,EAAE,gBAAgB,EACpC,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,EAAA,CACd,EACF;AACJ;;;;"}

package/es/Sheet-9a10abc4.js

@@ -2,13 +2,13 @@
 import { jsx, Fragment, jsxs } from 'preact/jsx-runtime';
 import { useRef, useCallback, useEffect, useMemo } from 'preact/hooks';
 import { M as Modal } from './Modal-863676e2.js';
-import { W as WindowOverlay } from './WindowOverlay-05bff667.js';
+import { W as WindowOverlay } from './WindowOverlay-9f2cbaa0.js';
 import { f as focusWithin } from './tabbableUtils-4a8fae79.js';
 import { sheetStyles } from './UNSAFE_Sheet/themes/SheetStyles.css.js';
 import { m as mergeRefs } from './refUtils-76275c69.js';
 import { u as useAnimationStatus } from './useAnimationStatus-f75b6d4d.js';
 import { S as SLIDE_UP_XLARGE, D as DURATION_LARGE, a as SLIDE_DOWN_XLARGE } from './animationUtils-5f409a6c.js';
-import { u as useTranslationBundle } from './useTranslationBundle-ded09d52.js';
+import { u as useTranslationBundle } from './useTranslationBundle-752de59a.js';
 
 /**
  * @license

package/es/SortControl-73376bf0.js

@@ -1,11 +1,11 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx } from 'preact/jsx-runtime';
 import { u as useSortableContext } from './useSortableContext-88a0fc5a.js';
-import { u as useTestId } from './useTestId-20c68501.js';
-import { u as useTranslationBundle } from './useTranslationBundle-ded09d52.js';
+import { u as useTestId } from './useTestId-2c0e08d3.js';
+import { u as useTranslationBundle } from './useTranslationBundle-752de59a.js';
 import { c as classNames } from './classNames-4e12b00d.js';
 import { I as IconButton } from './IconButton-94077753.js';
-import { E as EmbeddedIconButton } from './EmbeddedIconButton-3824dbe1.js';
+import { E as EmbeddedIconButton } from './EmbeddedIconButton-8dca2a64.js';
 import { S as SvgUpParent } from './UpParent-f810d1ec.js';
 import { S as SvgDownParent } from './DownParent-2fec9486.js';
 import { S as SvgUpDownParent } from './UpDownParent-87cd39f5.js';

package/es/SplitMenuButtonTheme.styles.css

@@ -1,4 +1,4 @@
-.SplitMenuButtonTheme_baseTheme__ia40op0 {
+.SplitMenuButtonTheme_baseTheme__4kpf330 {
   --borderColor__1chzim70: var(--oj-c-border-enabled);
   --borderColorDisabled__1chzim71: var(--oj-c-border-disabled);
   --styleVariants-outlined-borderColor__1chzim72: var(--oj-c-border-enabled);
@@ -8,15 +8,15 @@
   --styleVariants-callToAction-borderColor__1chzim76: transparent;
   --styleVariants-callToAction-borderColorDisabled__1chzim77: transparent;
 }
-.SplitMenuButtonTheme_multiVariantStyles_styleVariant_outlined__ia40op1 {
+.SplitMenuButtonTheme_multiVariantStyles_styleVariant_outlined__4kpf331 {
   --borderColor__1chzim70: var(--styleVariants-outlined-borderColor__1chzim72);
   --borderColorDisabled__1chzim71: var(--styleVariants-outlined-borderColorDisabled__1chzim73);
 }
-.SplitMenuButtonTheme_multiVariantStyles_styleVariant_solid__ia40op2 {
+.SplitMenuButtonTheme_multiVariantStyles_styleVariant_solid__4kpf332 {
   --borderColor__1chzim70: var(--styleVariants-solid-borderColor__1chzim74);
   --borderColorDisabled__1chzim71: var(--styleVariants-solid-borderColorDisabled__1chzim75);
 }
-.SplitMenuButtonTheme_multiVariantStyles_styleVariant_callToAction__ia40op3 {
+.SplitMenuButtonTheme_multiVariantStyles_styleVariant_callToAction__4kpf333 {
   --borderColor__1chzim70: var(--styleVariants-callToAction-borderColor__1chzim76);
   --borderColorDisabled__1chzim71: var(--styleVariants-callToAction-borderColorDisabled__1chzim77);
 }

package/es/SplitMenuButtonTheme.styles2.css

@@ -1,4 +1,4 @@
-.SplitMenuButtonTheme_baseTheme__4kpf330 {
+.SplitMenuButtonTheme_baseTheme__ia40op0 {
   --borderColor__1chzim70: var(--oj-c-border-enabled);
   --borderColorDisabled__1chzim71: var(--oj-c-border-disabled);
   --styleVariants-outlined-borderColor__1chzim72: var(--oj-c-border-enabled);
@@ -8,15 +8,15 @@
   --styleVariants-callToAction-borderColor__1chzim76: transparent;
   --styleVariants-callToAction-borderColorDisabled__1chzim77: transparent;
 }
-.SplitMenuButtonTheme_multiVariantStyles_styleVariant_outlined__4kpf331 {
+.SplitMenuButtonTheme_multiVariantStyles_styleVariant_outlined__ia40op1 {
   --borderColor__1chzim70: var(--styleVariants-outlined-borderColor__1chzim72);
   --borderColorDisabled__1chzim71: var(--styleVariants-outlined-borderColorDisabled__1chzim73);
 }
-.SplitMenuButtonTheme_multiVariantStyles_styleVariant_solid__4kpf332 {
+.SplitMenuButtonTheme_multiVariantStyles_styleVariant_solid__ia40op2 {
   --borderColor__1chzim70: var(--styleVariants-solid-borderColor__1chzim74);
   --borderColorDisabled__1chzim71: var(--styleVariants-solid-borderColorDisabled__1chzim75);
 }
-.SplitMenuButtonTheme_multiVariantStyles_styleVariant_callToAction__4kpf333 {
+.SplitMenuButtonTheme_multiVariantStyles_styleVariant_callToAction__ia40op3 {
   --borderColor__1chzim70: var(--styleVariants-callToAction-borderColor__1chzim76);
   --borderColorDisabled__1chzim71: var(--styleVariants-callToAction-borderColorDisabled__1chzim77);
 }

package/es/StyledCard-0e89c7fd.js

@@ -13,7 +13,7 @@ import { m as mergeProps } from './mergeProps-88ea8306.js';
 import { multiVariantStyles, focusRingColorVar } from './PRIVATE_StyledCard/themes/StyledCardStyles.css.js';
 import { c as classNames } from './classNames-4e12b00d.js';
 import { p as parseToRGBA, a as getLuminance, b as getContrast } from './colorUtils-62e7f4bf.js';
-import { u as useTestId } from './useTestId-20c68501.js';
+import { u as useTestId } from './useTestId-2c0e08d3.js';
 import { u as useCheckboxRadioContext } from './CheckboxRadioContext-fe425383.js';
 import { u as useCollectionFocusRing } from './useCollectionFocusRing-eaad0fa0.js';
 import { g as getClientHints } from './clientHints-502748e3.js';

package/es/{StyledLabelValueLayout-69ac5e9a.js → StyledLabelValueLayout-1ebe21b2.js}

@@ -1,6 +1,6 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsxs, jsx } from 'preact/jsx-runtime';
-import { F as Flex } from './Flex-f0f1bb0d.js';
+import { F as Flex } from './Flex-f5fe143f.js';
 import './LabelValueLayoutStyles.styles.css';
 
 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'};
@@ -15,4 +15,4 @@ const StyledLabelValueLayout = ({ flexAlign, labelStyleClasses, labelStyles, lab
 };
 
 export { StyledLabelValueLayout as S, labelInnerStyles as a, labelSlotStyles as l };
-//# sourceMappingURL=StyledLabelValueLayout-69ac5e9a.js.map
+//# sourceMappingURL=StyledLabelValueLayout-1ebe21b2.js.map

package/es/{StyledLabelValueLayout-69ac5e9a.js.map → StyledLabelValueLayout-1ebe21b2.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StyledLabelValueLayout-69ac5e9a.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","_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,IAAC,CAAA,IAAI,IAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,SAAS,EAAA,QAAA,EAAA,CAChCC,aAAK,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,WAAW,EAAA,QAAA,EAC/CA,aAAK,KAAK,EAAE,iBAAiB,EAAG,QAAA,EAAA,KAAK,GAAO,EACxC,CAAA,EACNA,aAAK,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,WAAW,EAAA,QAAA,EAC5C,QAAQ,EACL,CAAA,CAAA,EAAA,CACD,EACP;AACJ;;;;"}
+{"version":3,"file":"StyledLabelValueLayout-1ebe21b2.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","_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,IAAC,CAAA,IAAI,IAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,SAAS,EAAA,QAAA,EAAA,CAChCC,aAAK,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,WAAW,EAAA,QAAA,EAC/CA,aAAK,KAAK,EAAE,iBAAiB,EAAG,QAAA,EAAA,KAAK,GAAO,EACxC,CAAA,EACNA,aAAK,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,WAAW,EAAA,QAAA,EAC5C,QAAQ,EACL,CAAA,CAAA,EAAA,CACD,EACP;AACJ;;;;"}

package/es/StyledSwitch-dc6a94af.js

@@ -2,7 +2,7 @@
 import { jsxs, jsx } from 'preact/jsx-runtime';
 import { forwardRef } from 'preact/compat';
 import { useState, useCallback } from 'preact/hooks';
-import { u as useTestId } from './useTestId-20c68501.js';
+import { u as useTestId } from './useTestId-2c0e08d3.js';
 import { styles } from './PRIVATE_StyledSwitch/themes/StyledSwitchStyles.css.js';
 import './ManageTabStopsContext-ad769de9.js';
 import { u as useTabbableMode } from './useTabbableMode-e478991d.js';
@@ -10,7 +10,7 @@ import { u as useComponentTheme } from './useComponentTheme-5f800588.js';
 import { StyledSwitchRedwoodTheme } from './PRIVATE_StyledSwitch/themes/redwood/StyledSwitchTheme.js';
 import { c as classNames } from './classNames-4e12b00d.js';
 import { H as HiddenAccessible } from './HiddenAccessible-61197e7c.js';
-import { u as useTranslationBundle } from './useTranslationBundle-ded09d52.js';
+import { u as useTranslationBundle } from './useTranslationBundle-752de59a.js';
 import { u as useId } from './useId-03dbfdf0.js';
 import { u as useActive } from './useActive-fb6d4d52.js';
 import { m as mergeProps } from './mergeProps-88ea8306.js';

package/es/StyledTextField-56e1a6e7.js

@@ -6,12 +6,12 @@ import './FormContext-be2a6313.js';
 import { u as useFormContext } from './useFormContext-66b908c0.js';
 import './FormFieldContext-47ca0c20.js';
 import { u as useFormFieldContext } from './useFormFieldContext-daf7a676.js';
-import { F as Flex } from './Flex-f0f1bb0d.js';
+import { F as Flex } from './Flex-f5fe143f.js';
 import { c as classNames } from './classNames-4e12b00d.js';
 import './InputGroupContext-20bdbd6e.js';
 import { u as useInputGroupContext } from './useInputGroupContext-1d19411e.js';
-import { u as useTooltipControlled } from './useTooltipControlled-ccfa2705.js';
-import { u as useUser } from './useUser-e1199cab.js';
+import { u as useTooltipControlled } from './useTooltipControlled-729b3aac.js';
+import { u as useUser } from './useUser-2c24ff59.js';
 import { TextFieldRedwoodTheme } from './UNSAFE_TextField/themes/redwood/TextFieldTheme.js';
 import { ReadonlyTextFieldRedwoodTheme } from './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldTheme.js';
 import { forwardRef } from 'preact/compat';

package/es/Submenu-481b3c39.js

@@ -8,7 +8,7 @@ import { styles } from './UNSAFE_Menu/themes/MenuItemStyles.css.js';
 import { useMemo as useMemo$1, useRef, useState, useEffect, useCallback, createPortal } from 'preact/compat';
 import { D as DirectionalExpandArrowIcon } from './DirectionalExpandArrowIcon-ddaa04dc.js';
 import { s as scaleVars } from './themeContract.css-bd5eecff.js';
-import { u as useScale } from './useScale-9936da9d.js';
+import { u as useScale } from './useScale-4a98c348.js';
 import { D as DirectionalCollapseArrowIcon } from './DirectionalCollapseArrowIcon-1f47a4a6.js';
 
 /**

package/es/{TabBar-36932ca2.js → TabBar-de0cb67b.js}

@@ -1,12 +1,12 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsxs, Fragment, jsx } from 'preact/jsx-runtime';
+import { useRef, useMemo } from 'preact/hooks';
 import { H as HiddenAccessible } from './HiddenAccessible-61197e7c.js';
-import { L as LiveRegion } from './LiveRegion-bd98c133.js';
-import 'preact/hooks';
-import './LayerHost-20500ac8.js';
+import { L as LiveRegion } from './LiveRegion-74d90422.js';
+import './LayerHost-c4481db3.js';
 import { forwardRef } from 'preact/compat';
 import './UNSAFE_Text/themes/TextStyles.css.js';
-import './Flex-f0f1bb0d.js';
+import './Flex-f5fe143f.js';
 import { T as TabBarContext, a as TabBarLayout } from './TabBarLayout-5876474d.js';
 import './flexitem-7b7f7920.js';
 import './dimensions-598464f2.js';
@@ -22,19 +22,19 @@ import 'preact';
 import './TooltipContentStyles.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
-import './tooltipUtils-8f52a37e.js';
+import './tooltipUtils-f2f90085.js';
 import './IconStyle.styles.css';
-import './EmbeddedIconButton-3824dbe1.js';
+import './EmbeddedIconButton-8dca2a64.js';
 import './safeHref-fce77e0c.js';
 import './NavigationList-0281b772.js';
 import './ExpandableContext-9b4f9741.js';
-import './View-5e006875.js';
+import './View-0ee9645e.js';
 import './UNSAFE_NavigationList/themes/NavigationListItemStyles.css.js';
 import './UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.styles.css';
 import './UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css.js';
 import './NavigationListContext-57cd9ad8.js';
 import './NavigationListSeparator.styles.css';
-import './Floating-87cd2bbf.js';
+import './Floating-91e0f4c1.js';
 import './LayerStyles.styles.css';
 import './keyboardUtils-412ce58a.js';
 import './tabbableUtils-4a8fae79.js';
@@ -45,14 +45,16 @@ import './OverflowTabBarItemStyles.styles.css';
 import './StyledCheckbox-52c7670c.js';
 import './SelectorStyles.styles.css';
 import { styles } from './UNSAFE_TabBar/themes/TabBarStyles.css.js';
-import { u as useTabBar } from './useTabBar-04a0093f.js';
+import { u as useTabBar } from './useTabBar-f068eee4.js';
 import { T as TabBarContextMenu } from './TabBarContextMenu-41639eb7.js';
+import { m as mergeRefs } from './refUtils-76275c69.js';
 
 /**
  * A tab bar allows navigation between different content sections.
  */
 const TabBar = forwardRef(({ children, layout = 'stretch', display = 'standard', size = 'md', edge = 'top', selection, onSelect, onRemove, 'aria-describedby': ariaDescribedBy, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, contextMenuConfig }, ref) => {
-    const rootRef = ref;
+    const rootRef = useRef(null);
+    const mergedRootRef = useMemo(() => mergeRefs(rootRef, ref), [ref]);
     const { rootProps, tabBarContext, menuProps, contextMenuContext, contextMenuDescription, contextMenuDescriptionId, accStatusInfo } = useTabBar({
         class: styles.tabBarBase,
         edge: edge,
@@ -65,7 +67,7 @@ const TabBar = forwardRef(({ children, layout = 'stretch', display = 'standard',
         contextMenuConfig
     });
     const isContextMenuAvailable = contextMenuConfig != null;
-    return (jsxs(Fragment, { children: [jsx(TabBarContext.Provider, { value: tabBarContext, children: jsx("div", { ...rootProps, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-haspopup": contextMenuConfig != null ? true : false, "aria-describedby": isContextMenuAvailable && contextMenuDescriptionId
+    return (jsxs(Fragment, { children: [jsx(TabBarContext.Provider, { value: tabBarContext, children: jsx("div", { ...rootProps, ref: mergedRootRef, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-haspopup": contextMenuConfig != null ? true : false, "aria-describedby": isContextMenuAvailable && contextMenuDescriptionId
                         ? ariaDescribedBy
                             ? `${ariaDescribedBy} ${contextMenuDescriptionId}`
                             : contextMenuDescriptionId
@@ -73,4 +75,4 @@ const TabBar = forwardRef(({ children, layout = 'stretch', display = 'standard',
 });
 
 export { TabBar as T };
-//# sourceMappingURL=TabBar-36932ca2.js.map
+//# sourceMappingURL=TabBar-de0cb67b.js.map

package/es/TabBar-de0cb67b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabBar-de0cb67b.js","sources":["../../src/UNSAFE_TabBar/TabBar.tsx"],"sourcesContent":["import type { ComponentChildren, Ref } from 'preact';\nimport { useMemo, useRef } from 'preact/hooks';\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';\nimport { mergeRefs } from '../utils/PRIVATE_refUtils';\nexport {\n  TabBarItem,\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 = useRef<HTMLDivElement>(null);\n    const mergedRootRef = useMemo(() => mergeRefs(rootRef, ref), [ref]);\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            ref={mergedRootRef}\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmHA;;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;AACF,IAAA,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;AAC7C,IAAA,MAAM,aAAa,GAAG,OAAO,CAAC,MAAM,SAAS,CAAC,OAAO,EAAE,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;AAEpE,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,IACE,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CAAAC,GAAA,CAAC,aAAa,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,aAAa,YAC1CA,GACM,CAAA,KAAA,EAAA,EAAA,GAAA,SAAS,EACb,GAAG,EAAE,aAAa,EAAA,YAAA,EACN,SAAS,EAAA,iBAAA,EACJ,cAAc,EAChB,eAAA,EAAA,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;;;;"}

package/es/TabBarContextMenu-41639eb7.js

@@ -4,12 +4,12 @@ import { M as Menu, a as MenuItem } from './SelectMenuGroupContext-ea5310eb.js';
 import 'preact/hooks';
 import 'preact';
 import './logger-35b2acf7.js';
-import './LayerHost-20500ac8.js';
+import './LayerHost-c4481db3.js';
 import 'preact/compat';
 import './TooltipContentStyles.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
-import './tooltipUtils-8f52a37e.js';
+import './tooltipUtils-f2f90085.js';
 import './IconStyle.styles.css';
 import './UNSAFE_Menu/themes/MenuItemStyles.css.js';
 import { S as Separator } from './Separator-93c70737.js';

package/es/TabBarItemVariants.styles.css

@@ -1,17 +1,17 @@
-.TabBarItemVariants_multiVariantStyles_selection_isSelected__n5e31r0 {
+.TabBarItemVariants_multiVariantStyles_selection_isSelected__1yttea0 {
   color: var(--oj-c-tab-bar-item-label-color-selected);
   border-left: var(--borderWidthLeftRight__1vg465e1) solid transparent;
   border-bottom: var(--borderWidthBottom__1vg465e0) solid;
   border-right: var(--borderWidthLeftRight__1vg465e1) solid transparent;
 }
-.TabBarItemVariants_multiVariantStyles_compound_0__n5e31r8 {
+.TabBarItemVariants_multiVariantStyles_compound_0__1yttea8 {
   color: var(--oj-c-tab-bar-item-label-color-selected);
   outline-color: var(--oj-c-keyboard-outline-color);
   outline-offset: calc(-1 * var(--oj-c-keyboard-outline-width));
   outline-style: var(--oj-c-keyboard-outline-style);
   outline-width: var(--oj-c-keyboard-outline-width);
 }
-.TabBarItemVariants_multiVariantStyles_compound_1__n5e31r9 {
+.TabBarItemVariants_multiVariantStyles_compound_1__1yttea9 {
   border-bottom: var(--borderWidthBottom__1vg465e0) solid transparent;
   border-top: var(--borderWidthBottom__1vg465e0) solid;
 }

package/es/TabBarItemVariants.styles2.css

@@ -1,17 +1,17 @@
-.TabBarItemVariants_multiVariantStyles_selection_isSelected__1yttea0 {
+.TabBarItemVariants_multiVariantStyles_selection_isSelected__n5e31r0 {
   color: var(--oj-c-tab-bar-item-label-color-selected);
   border-left: var(--borderWidthLeftRight__1vg465e1) solid transparent;
   border-bottom: var(--borderWidthBottom__1vg465e0) solid;
   border-right: var(--borderWidthLeftRight__1vg465e1) solid transparent;
 }
-.TabBarItemVariants_multiVariantStyles_compound_0__1yttea8 {
+.TabBarItemVariants_multiVariantStyles_compound_0__n5e31r8 {
   color: var(--oj-c-tab-bar-item-label-color-selected);
   outline-color: var(--oj-c-keyboard-outline-color);
   outline-offset: calc(-1 * var(--oj-c-keyboard-outline-width));
   outline-style: var(--oj-c-keyboard-outline-style);
   outline-width: var(--oj-c-keyboard-outline-width);
 }
-.TabBarItemVariants_multiVariantStyles_compound_1__1yttea9 {
+.TabBarItemVariants_multiVariantStyles_compound_1__n5e31r9 {
   border-bottom: var(--borderWidthBottom__1vg465e0) solid transparent;
   border-top: var(--borderWidthBottom__1vg465e0) solid;
 }

package/es/TabBarLayout-5876474d.js

@@ -1,6 +1,6 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx } from 'preact/jsx-runtime';
-import { F as Flex } from './Flex-f0f1bb0d.js';
+import { F as Flex } from './Flex-f5fe143f.js';
 import { createContext } from 'preact';
 import { useContext } from 'preact/hooks';
 

package/es/Table-fd39c1b5.js

@@ -8,8 +8,8 @@ import { u as useCollectionInteractionContext } from './useCollectionInteraction
 import { u as useComponentTheme } from './useComponentTheme-5f800588.js';
 import { u as useId } from './useId-03dbfdf0.js';
 import { T as TabbableModeContext } from './ManageTabStopsContext-ad769de9.js';
-import { u as useTestId } from './useTestId-20c68501.js';
-import { u as useUser } from './useUser-e1199cab.js';
+import { u as useTestId } from './useTestId-2c0e08d3.js';
+import { u as useUser } from './useUser-2c24ff59.js';
 import { c as classNames } from './classNames-4e12b00d.js';
 import { g as getClientHints } from './clientHints-502748e3.js';
 import { g as getElementContainsFunc, o as handleEnterActionableMode, p as handleWrapActionableFocus, f as findElementByKey, k as keyExtractor, q as isMobile } from './collectionUtils-e8e08f0e.js';
@@ -20,18 +20,18 @@ import { b as getCellType, g as getRowKey, A as ACC_ROW, j as ACC_GRID_CELL, q a
 import { m as mergeProps } from './mergeProps-88ea8306.js';
 import { u as useContextMenuGesture } from './useContextMenuGesture-b7c19e08.js';
 import { i as isAutoFocusCell, g as getElementFromCell, a as applyScrollDetail, r as resetVerticalScrollPosition, b as getBoundaryColumnKey, T as TABLE_FOCUSABLE_SELECTOR, l as logicalCellExtractor, c as getColumnKey, h as hasFooterCells, d as getLastRenderedRowKey, e as TABLE_ROW_SELECTOR, f as hasLoadMoreCell, j as getFirstRenderedRowKey, k as hasNoDataCell, m as getVerticalScrollPosition, n as getRowIndexForRowKey, o as getScrollerBottom, p as getRowKeyForRowIndex, q as getColumnIndexForHeaderFooterElement, s as getRowIndexForRowElement, t as getHeaderRowElement, u as TABLE_HEADER_SELECTOR, v as compareClickTargets, w as useScrollHandling, x as getHorizontalScrollPosition, y as getTableBodyElement, z as getNoDataCellElement, A as getDataCellClassArray, B as getFormTextAlign, C as TableSkeletonRow, D as getHeaderFooterCellClassArray, E as useSizingManager, F as TableColGroup } from './TableColGroup-2f67372c.js';
-import { u as useTranslationBundle } from './useTranslationBundle-ded09d52.js';
-import { B as Button } from './Button-64b2d5c7.js';
-import { D as Dialog } from './Dialog-6fc62c1d.js';
-import { F as Flex } from './Flex-f0f1bb0d.js';
+import { u as useTranslationBundle } from './useTranslationBundle-752de59a.js';
+import { B as Button } from './Button-166a6aa3.js';
+import { D as Dialog } from './Dialog-c1502d03.js';
+import { F as Flex } from './Flex-f5fe143f.js';
 import { M as Menu, a as MenuItem } from './SelectMenuGroupContext-ea5310eb.js';
 import { S as Submenu, a as SelectSingleMenuGroup, b as SelectMenuItem } from './Submenu-481b3c39.js';
 import './logger-35b2acf7.js';
 import './UNSAFE_Separator/themes/SeparatorStyles.css.js';
 import './MenuSeparatorStyles.styles.css';
 import './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css.js';
-import { N as NumberInputText } from './NumberInputText-8c8fffa0.js';
-import { u as useScale } from './useScale-9936da9d.js';
+import { N as NumberInputText } from './NumberInputText-e001d629.js';
+import { u as useScale } from './useScale-4a98c348.js';
 import { a as allTabbableElements, g as getActiveElement, c as getBodyElement } from './tabbableUtils-4a8fae79.js';
 import { c as containsKey, a as addKey, r as removeKey, e as isSameKey } from './keys-45ef7915.js';
 import { g as getIsSelectionPending, c as clearElementSelection } from './textSelectionUtils-e87a47ff.js';
@@ -46,7 +46,7 @@ import { u as useInteractionStyle } from './useInteractionStyle-51392ce5.js';
 import { S as Selector } from './Selector-0ebdf7d0.js';
 import { F as FormContext } from './FormContext-be2a6313.js';
 import { S as SortableContext } from './useSortableContext-88a0fc5a.js';
-import { S as SelectorAll } from './SelectorAll-855a2050.js';
+import { S as SelectorAll } from './SelectorAll-4b170e2f.js';
 import { S as SortControl } from './SortControl-73376bf0.js';
 import { tableHeaderCellStyles } from './PRIVATE_Table/themes/TableHeaderCellStyles.css.js';
 

package/es/TableColGroup-2f67372c.js

@@ -12,7 +12,7 @@ import { tableCellStylesHC, tableCellStyles } from './PRIVATE_Table/themes/Table
 import { tableFooterCellStylesHC, tableFooterCellStyles } from './PRIVATE_Table/themes/TableFooterCellStyles.css.js';
 import { tableHeaderCellStylesHC, tableHeaderCellStyles } from './PRIVATE_Table/themes/TableHeaderCellStyles.css.js';
 import { jsx, jsxs } from 'preact/jsx-runtime';
-import { u as useTranslationBundle } from './useTranslationBundle-ded09d52.js';
+import { u as useTranslationBundle } from './useTranslationBundle-752de59a.js';
 import { c as classNames } from './classNames-4e12b00d.js';
 import { L as LOADMORE_STYLE_CLASS } from './LoadMoreCollection-32d9d60d.js';
 import { tableSkeletonStylesHC, tableSkeletonStyles } from './PRIVATE_Table/themes/TableSkeletonStyles.css.js';

package/es/{TextField-0a9a5a57.js → TextField-a556da78.js}

@@ -1,6 +1,6 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx, jsxs, Fragment } from 'preact/jsx-runtime';
-import { u as useTestId } from './useTestId-20c68501.js';
+import { u as useTestId } from './useTestId-2c0e08d3.js';
 import { L as LabelValueLayout } from './LabelValueLayout-cb1f7711.js';
 import { S as StyledTextField } from './StyledTextField-56e1a6e7.js';
 import { T as TextFieldContent } from './TextFieldContent-5e5ed450.js';
@@ -24,4 +24,4 @@ const TextField = ({ blooming, contentVariant, id, endContent, mainContent, star
 };
 
 export { TextField as T };
-//# sourceMappingURL=TextField-0a9a5a57.js.map
+//# sourceMappingURL=TextField-a556da78.js.map