@oracle/oraclejet-preact 20.0.0 → 20.0.1

package/es/UNSAFE_TagCloud.js

@@ -7,25 +7,25 @@ import { i as intersects, b as getUnion, c as calculateOffset } from './layoutUt
 import { c as cancelEvent } from './eventsUtils-14cb0a49.js';
 import { g as generateAriaLabel } from './accUtils-9d5183c4.js';
 import { styles, baseStyles, dimensionStyle } from './UNSAFE_TagCloud/themes/TagCloudStyles.css.js';
-import { u as useVisEvent } from './useVisEvents-256dee29.js';
+import { u as useVisEvent } from './useVisEvents-0edc925f.js';
 import { useState, useLayoutEffect, useRef, useMemo } from 'preact/hooks';
-import { u as useUser } from './useUser-06d34d19.js';
-import { u as useDatatip } from './useDatatip-4895a07a.js';
+import { u as useUser } from './useUser-e543b73c.js';
+import { u as useDatatip } from './useDatatip-ef5c47a7.js';
 import { m as mergeProps } from './mergeProps-88ea8306.js';
-import { u as useTranslationBundle } from './useTranslationBundle-4822502f.js';
+import { u as useTranslationBundle } from './useTranslationBundle-bc6e0896.js';
 import { u as useTextDimensions } from './useTextDimensions-45f79df4.js';
-import { u as useSelection } from './useSelection-82bec039.js';
-import { u as useTestId } from './useTestId-f24ac480.js';
+import { u as useSelection } from './useSelection-10ed8060.js';
+import { u as useTestId } from './useTestId-ab1bede6.js';
 import { u as useContextMenu } from './useContextMenu-730d6c12.js';
 import './SelectMenuGroupContext-aa1fe822.js';
 import 'preact';
 import './logger-c92f309c.js';
-import './LayerHost-7931b424.js';
+import './LayerHost-3cf255a6.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-af0abd38.js';
+import './tooltipUtils-90fb656f.js';
 import './IconStyle.styles.css';
 import './UNSAFE_Menu/themes/MenuItemStyles.css.js';
 import './UNSAFE_Separator/themes/SeparatorStyles.css.js';
@@ -50,12 +50,12 @@ import './clientUtils-cccff45f.js';
 import './clientHints-a42b510c.js';
 import './TagCloudStyles.styles.css';
 import './useVisHover-d7a0b2f3.js';
-import './Layer-535577b5.js';
+import './Layer-6c27170e.js';
 import './UNSAFE_Layer/themes/LayerStyles.css.js';
 import './LayerStyles.styles.css';
-import './useThemeInterpolations-e144e8ec.js';
-import './useColorScheme-c4f6caab.js';
-import './useScale-434ad939.js';
+import './useThemeInterpolations-5f358139.js';
+import './useColorScheme-67245285.js';
+import './useScale-93490e54.js';
 import './theme-63551f30.js';
 import './Theme-e6dec6db.js';
 import './mergeInterpolations-30cd9a69.js';
@@ -63,12 +63,12 @@ import './mergeDeepWithKey-33e3d1be.js';
 import './_curry3-577eb45e.js';
 import './_curry2-01c87f61.js';
 import './_isObject-1fab0f5b.js';
-import './useDensity-1acb0153.js';
-import './Floating-4a82db94.js';
-import './useFloating-b9d680f7.js';
+import './useDensity-969273f3.js';
+import './Floating-be4c0cb6.js';
+import './useFloating-c74a7f54.js';
 import './positionUtils-f26caad9.js';
 import './refUtils-76275c69.js';
-import './useOutsideClick-b777a43e.js';
+import './useOutsideClick-01f3d3e1.js';
 import './arrayUtils-35a58161.js';
 import './useModal-953082f2.js';
 import './useComponentTheme-d2f9e47f.js';
@@ -85,7 +85,7 @@ import './useUnsafeDomElementRef-32290273.js';
 import './hooks/PRIVATE_useDatatip/themes/useDatatip.css.js';
 import './useDatatip.styles.css';
 import './useId-03dbfdf0.js';
-import './BaseButton-41068c85.js';
+import './BaseButton-243d200f.js';
 import './useHover-85077adb.js';
 import './useToggle-8b7fcefe.js';
 import './useActive-fb6d4d52.js';
@@ -119,8 +119,8 @@ import './head-8f89fe66.js';
 import './_arity-be492b9e.js';
 import './_isArray-694cc52d.js';
 import './_isString-675f1de9.js';
-import './popupUtils-51366a29.js';
-import './WindowOverlay-7264c44a.js';
+import './popupUtils-7774330e.js';
+import './WindowOverlay-467c2d12.js';
 import './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css.js';
 import './WindowOverlayStyles.styles.css';
 import './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css.js';
@@ -133,19 +133,19 @@ import './SheetStyles.styles.css';
 import './useAnimationStatus-b881f39a.js';
 import './useAnimation-fe39685e.js';
 import './animationUtils-5f409a6c.js';
-import './Dropdown-019aba37.js';
+import './Dropdown-9d9813a9.js';
 import './keyboardUtils-986fe923.js';
-import './usePopupAnimation-96d2bc83.js';
+import './usePopupAnimation-7c5db425.js';
 import './popupAnimationUtils-175151d9.js';
 import './CollectionInteractionContext-7cf19abc.js';
 import './UNSAFE_Dropdown/themes/dropdownStyles.css.js';
 import './dropdownStyles.styles.css';
-import './useOutsideMousedown-c45c22c0.js';
+import './useOutsideMousedown-e0866d58.js';
 import './useEffectEvent-1bb008cb.js';
 import './UNSAFE_Menu/themes/MenuStyles.css.js';
 import './UNSAFE_Menu/themes/DropdownMenuStyles.css.js';
 import './DropdownMenuStyles.styles.css';
-import './Flex-03129963.js';
+import './Flex-fc483125.js';
 import './boxalignment-8980856d.js';
 import './boxalignment.styles.css';
 import './vanilla-extract-sprinkles-createRuntimeSprinkles.esm-2d655d37.js';
@@ -164,7 +164,7 @@ import './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.styles.css';
 import './UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css.js';
 import './UNSAFE_Menu/themes/MenuSkeletonStyles.css.js';
 import './MenuSkeletonStyles.styles.css';
-import './LiveRegion-cebac18d.js';
+import './LiveRegion-2e8830ae.js';
 import './LiveRegionStyles.styles.css';
 import './UNSAFE_Menu/themes/redwood/MenuItemTheme.js';
 import './UNSAFE_Menu/themes/redwood/MenuItemBaseTheme.css.js';
@@ -177,8 +177,8 @@ import './index-aec1cc7f.js';
 import './UNSAFE_Layer/themes/LayerHostStyles.css.js';
 import './LayerHostStyles.styles.css';
 import './TooltipContentVariants.styles.css';
-import './EnvironmentProvider-6a0a8212.js';
-import './LayerManager-52a26c55.js';
+import './EnvironmentProvider-6cf8ed37.js';
+import './LayerManager-e30fbfd6.js';
 import './SeparatorStyles.styles.css';
 
 /**

package/es/UNSAFE_TextArea.js

@@ -1,43 +1,68 @@
 /* @oracle/oraclejet-preact: undefined */
-export { M as MaxLengthCounter, T as TextArea } from './TextArea-93ce78a7.js';
-import 'preact/jsx-runtime';
-import 'preact/compat';
-import './useCurrentValueReducer-bdf796fa.js';
-import 'preact/hooks';
-import './useFocusableTextField-8fe41cd4.js';
-import './useFocusWithin-30b1e2d8.js';
+import { jsx, jsxs, Fragment } from 'preact/jsx-runtime';
+import { forwardRef, useCallback, useRef, useImperativeHandle } from 'preact/compat';
+import { u as useCurrentValueReducer } from './useCurrentValueReducer-bdf796fa.js';
+import { u as useFocusableTextField } from './useFocusableTextField-8fe41cd4.js';
 import './FormContext-55fb8000.js';
+import { u as useFormContext } from './useFormContext-bb9dc478.js';
+import { F as FormFieldContext } from './FormFieldContext-47ca0c20.js';
+import 'preact/hooks';
+import { u as useId } from './useId-03dbfdf0.js';
+import { u as useLengthFilter } from './useLengthFilter-955a0ad5.js';
+import { u as useSelectableTextField } from './useSelectableTextField-949184a5.js';
+import { u as useTextField } from './useTextField-eb9db737.js';
+import { u as useTranslationBundle } from './useTranslationBundle-bc6e0896.js';
+import { H as HiddenAccessible } from './HiddenAccessible-61197e7c.js';
+import { L as Label } from './Label-5d1ae8d7.js';
+import './keyboardUtils-986fe923.js';
+import { R as ReadonlyTextField, T as TextFieldInput } from './StyledTextField-7605d76a.js';
+import './ObfuscatedTextFieldInputStyles.styles.css';
+import { R as ReadonlyTextFieldInput } from './ReadonlyTextFieldInput-106ce959.js';
+import { T as TextField } from './TextField-7884fcd7.js';
+import { M as MaxLengthLiveRegion } from './MaxLengthLiveRegion-8f552ae2.js';
+import './UNSAFE_TextField/themes/TextFieldStyles.css.js';
+import './SkeletonStyles.styles.css';
+import './TextFieldLoadingStyles.styles.css';
+import './TextFieldStyles.styles.css';
+import './UNSAFE_TextField/themes/redwood/TextFieldBaseTheme.styles.css';
+import './UNSAFE_TextField/themes/redwood/TextFieldVariants.css.js';
+import './logger-c92f309c.js';
+import './TabbableModeContext-7d8ad946.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-890293dd.js';
+import { C as CompactUserAssistance } from './CompactUserAssistance-6aa8894b.js';
+import { m as mergeProps } from './mergeProps-88ea8306.js';
+import './LayerHost-3cf255a6.js';
+import './TooltipContentStyles.styles.css';
+import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
+import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
+import './tooltipUtils-90fb656f.js';
 import 'preact';
-import './useFormContext-bb9dc478.js';
-import './FormFieldContext-47ca0c20.js';
-import './useId-03dbfdf0.js';
-import './useLengthFilter-955a0ad5.js';
+import './IconStyle.styles.css';
+import './Popup-22d51095.js';
+import './LabelStyles.styles.css';
+import './UNSAFE_Label/themes/redwood/LabelBaseTheme.styles.css';
+import './UNSAFE_Label/themes/redwood/LabelVariants.css.js';
+import './InputGroupContext-20bdbd6e.js';
+import './UNSAFE_Popup/themes/redwood/PopupBaseTheme.styles.css';
+import './UNSAFE_Popup/themes/redwood/PopupVariants.css.js';
+import { d as defaultTextAlignForVariant } from './formControlUtils-84e2af0e.js';
+import { u as useTextAreaAltEnter, M as MaxLengthCounter } from './useTextAreaAltEnter-ac460f4c.js';
+export { M as MaxLengthCounter } from './useTextAreaAltEnter-ac460f4c.js';
+import './useFocusWithin-30b1e2d8.js';
 import './lengthFilter-1b2aeddb.js';
-import './useSelectableTextField-949184a5.js';
-import './useTextField-eb9db737.js';
 import './stringUtils-0fe25200.js';
 import './truncationUtils-e37f95ee.js';
 import './useMessageSeverity-65295e8f.js';
 import './useFormFieldContextProps-31bbc12f.js';
-import './useTranslationBundle-4822502f.js';
-import './LayerHost-7931b424.js';
-import './index-aec1cc7f.js';
-import './UNSAFE_Layer/themes/LayerHostStyles.css.js';
-import './LayerHostStyles.styles.css';
-import './HiddenAccessible-61197e7c.js';
 import './HiddenAccessibleStyles.styles.css';
-import './Label-5d1ae8d7.js';
 import './useFormFieldContext-daf7a676.js';
 import './classNames-4e12b00d.js';
 import './useComponentTheme-d2f9e47f.js';
-import './logger-c92f309c.js';
-import './TabbableModeContext-7d8ad946.js';
-import './UserAssistanceStyles.styles.css';
-import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.styles.css';
-import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js';
-import './vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
-import './Flex-03129963.js';
-import './useTestId-f24ac480.js';
+import './Flex-fc483125.js';
+import './useTestId-ab1bede6.js';
 import './boxalignment-8980856d.js';
 import './size-af1e638c.js';
 import './utils-b1eb54f9.js';
@@ -62,54 +87,28 @@ import './MessageBannerStyles.styles.css';
 import './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.styles.css';
 import './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js';
 import './MessageBannerVariants.styles.css';
-import './useTooltip-94af94d4.js';
-import './useTooltipControlled-f2cfa454.js';
+import './vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
+import './useTooltip-ab739df0.js';
+import './useTooltipControlled-b7f30aee.js';
 import './useHover-85077adb.js';
 import './useToggle-8b7fcefe.js';
 import './useFocus-38c95977.js';
 import './useTouch-4828df25.js';
-import './mergeProps-88ea8306.js';
 import './useAnimation-fe39685e.js';
-import './useThemeInterpolations-e144e8ec.js';
-import './useColorScheme-c4f6caab.js';
-import './useScale-434ad939.js';
+import './useThemeInterpolations-5f358139.js';
+import './useColorScheme-67245285.js';
+import './useScale-93490e54.js';
 import './theme-63551f30.js';
 import './Theme-e6dec6db.js';
-import './useDensity-1acb0153.js';
+import './useDensity-969273f3.js';
 import './unsafeDomAccess-453eb74e.js';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js';
 import './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js';
-import './TooltipContentStyles.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css.js';
-import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
-import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
 import './TooltipContentVariants.styles.css';
-import './tooltipUtils-af0abd38.js';
-import './EnvironmentProvider-6a0a8212.js';
-import './LayerManager-52a26c55.js';
-import './Floating-4a82db94.js';
-import './useFloating-b9d680f7.js';
-import './useUser-06d34d19.js';
-import './positionUtils-f26caad9.js';
-import './refUtils-76275c69.js';
-import './useOutsideClick-b777a43e.js';
-import './Layer-535577b5.js';
-import './UNSAFE_Layer/themes/LayerStyles.css.js';
-import './LayerStyles.styles.css';
-import './useModal-953082f2.js';
-import './UNSAFE_Floating/themes/redwood/FloatingTheme.js';
-import './UNSAFE_Floating/themes/FloatingStyles.css.js';
-import './FloatingStyles.styles.css';
-import './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css.js';
-import './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.styles.css';
-import './UNSAFE_Floating/themes/redwood/FloatingVariants.css.js';
-import './vanilla-extract-dynamic.esm-c909758c.js';
-import './UNSAFE_Floating/themes/FloatingContract.css.js';
-import './useUnsafeDomElementRef-32290273.js';
-import './IconStyle.styles.css';
 import './clientHints-a42b510c.js';
 import './IconButton-7f91481c.js';
-import './BaseButton-41068c85.js';
+import './BaseButton-243d200f.js';
 import './useActive-fb6d4d52.js';
 import './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme.js';
 import './UNSAFE_BaseButton/themes/BaseButtonStyles.css.js';
@@ -143,68 +142,21 @@ import './MessagesContext-76544845.js';
 import './ComponentMessageStyles.styles.css';
 import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.styles.css';
 import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css.js';
-import './InputGroupContext-20bdbd6e.js';
-import './Popup-992b6c27.js';
-import './tabbableUtils-c8311ec6.js';
-import './head-8f89fe66.js';
-import './_arity-be492b9e.js';
-import './_isArray-694cc52d.js';
-import './_isString-675f1de9.js';
-import './FocusTrap-b59d5752.js';
-import './FocusTracker-70300f1c.js';
-import './PRIVATE_FocusTracker/themes/FocusTrackerStyles.css.js';
-import './FocusTrackerStyles.styles.css';
-import './Modal-c0f730b8.js';
-import './UNSAFE_Modal/themes/ModalStyles.css.js';
-import './ModalStyles.styles.css';
-import './popupUtils-51366a29.js';
-import './WindowOverlay-7264c44a.js';
-import './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css.js';
-import './WindowOverlayStyles.styles.css';
-import './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css.js';
-import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme.js';
-import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css.js';
-import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.styles.css';
-import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css.js';
-import './usePopupAnimation-96d2bc83.js';
-import './useAnimationStatus-b881f39a.js';
-import './popupAnimationUtils-175151d9.js';
-import './LiveRegion-cebac18d.js';
-import './LiveRegionStyles.styles.css';
-import './UNSAFE_Popup/themes/PopupContract.css.js';
-import './UNSAFE_Popup/themes/redwood/PopupTheme.js';
-import './UNSAFE_Popup/themes/redwood/PopupBaseTheme.css.js';
-import './UNSAFE_Popup/themes/redwood/PopupBaseTheme.styles.css';
-import './UNSAFE_Popup/themes/redwood/PopupVariants.css.js';
-import './PopupStyles.styles.css';
-import './colors-03807160.js';
 import './UNSAFE_Separator/themes/SeparatorStyles.css.js';
 import './SeparatorStyles.styles.css';
-import './CompactLabelAssistance-e2fcfcab.js';
+import './CompactLabelAssistance-50ff3f7e.js';
 import './Help-32a9689a.js';
 import './Icon-4983d06e.js';
 import './UNSAFE_Icon/themes/IconStyle.css.js';
 import './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css.js';
 import './UNSAFE_Label/themes/redwood/LabelTheme.js';
 import './UNSAFE_Label/themes/LabelStyles.css.js';
-import './LabelStyles.styles.css';
 import './UNSAFE_Label/themes/redwood/LabelBaseTheme.css.js';
-import './UNSAFE_Label/themes/redwood/LabelBaseTheme.styles.css';
-import './UNSAFE_Label/themes/redwood/LabelVariants.css.js';
 import './UNSAFE_TextField/themes/redwood/TextFieldTheme.js';
-import './UNSAFE_TextField/themes/TextFieldStyles.css.js';
-import './SkeletonStyles.styles.css';
-import './TextFieldLoadingStyles.styles.css';
-import './TextFieldStyles.styles.css';
 import './UNSAFE_TextField/themes/redwood/TextFieldBaseTheme.css.js';
-import './UNSAFE_TextField/themes/redwood/TextFieldBaseTheme.styles.css';
-import './UNSAFE_TextField/themes/redwood/TextFieldVariants.css.js';
 import './TextFieldVariants.styles.css';
-import './keyboardUtils-986fe923.js';
-import './StyledTextField-7605d76a.js';
 import './useAccessibleContext-5744de8b.js';
 import './useTextFieldInputHandlers-8122048f.js';
-import './formControlUtils-84e2af0e.js';
 import './textAlign-ad252afa.js';
 import './text.styles.css';
 import './TextFieldUtils-8232bca7.js';
@@ -216,7 +168,7 @@ import './TextFieldInputStyles.styles.css';
 import './UNSAFE_TextField/themes/redwood/TextFieldInputVariants.css.js';
 import './TextFieldInputVariants.styles.css';
 import './LabelValueLayout-c6b9945a.js';
-import './StyledLabelValueLayout-bb05f474.js';
+import './StyledLabelValueLayout-bddfb884.js';
 import './LabelValueLayoutStyles.styles.css';
 import './UNSAFE_TextField/themes/redwood/FormLayoutTheme.js';
 import './UNSAFE_TextField/themes/FormLayoutStyles.css.js';
@@ -231,21 +183,19 @@ import './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.css.js';
 import './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.styles.css';
 import './UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css.js';
 import './useInputGroupContext-1d19411e.js';
+import './useUser-e543b73c.js';
 import './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldTheme.js';
 import './UNSAFE_TextField/themes/ReadonlyTextFieldStyles.css.js';
 import './ReadonlyTextFieldStyles.styles.css';
 import './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldVariants.css.js';
 import './ReadonlyTextFieldVariants.styles.css';
-import './ObfuscatedTextFieldInputStyles.styles.css';
-import './ReadonlyTextFieldInput-106ce959.js';
 import './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputTheme.js';
 import './UNSAFE_TextField/themes/ReadonlyTextFieldInputStyles.css.js';
 import './ReadonlyTextFieldInputStyles.styles.css';
 import './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputVariants.css.js';
-import './TextField-7884fcd7.js';
-import './MaxLengthLiveRegion-8099fde5.js';
 import './useDebounce-fa5a80e9.js';
-import './InlineUserAssistance-890293dd.js';
+import './LiveRegion-2e8830ae.js';
+import './LiveRegionStyles.styles.css';
 import './ComponentMessageContainer-d16c8b1f.js';
 import './MessagesManager-47000438.js';
 import './SuccessS-b5192d40.js';
@@ -262,7 +212,177 @@ import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.css.j
 import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme.js';
 import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.css.js';
 import './InlineHelp-9eaac91c.js';
-import './CompactUserAssistance-6aa8894b.js';
 import './Separator-93c70737.js';
+import './index-aec1cc7f.js';
+import './UNSAFE_Layer/themes/LayerHostStyles.css.js';
+import './LayerHostStyles.styles.css';
+import './EnvironmentProvider-6cf8ed37.js';
+import './LayerManager-e30fbfd6.js';
+import './Floating-be4c0cb6.js';
+import './useFloating-c74a7f54.js';
+import './positionUtils-f26caad9.js';
+import './refUtils-76275c69.js';
+import './useOutsideClick-01f3d3e1.js';
+import './Layer-6c27170e.js';
+import './UNSAFE_Layer/themes/LayerStyles.css.js';
+import './LayerStyles.styles.css';
+import './useModal-953082f2.js';
+import './UNSAFE_Floating/themes/redwood/FloatingTheme.js';
+import './UNSAFE_Floating/themes/FloatingStyles.css.js';
+import './FloatingStyles.styles.css';
+import './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css.js';
+import './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.styles.css';
+import './UNSAFE_Floating/themes/redwood/FloatingVariants.css.js';
+import './vanilla-extract-dynamic.esm-c909758c.js';
+import './UNSAFE_Floating/themes/FloatingContract.css.js';
+import './useUnsafeDomElementRef-32290273.js';
+import './tabbableUtils-c8311ec6.js';
+import './head-8f89fe66.js';
+import './_arity-be492b9e.js';
+import './_isArray-694cc52d.js';
+import './_isString-675f1de9.js';
+import './FocusTrap-b59d5752.js';
+import './FocusTracker-70300f1c.js';
+import './PRIVATE_FocusTracker/themes/FocusTrackerStyles.css.js';
+import './FocusTrackerStyles.styles.css';
+import './Modal-c0f730b8.js';
+import './UNSAFE_Modal/themes/ModalStyles.css.js';
+import './ModalStyles.styles.css';
+import './popupUtils-7774330e.js';
+import './WindowOverlay-467c2d12.js';
+import './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css.js';
+import './WindowOverlayStyles.styles.css';
+import './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css.js';
+import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme.js';
+import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css.js';
+import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.styles.css';
+import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css.js';
+import './usePopupAnimation-7c5db425.js';
+import './useAnimationStatus-b881f39a.js';
+import './popupAnimationUtils-175151d9.js';
+import './UNSAFE_Popup/themes/PopupContract.css.js';
+import './UNSAFE_Popup/themes/redwood/PopupTheme.js';
+import './UNSAFE_Popup/themes/redwood/PopupBaseTheme.css.js';
+import './PopupStyles.styles.css';
+import './colors-03807160.js';
 import './MaxLengthCounterStyles.styles.css';
+
+/**
+ * A text area displays a field that allows a user to enter a multi-line text value.
+ */
+const TextArea = forwardRef(({ 'aria-describedby': ariaDescribedBy, assistiveText, autoComplete = 'off', autoFocus = false, columnSpan, helpSourceLink, helpSourceText, isDisabled: propIsDisabled, isReadonly: propIsReadonly, isRequired = false, isRequiredShown, label, labelEdge: propLabelEdge, labelStartWidth: propLabelStartWidth, maxLength, maxLengthCounter = 'remaining', maxLengthUnit, messages, placeholder, resize, role, rows, textAlign: propTextAlign, userAssistanceDensity: propUserAssistanceDensity, value, variant = 'default', onInput, onCommit, testId }, ref) => {
+    const translations = useTranslationBundle('@oracle/oraclejet-preact');
+    const formControl_limitReached = maxLength
+        ? translations.formControl_limitReached({
+            CHARACTER_LIMIT: maxLength
+        })
+        : '';
+    const { currentCommitValue, dispatch } = useCurrentValueReducer({ value });
+    const onInputAndDispatch = useCallback((detail) => {
+        // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)
+        dispatch({ type: 'input', payload: detail.value });
+        onInput?.(detail);
+    }, [onInput, dispatch]);
+    const onCommitAndDispatch = useCallback((detail) => {
+        // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)
+        dispatch({ type: 'commit', payload: detail.value });
+        onCommit?.(detail);
+    }, [onCommit, dispatch]);
+    const { isDisabled: isFormDisabled, isReadonly: isFormReadonly, labelEdge: formLabelEdge, labelStartWidth: formLabelStartWidth, textAlign: formTextAlign, userAssistanceDensity: formUserAssistanceDensity } = useFormContext();
+    // default to FormContext values if component properties are not specified
+    const isDisabled = propIsDisabled ?? isFormDisabled;
+    const isReadonly = propIsReadonly ?? isFormReadonly;
+    const labelEdge = propLabelEdge ?? formLabelEdge;
+    const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;
+    const textAlign = propTextAlign ?? formTextAlign ?? defaultTextAlignForVariant(variant);
+    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;
+    const maxLengthDescribedByIdRef = useRef(useId());
+    // The enabledAriaDescribedBy includes the maxLengthDescribedById in addition to what was passed in to aria-describedby.
+    // We don't need to announce the max length message for readonly, as it only applies when editing the value.
+    const enabledAriaDescribedBy = ariaDescribedBy
+        ? `${ariaDescribedBy} ${maxLengthDescribedByIdRef.current}`
+        : maxLengthDescribedByIdRef.current;
+    const enabledElementRef = useRef(null);
+    const readonlyElementRef = useRef(null);
+    // We want to have alt/option+Enter to insert a newline like Enter does.
+    const { handleKeyDown } = useTextAreaAltEnter({
+        onInput: onInputAndDispatch,
+        textAreaRef: enabledElementRef
+    });
+    const { focusProps, isFocused, methods: focusMethods } = useFocusableTextField({
+        isDisabled,
+        isReadonly,
+        enabledElementRef,
+        readonlyElementRef
+    });
+    const { methods: selectMethods } = useSelectableTextField(enabledElementRef);
+    useImperativeHandle(ref, () => mergeProps(focusMethods, selectMethods), [
+        focusMethods,
+        selectMethods
+    ]);
+    // Handle length filter for user-typed inputs and controlled inputs
+    const { isMaxLengthExceeded, isMaxLengthReached, valueLength, onFilteredInput } = useLengthFilter({
+        maxLength,
+        maxLengthUnit,
+        value,
+        onInput: onInputAndDispatch,
+        onCommit: onCommitAndDispatch
+    });
+    const limitMessage = [{ detail: formControl_limitReached, severity: 'info' }];
+    const allMessages = [
+        ...(messages ?? []),
+        ...(isMaxLengthReached ? limitMessage : [])
+    ];
+    const { formFieldContext, inputProps, labelProps, textFieldProps, userAssistanceProps } = useTextField({
+        ariaDescribedBy: isReadonly || isDisabled ? ariaDescribedBy : enabledAriaDescribedBy,
+        contentVariant: 'textarea',
+        helpSourceLink,
+        helpSourceText,
+        isDisabled,
+        isFocused,
+        isReadonly,
+        isRequiredShown,
+        labelEdge,
+        messages: allMessages,
+        styleVariant: variant,
+        userAssistanceDensity,
+        value
+    });
+    const onClickCounter = useCallback(() => {
+        const elm = enabledElementRef.current;
+        // for setSelectionRange(), len needs to be a number or null.
+        const len = elm ? elm.value.length : null;
+        // Since the counter element is after the text, clicking in this
+        // should put the selection at the end of the text
+        enabledElementRef.current?.setSelectionRange(len, len);
+        // Clicking the counter should put the focus on the input field
+        enabledElementRef.current?.focus();
+    }, [enabledElementRef]);
+    const labelComp = labelEdge !== 'none' ? jsx(Label, { ...labelProps, children: label }) : undefined;
+    const fieldLabelProps = {
+        label: labelEdge !== 'none' ? labelComp : undefined,
+        labelEdge: labelEdge !== 'none' ? labelEdge : undefined,
+        labelStartWidth: labelEdge !== 'none' ? labelStartWidth : undefined,
+        labelText: labelEdge === 'inside' && !isDisabled ? label : undefined
+    };
+    const ariaLabel = labelEdge === 'none' ? label : undefined;
+    const isInlineDensity = userAssistanceDensity === 'efficient' || userAssistanceDensity === 'reflow';
+    const inlineUserAssistance = isInlineDensity ? (isDisabled ? (
+    // save space for user assistance if density is 'efficient', even though we don't
+    // render user assistance for disabled fields
+    userAssistanceDensity !== 'efficient' ? undefined : (jsx(InlineUserAssistance, { userAssistanceDensity: userAssistanceDensity, ...userAssistanceProps }))) : isReadonly ? (jsx(InlineUserAssistance, { fieldLabel: label, messages: messages, userAssistanceDensity: userAssistanceDensity, ...userAssistanceProps })) : (jsx(InlineUserAssistance, { assistiveText: assistiveText, fieldLabel: label, helpSourceLink: helpSourceLink, helpSourceText: helpSourceText, messages: allMessages, isRequiredShown: isRequiredShown, userAssistanceDensity: userAssistanceDensity, ...userAssistanceProps }))) : undefined;
+    const anchorRef = useRef(null);
+    const compactUserAssistance = userAssistanceDensity === 'compact' ? (jsx(CompactUserAssistance, { anchorRef: anchorRef, messages: allMessages, assistiveText: assistiveText, ...userAssistanceProps })) : undefined;
+    if (isReadonly) {
+        const mainContent = (jsx(ReadonlyTextFieldInput, { "aria-describedby": inputProps['aria-describedby'], "aria-label": ariaLabel, "aria-labelledby": labelProps.id, as: "textarea", elementRef: readonlyElementRef, formVariant: variant, rows: rows, autoFocus: autoFocus, textAlign: textAlign, value: value, variant: "textarea", hasEmptyLabel: label === '' && labelEdge === 'none', hasInsideLabel: label !== undefined && labelEdge === 'inside', onBlur: inputProps.onBlur, onFocus: inputProps.onFocus }));
+        return (jsx(FormFieldContext.Provider, { value: formFieldContext, children: jsx(ReadonlyTextField, { role: "presentation", columnSpan: columnSpan, compactUserAssistance: compactUserAssistance, inlineUserAssistance: inlineUserAssistance, ref: anchorRef, testId: testId, variant: "textarea", mainContent: mainContent, resize: resize, ...fieldLabelProps }) }));
+    }
+    const hasMaxLength = maxLength !== undefined;
+    const mainContent = (jsxs(Fragment, { children: [jsx(TextFieldInput, { as: "textarea", "aria-label": ariaLabel, autoComplete: autoComplete, autoFocus: autoFocus, currentCommitValue: currentCommitValue, hasEmptyLabel: label === '' && labelEdge === 'none', hasInsideLabel: labelComp !== undefined && labelEdge === 'inside', isRequired: isRequired, inputRef: enabledElementRef, onCommit: onCommitAndDispatch, onInput: onFilteredInput, onKeyDown: handleKeyDown, placeholder: placeholder, role: role, rows: rows, textAlign: textAlign, value: value, ...inputProps }), maxLengthCounter === 'remaining' && hasMaxLength && (jsx(MaxLengthCounter, { maxLength: maxLength, valueLength: valueLength, onClick: onClickCounter })), hasMaxLength && (jsx(HiddenAccessible, { id: maxLengthDescribedByIdRef.current, isHidden: true, children: translations.formControl_maxLength({
+                    MAX_LENGTH: `${maxLength}`
+                }) })), hasMaxLength && isFocused && (jsx(MaxLengthLiveRegion, { isMaxLengthExceeded: isMaxLengthExceeded, maxLength: maxLength, valueLength: valueLength, testId: testId ? testId + '_maxLength' : undefined }))] }));
+    return (jsx(FormFieldContext.Provider, { value: formFieldContext, children: jsx(TextField, { mainContent: mainContent, columnSpan: columnSpan, compactUserAssistance: compactUserAssistance, inlineUserAssistance: inlineUserAssistance, onBlur: focusProps?.onFocusOut, onFocus: focusProps?.onFocusIn, mainFieldRef: anchorRef, resize: resize, testId: testId, ...textFieldProps, ...fieldLabelProps }) }));
+});
+
+export { TextArea };
 //# sourceMappingURL=UNSAFE_TextArea.js.map