@oracle/oraclejet-preact 20.0.1 → 20.0.3

package/es/InlineUserAssistance-890293dd.js

@@ -2,17 +2,17 @@
 import { jsx } from 'preact/jsx-runtime';
 import './logger-c92f309c.js';
 import 'preact/hooks';
-import './Flex-fc483125.js';
+import './Flex-03129963.js';
 import './MessageBannerStyles.styles.css';
 import './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.styles.css';
 import './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js';
 import 'preact';
-import './LayerHost-3cf255a6.js';
+import './LayerHost-7931b424.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-90fb656f.js';
+import './tooltipUtils-af0abd38.js';
 import './IconStyle.styles.css';
 import './IconButton-7f91481c.js';
 import './MessageStyles.styles.css';
@@ -32,13 +32,13 @@ import { u as useFormContext } from './useFormContext-bb9dc478.js';
 import './FormFieldContext-47ca0c20.js';
 import { u as useFormFieldContext } from './useFormFieldContext-daf7a676.js';
 import { I as InlineHelp } from './InlineHelp-9eaac91c.js';
-import { u as useTranslationBundle } from './useTranslationBundle-bc6e0896.js';
+import { u as useTranslationBundle } from './useTranslationBundle-4822502f.js';
 import { u as useComponentTheme } from './useComponentTheme-d2f9e47f.js';
 import { UserAssistanceRedwoodTheme } from './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme.js';
 import { c as classNames } from './classNames-4e12b00d.js';
 import './InputGroupContext-20bdbd6e.js';
 import { u as useInputGroupContext } from './useInputGroupContext-1d19411e.js';
-import { u as useTestId } from './useTestId-ab1bede6.js';
+import { u as useTestId } from './useTestId-f24ac480.js';
 
 function InlineRequired({ align = 'end', hasHelp = false, hasMessages = false }) {
     const { classes } = useComponentTheme(UserAssistanceRedwoodTheme, {

package/es/InputDateMask-ec27aee7.js

@@ -8,9 +8,9 @@ import { R as ReadonlyTextField } 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 { u as useTranslationBundle } from './useTranslationBundle-bc6e0896.js';
+import { u as useTranslationBundle } from './useTranslationBundle-4822502f.js';
 import './LiveRegionStyles.styles.css';
-import './LayerHost-3cf255a6.js';
+import './LayerHost-7931b424.js';
 import './UNSAFE_TextField/themes/TextFieldStyles.css.js';
 import './SkeletonStyles.styles.css';
 import './TextFieldLoadingStyles.styles.css';
@@ -28,10 +28,10 @@ import { m as mergeProps } from './mergeProps-88ea8306.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 './tooltipUtils-af0abd38.js';
 import { createContext } from 'preact';
 import './IconStyle.styles.css';
-import './Popup-22d51095.js';
+import './Popup-992b6c27.js';
 import './LabelStyles.styles.css';
 import './UNSAFE_Label/themes/redwood/LabelBaseTheme.styles.css';
 import './UNSAFE_Label/themes/redwood/LabelVariants.css.js';
@@ -44,16 +44,16 @@ import './FormContext-55fb8000.js';
 import { u as useFormContext } from './useFormContext-bb9dc478.js';
 import { F as FormFieldContext } from './FormFieldContext-47ca0c20.js';
 import { u as useTextField } from './useTextField-eb9db737.js';
-import { u as useUser } from './useUser-e543b73c.js';
+import { u as useUser } from './useUser-06d34d19.js';
 import { b as isLeapYear } from './getFormatParse-6d6fdd4d.js';
 import { n as getDaysInMonth, r as getMonthsInYear, M as MIN_ISO_YEAR, s as MAX_ISO_YEAR, u as MIN_ISO_MONTH, v as MIN_ISO_DAY, f as formatFullCalendarDate, w as getDatePlaceholderMasks, x as formatShortCalendarDate } from './calendarDateUtils-30611c35.js';
 import { i as isNumberOnlyString, s as stringToNumber, n as numberToString, w as withinRange, a as getTodayAsCalendarDate, g as getMonthName, t as translateCustomMasks, c as calendarDatesAreDifferent } from './maskUtils-68d5a6b3.js';
 import { l } from './stringUtils-0fe25200.js';
 import { u as useComponentTheme } from './useComponentTheme-d2f9e47f.js';
 import { u as useFormFieldContext } from './useFormFieldContext-daf7a676.js';
-import { F as Flex } from './Flex-fc483125.js';
+import { F as Flex } from './Flex-03129963.js';
 import { H as HiddenAccessible } from './HiddenAccessible-61197e7c.js';
-import { L as LiveRegion } from './LiveRegion-2e8830ae.js';
+import { L as LiveRegion } from './LiveRegion-cebac18d.js';
 import { TextFieldInputRedwoodTheme } from './UNSAFE_TextField/themes/redwood/TextFieldInputTheme.js';
 import { i as isEmbeddedVariant } from './formControlUtils-84e2af0e.js';
 import { c as classNames } from './classNames-4e12b00d.js';

package/es/Label-5d1ae8d7.js

@@ -8,23 +8,23 @@ import './FormContext-55fb8000.js';
 import { u as useFormContext } from './useFormContext-bb9dc478.js';
 import { u as useComponentTheme } from './useComponentTheme-d2f9e47f.js';
 import './TabbableModeContext-7d8ad946.js';
-import './LayerHost-3cf255a6.js';
+import './LayerHost-7931b424.js';
 import 'preact/compat';
 import './UserAssistanceStyles.styles.css';
 import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.styles.css';
 import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js';
-import './Flex-fc483125.js';
+import './Flex-03129963.js';
 import './MessageBannerStyles.styles.css';
 import './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.styles.css';
 import './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js';
 import 'preact';
-import { u as useTooltip } from './useTooltip-ab739df0.js';
-import { u as useScale } from './useScale-93490e54.js';
-import { u as useDensity } from './useDensity-969273f3.js';
+import { u as useTooltip } from './useTooltip-94af94d4.js';
+import { u as useScale } from './useScale-434ad939.js';
+import { u as useDensity } from './useDensity-1acb0153.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 './tooltipUtils-af0abd38.js';
 import './IconStyle.styles.css';
 import { g as getClientHints } from './clientHints-a42b510c.js';
 import './IconButton-7f91481c.js';
@@ -38,9 +38,9 @@ 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-22d51095.js';
+import './Popup-992b6c27.js';
 import './UNSAFE_Separator/themes/SeparatorStyles.css.js';
-import { C as CompactLabelAssistance } from './CompactLabelAssistance-50ff3f7e.js';
+import { C as CompactLabelAssistance } from './CompactLabelAssistance-e2fcfcab.js';
 import './UNSAFE_Popup/themes/redwood/PopupBaseTheme.styles.css';
 import './UNSAFE_Popup/themes/redwood/PopupVariants.css.js';
 import { d as detectTruncation } from './truncationUtils-e37f95ee.js';

package/es/LabelValueLayout-c6b9945a.js

@@ -5,7 +5,7 @@ import './FormContext-55fb8000.js';
 import { u as useFormContext } from './useFormContext-bb9dc478.js';
 import './FormFieldContext-47ca0c20.js';
 import { u as useFormFieldContext } from './useFormFieldContext-daf7a676.js';
-import { l as labelSlotStyles, a as labelInnerStyles, S as StyledLabelValueLayout } from './StyledLabelValueLayout-bddfb884.js';
+import { l as labelSlotStyles, a as labelInnerStyles, S as StyledLabelValueLayout } from './StyledLabelValueLayout-bb05f474.js';
 import { u as useComponentTheme } from './useComponentTheme-d2f9e47f.js';
 import { TextFieldRedwoodTheme } from './UNSAFE_TextField/themes/redwood/TextFieldTheme.js';
 import { LabelRedwoodTheme } from './UNSAFE_Label/themes/redwood/LabelTheme.js';

package/es/{Layer-6c27170e.js → Layer-535577b5.js}

@@ -1,10 +1,10 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx } from 'preact/jsx-runtime';
 import { useState, useRef, useContext, useLayoutEffect, useCallback, useMemo, createPortal } from 'preact/compat';
-import { L as LayerContext } from './LayerHost-3cf255a6.js';
+import { L as LayerContext } from './LayerHost-7931b424.js';
 import { c as classNames } from './classNames-4e12b00d.js';
 import { styles, baseStyle } from './UNSAFE_Layer/themes/LayerStyles.css.js';
-import { u as useThemeInterpolations, t as toUnsafeDomElement } from './useThemeInterpolations-5f358139.js';
+import { u as useThemeInterpolations, t as toUnsafeDomElement } from './useThemeInterpolations-e144e8ec.js';
 
 const LOGICAL_PARENT = Symbol.for('oj-logical-parent');
 const Layer = ({ children, logicalParentRef, isModal = false, priority = 'popup', level = 'nearestAncestor' }) => {
@@ -88,4 +88,4 @@ const Layer = ({ children, logicalParentRef, isModal = false, priority = 'popup'
 };
 
 export { Layer as L, LOGICAL_PARENT as a };
-//# sourceMappingURL=Layer-6c27170e.js.map
+//# sourceMappingURL=Layer-535577b5.js.map

package/es/{Layer-6c27170e.js.map → Layer-535577b5.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Layer-6c27170e.js","sources":["../../src/UNSAFE_Layer/Layer.tsx"],"sourcesContent":["import { VNode, type RefObject } from 'preact';\nimport {\n  createPortal,\n  useContext,\n  useLayoutEffect,\n  useState,\n  useRef,\n  useMemo,\n  useCallback\n} from 'preact/compat';\nimport { LayerContext, LayerContextProps, LayerLevel, LayerPriority } from './LayerContext';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { baseStyle, styles } from './themes/LayerStyles.css';\nimport { useThemeInterpolations } from '../hooks/UNSAFE_useThemeInterpolations/useThemeInterpolations';\nimport { toUnsafeDomElement } from '#utils/PRIVATE_unsafeDomRefUtils/unsafeDomRefUtils';\nimport { UnsafeDomHandle } from '#utils/UNSAFE_unsafeDomAccess';\n\nexport const LOGICAL_PARENT = Symbol.for('oj-logical-parent');\n\ntype Props = {\n  /**\n   * The content to be re-parented using Portal\n   */\n  children: VNode;\n  /**\n   * Logical parent of the re-parented content. Typically the 'launcher' associated\n   * with the popup.\n   */\n  logicalParentRef?: RefObject<Element> | RefObject<UnsafeDomHandle<Element>> | null;\n  /**\n   * Determines if this layer contains a Modal.\n   */\n  isModal?: boolean;\n  /**\n   * Determines Layer's stacking context. Components that always need to render on top of other popup\n   * elements (such as Messages) should use respective priority value. The default priority level is 'popup'.\n   */\n  priority?: LayerPriority;\n  /**\n   * Determines Layer's nesting context. By default, new layers will render in the context of a parent Layer,\n   * if it exists (nearestAncestor)). Some popup components (such as Dialog and Message) may need to set up\n   * a new nesting context as(topLevel).\n   */\n  level?: LayerLevel;\n};\n\nexport type LayerElement = HTMLElement & {\n  [LOGICAL_PARENT]?: Element | null;\n};\n\nconst Layer = ({\n  children,\n  logicalParentRef,\n  isModal = false,\n  priority = 'popup',\n  level = 'nearestAncestor'\n}: Props) => {\n  const [layerContainer, _setLayerContainer] = useState<Element | null>(null);\n  const layerContainerRef = useRef<Element | null>(null);\n\n  const context = useContext(LayerContext);\n\n  const setLayerContainer = (elem: Element | null) => {\n    layerContainerRef.current = elem;\n    _setLayerContainer(elem);\n  };\n\n  // because the children are being rendered into a portal that is out of the flow of parent dom,\n  // we need to specify the colorScheme and scale class names here to pick up the correct CSS styles.\n  const themeClasses = useThemeInterpolations(logicalParentRef);\n\n  let priorityStyle = styles.popupPriorityStyle;\n\n  switch (priority) {\n    case 'dialog': {\n      priorityStyle = styles.dialogPriorityStyle;\n      break;\n    }\n    case 'messages': {\n      priorityStyle = styles.messagesPriorityStyle;\n      break;\n    }\n    case 'tooltip': {\n      priorityStyle = styles.tooltipPriorityStyle;\n      break;\n    }\n    default: {\n      priorityStyle = styles.popupPriorityStyle;\n      break;\n    }\n  }\n\n  const classes = classNames([themeClasses, baseStyle, priorityStyle]);\n\n  // Really need useLayoutEffect instead of useEffect here. Otherwise the re-parented\n  // content does not get re-rendered with valid ref's\n  useLayoutEffect(() => {\n    const host =\n      level === 'topLevel'\n        ? context.getRootLayerHost?.(priority)\n        : context.getLayerHost?.(priority);\n\n    if (!host) return;\n    const doc = host.ownerDocument ?? document;\n    const layer: LayerElement = doc.createElement('div');\n\n    layer.setAttribute('data-oj-layer', isModal ? 'modal' : 'modeless');\n\n    if (logicalParentRef) {\n      layer[LOGICAL_PARENT] = toUnsafeDomElement(logicalParentRef);\n    }\n    host.appendChild(layer);\n    setLayerContainer(layer);\n\n    return () => {\n      if (host && layer && host.contains(layer)) {\n        delete layer[LOGICAL_PARENT];\n        host.removeChild(layer);\n      }\n      if (context.onLayerUnmount) {\n        context.onLayerUnmount(layer);\n      }\n      setLayerContainer(null);\n    };\n  }, [logicalParentRef, context, level, priority, isModal]);\n\n  // add the colorScheme and scale classes if there is a layerContainer\n  if (layerContainer) {\n    // use the theme interpolations to set the appropriate style classes for colorScheme and scale\n    layerContainer.className = classes;\n  }\n\n  const getLayerHost = useCallback(() => {\n    return layerContainer;\n  }, [layerContainer]);\n\n  const newLayerContext = useMemo(() => {\n    if (context.getLayerHost) {\n      return {\n        getRootLayerHost: context.getRootLayerHost?.bind(null, priority),\n        getLayerHost: getLayerHost.bind(null)\n      };\n    } else {\n      return {};\n    }\n  }, [context.getLayerHost, context.getRootLayerHost, getLayerHost, priority]);\n\n  return (\n    <LayerContext.Provider value={newLayerContext as LayerContextProps}>\n      {layerContainer && createPortal(children, layerContainer)}\n    </LayerContext.Provider>\n  );\n};\n\nexport default Layer;\n"],"names":["_jsx"],"mappings":";;;;;;;;AAiBa,MAAA,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,mBAAmB,EAAE;AAiCxD,MAAA,KAAK,GAAG,CAAC,EACb,QAAQ,EACR,gBAAgB,EAChB,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,OAAO,EAClB,KAAK,GAAG,iBAAiB,EACnB,KAAI;IACV,MAAM,CAAC,cAAc,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAiB,IAAI,CAAC,CAAC;AAC5E,IAAA,MAAM,iBAAiB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;AAEvD,IAAA,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;AAEzC,IAAA,MAAM,iBAAiB,GAAG,CAAC,IAAoB,KAAI;AACjD,QAAA,iBAAiB,CAAC,OAAO,GAAG,IAAI,CAAC;QACjC,kBAAkB,CAAC,IAAI,CAAC,CAAC;AAC3B,KAAC,CAAC;;;AAIF,IAAA,MAAM,YAAY,GAAG,sBAAsB,CAAC,gBAAgB,CAAC,CAAC;AAE9D,IAAA,IAAI,aAAa,GAAG,MAAM,CAAC,kBAAkB,CAAC;IAE9C,QAAQ,QAAQ;QACd,KAAK,QAAQ,EAAE;AACb,YAAA,aAAa,GAAG,MAAM,CAAC,mBAAmB,CAAC;YAC3C,MAAM;SACP;QACD,KAAK,UAAU,EAAE;AACf,YAAA,aAAa,GAAG,MAAM,CAAC,qBAAqB,CAAC;YAC7C,MAAM;SACP;QACD,KAAK,SAAS,EAAE;AACd,YAAA,aAAa,GAAG,MAAM,CAAC,oBAAoB,CAAC;YAC5C,MAAM;SACP;QACD,SAAS;AACP,YAAA,aAAa,GAAG,MAAM,CAAC,kBAAkB,CAAC;YAC1C,MAAM;SACP;KACF;AAED,IAAA,MAAM,OAAO,GAAG,UAAU,CAAC,CAAC,YAAY,EAAE,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC;;;IAIrE,eAAe,CAAC,MAAK;AACnB,QAAA,MAAM,IAAI,GACR,KAAK,KAAK,UAAU;AAClB,cAAE,OAAO,CAAC,gBAAgB,GAAG,QAAQ,CAAC;cACpC,OAAO,CAAC,YAAY,GAAG,QAAQ,CAAC,CAAC;AAEvC,QAAA,IAAI,CAAC,IAAI;YAAE,OAAO;AAClB,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,aAAa,IAAI,QAAQ,CAAC;QAC3C,MAAM,KAAK,GAAiB,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAErD,QAAA,KAAK,CAAC,YAAY,CAAC,eAAe,EAAE,OAAO,GAAG,OAAO,GAAG,UAAU,CAAC,CAAC;QAEpE,IAAI,gBAAgB,EAAE;YACpB,KAAK,CAAC,cAAc,CAAC,GAAG,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;SAC9D;AACD,QAAA,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QACxB,iBAAiB,CAAC,KAAK,CAAC,CAAC;AAEzB,QAAA,OAAO,MAAK;YACV,IAAI,IAAI,IAAI,KAAK,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;AACzC,gBAAA,OAAO,KAAK,CAAC,cAAc,CAAC,CAAC;AAC7B,gBAAA,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;aACzB;AACD,YAAA,IAAI,OAAO,CAAC,cAAc,EAAE;AAC1B,gBAAA,OAAO,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;aAC/B;YACD,iBAAiB,CAAC,IAAI,CAAC,CAAC;AAC1B,SAAC,CAAC;AACJ,KAAC,EAAE,CAAC,gBAAgB,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;;IAG1D,IAAI,cAAc,EAAE;;AAElB,QAAA,cAAc,CAAC,SAAS,GAAG,OAAO,CAAC;KACpC;AAED,IAAA,MAAM,YAAY,GAAG,WAAW,CAAC,MAAK;AACpC,QAAA,OAAO,cAAc,CAAC;AACxB,KAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;AAErB,IAAA,MAAM,eAAe,GAAG,OAAO,CAAC,MAAK;AACnC,QAAA,IAAI,OAAO,CAAC,YAAY,EAAE;YACxB,OAAO;gBACL,gBAAgB,EAAE,OAAO,CAAC,gBAAgB,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC;AAChE,gBAAA,YAAY,EAAE,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;aACtC,CAAC;SACH;aAAM;AACL,YAAA,OAAO,EAAE,CAAC;SACX;AACH,KAAC,EAAE,CAAC,OAAO,CAAC,YAAY,EAAE,OAAO,CAAC,gBAAgB,EAAE,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE7E,QACEA,IAAC,YAAY,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,eAAoC,EAAA,QAAA,EAC/D,cAAc,IAAI,YAAY,CAAC,QAAQ,EAAE,cAAc,CAAC,EAAA,CACnC,EACxB;AACJ;;;;"}
+{"version":3,"file":"Layer-535577b5.js","sources":["../../src/UNSAFE_Layer/Layer.tsx"],"sourcesContent":["import { VNode, type RefObject } from 'preact';\nimport {\n  createPortal,\n  useContext,\n  useLayoutEffect,\n  useState,\n  useRef,\n  useMemo,\n  useCallback\n} from 'preact/compat';\nimport { LayerContext, LayerContextProps, LayerLevel, LayerPriority } from './LayerContext';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { baseStyle, styles } from './themes/LayerStyles.css';\nimport { useThemeInterpolations } from '../hooks/UNSAFE_useThemeInterpolations/useThemeInterpolations';\nimport { toUnsafeDomElement } from '#utils/PRIVATE_unsafeDomRefUtils/unsafeDomRefUtils';\nimport { UnsafeDomHandle } from '#utils/UNSAFE_unsafeDomAccess';\n\nexport const LOGICAL_PARENT = Symbol.for('oj-logical-parent');\n\ntype Props = {\n  /**\n   * The content to be re-parented using Portal\n   */\n  children: VNode;\n  /**\n   * Logical parent of the re-parented content. Typically the 'launcher' associated\n   * with the popup.\n   */\n  logicalParentRef?: RefObject<Element> | RefObject<UnsafeDomHandle<Element>> | null;\n  /**\n   * Determines if this layer contains a Modal.\n   */\n  isModal?: boolean;\n  /**\n   * Determines Layer's stacking context. Components that always need to render on top of other popup\n   * elements (such as Messages) should use respective priority value. The default priority level is 'popup'.\n   */\n  priority?: LayerPriority;\n  /**\n   * Determines Layer's nesting context. By default, new layers will render in the context of a parent Layer,\n   * if it exists (nearestAncestor)). Some popup components (such as Dialog and Message) may need to set up\n   * a new nesting context as(topLevel).\n   */\n  level?: LayerLevel;\n};\n\nexport type LayerElement = HTMLElement & {\n  [LOGICAL_PARENT]?: Element | null;\n};\n\nconst Layer = ({\n  children,\n  logicalParentRef,\n  isModal = false,\n  priority = 'popup',\n  level = 'nearestAncestor'\n}: Props) => {\n  const [layerContainer, _setLayerContainer] = useState<Element | null>(null);\n  const layerContainerRef = useRef<Element | null>(null);\n\n  const context = useContext(LayerContext);\n\n  const setLayerContainer = (elem: Element | null) => {\n    layerContainerRef.current = elem;\n    _setLayerContainer(elem);\n  };\n\n  // because the children are being rendered into a portal that is out of the flow of parent dom,\n  // we need to specify the colorScheme and scale class names here to pick up the correct CSS styles.\n  const themeClasses = useThemeInterpolations(logicalParentRef);\n\n  let priorityStyle = styles.popupPriorityStyle;\n\n  switch (priority) {\n    case 'dialog': {\n      priorityStyle = styles.dialogPriorityStyle;\n      break;\n    }\n    case 'messages': {\n      priorityStyle = styles.messagesPriorityStyle;\n      break;\n    }\n    case 'tooltip': {\n      priorityStyle = styles.tooltipPriorityStyle;\n      break;\n    }\n    default: {\n      priorityStyle = styles.popupPriorityStyle;\n      break;\n    }\n  }\n\n  const classes = classNames([themeClasses, baseStyle, priorityStyle]);\n\n  // Really need useLayoutEffect instead of useEffect here. Otherwise the re-parented\n  // content does not get re-rendered with valid ref's\n  useLayoutEffect(() => {\n    const host =\n      level === 'topLevel'\n        ? context.getRootLayerHost?.(priority)\n        : context.getLayerHost?.(priority);\n\n    if (!host) return;\n    const doc = host.ownerDocument ?? document;\n    const layer: LayerElement = doc.createElement('div');\n\n    layer.setAttribute('data-oj-layer', isModal ? 'modal' : 'modeless');\n\n    if (logicalParentRef) {\n      layer[LOGICAL_PARENT] = toUnsafeDomElement(logicalParentRef);\n    }\n    host.appendChild(layer);\n    setLayerContainer(layer);\n\n    return () => {\n      if (host && layer && host.contains(layer)) {\n        delete layer[LOGICAL_PARENT];\n        host.removeChild(layer);\n      }\n      if (context.onLayerUnmount) {\n        context.onLayerUnmount(layer);\n      }\n      setLayerContainer(null);\n    };\n  }, [logicalParentRef, context, level, priority, isModal]);\n\n  // add the colorScheme and scale classes if there is a layerContainer\n  if (layerContainer) {\n    // use the theme interpolations to set the appropriate style classes for colorScheme and scale\n    layerContainer.className = classes;\n  }\n\n  const getLayerHost = useCallback(() => {\n    return layerContainer;\n  }, [layerContainer]);\n\n  const newLayerContext = useMemo(() => {\n    if (context.getLayerHost) {\n      return {\n        getRootLayerHost: context.getRootLayerHost?.bind(null, priority),\n        getLayerHost: getLayerHost.bind(null)\n      };\n    } else {\n      return {};\n    }\n  }, [context.getLayerHost, context.getRootLayerHost, getLayerHost, priority]);\n\n  return (\n    <LayerContext.Provider value={newLayerContext as LayerContextProps}>\n      {layerContainer && createPortal(children, layerContainer)}\n    </LayerContext.Provider>\n  );\n};\n\nexport default Layer;\n"],"names":["_jsx"],"mappings":"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"}

package/es/{LayerHost-3cf255a6.js → LayerHost-7931b424.js}

@@ -1,6 +1,6 @@
 /* @oracle/oraclejet-preact: undefined */
-import { createContext } from 'preact';
 import { o } from './index-aec1cc7f.js';
+import { createContext } from 'preact';
 import { jsx } from 'preact/jsx-runtime';
 import { forwardRef } from 'preact/compat';
 import { baseStyle } from './UNSAFE_Layer/themes/LayerHostStyles.css.js';
@@ -38,4 +38,4 @@ const LayerHost = forwardRef((_props, ref) => {
 LayerHost.displayName = 'Forwarded<LayerHost>';
 
 export { DefaultEnvironment as D, EnvironmentContext as E, LayerContext as L, LayerHost as a };
-//# sourceMappingURL=LayerHost-3cf255a6.js.map
+//# sourceMappingURL=LayerHost-7931b424.js.map

package/es/{LayerHost-3cf255a6.js.map → LayerHost-7931b424.js.map}

@@ -1 +1 @@
-{"version":3,"file":"LayerHost-3cf255a6.js","sources":["../../src/UNSAFE_Environment/EnvironmentContext.tsx","../../src/UNSAFE_Layer/LayerContext.ts","../../src/UNSAFE_Layer/LayerHost.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { Theme, ThemeModifiers } from '../UNSAFE_Theme';\n\nimport { Redwood } from '../Common';\nimport { createContext } from 'preact';\n\n/**\n * Defines user specific environment\n */\ntype User = {\n  locale: string;\n  direction: 'rtl' | 'ltr';\n  forcedColors: 'none' | 'active';\n};\n\n/**\n * Defines translation bundle type.\n */\nexport type TranslationBundle = Record<string, (...args: any[]) => string>;\n\n/**\n * Defines a type for translation property which is an object where\n * - key - string - bundle id\n * - value - object - strings to functions of the type (options?: object)=>string\n *\n * Translation bundle example:\n * const bundle = {\n *  @oracle/oracle-preact-bundle: {\n *      welcome: () => 'bienvenido',\n *      success: () => 'éxito'\n *  }\n * }\n */\ntype Translations = { [bundleId: string]: TranslationBundle };\n\n/**\n * Defines the mode in which the application is running. For \"test\" mode, UNSAFE_useTestId hook will\n * return a set of attributes to be rendered on the component DOM for testing purposes. Default is\n * \"production\"\n */\ntype Mode = 'test' | 'production';\n\n/**\n * Environment specified at the root level\n */\nexport type RootEnvironment = Partial<ThemeModifiers> & {\n  /**\n   * user - supports user preferences\n   */\n  user?: Partial<User>;\n  /**\n   * theme - supports theme settings\n   */\n  theme?: Theme;\n  /**\n   * translations - supports translation bundles\n   */\n  translations?: Translations;\n  /**\n   * mode - the application's configured mode\n   */\n  mode?: Mode;\n};\n\n/**\n * Environment specified at the component level\n */\nexport type Environment = Partial<ThemeModifiers> & {\n  translations?: Translations;\n};\n\nexport type CompleteEnvironmentType = ThemeModifiers & {\n  user: User;\n  theme: Theme;\n  translations?: Translations;\n  mode: Mode;\n};\n\n/**\n * Default environment created for the application\n */\nexport const DefaultEnvironment: CompleteEnvironmentType = {\n  user: {\n    locale: document.documentElement.getAttribute('lang') || 'en',\n    direction:\n      document.documentElement.getAttribute('dir')?.toLowerCase() === 'rtl' ? 'rtl' : 'ltr',\n    forcedColors: window.matchMedia?.('(forced-colors: active)')?.matches ? 'active' : 'none'\n  },\n  theme: Redwood,\n  colorScheme: 'light',\n  scale: 'lg',\n  currentBgColor: undefined,\n  mode: 'production',\n  density: 'standard'\n};\n\nexport const EnvironmentContext = createContext<CompleteEnvironmentType>(DefaultEnvironment);\n","import { createContext } from 'preact';\n\nexport type LayerLevel = 'nearestAncestor' | 'topLevel';\nexport type LayerPriority = 'popup' | 'dialog' | 'messages' | 'tooltip';\n\nexport type LayerContextProps = {\n  getRootLayerHost?: (priority?: LayerPriority) => Element;\n  getLayerHost?: (priority?: LayerPriority) => Element;\n  onLayerUnmount?: (element: HTMLElement) => void;\n};\n\nexport const LayerContext = createContext<LayerContextProps>({});\n","/**\n * The LayerHost is a div which is created in place\n * where you want to \"house\" a portaled content\n */\nimport { forwardRef } from 'preact/compat';\nimport { baseStyle } from './themes/LayerHostStyles.css';\n\nconst LayerHost = forwardRef<HTMLDivElement>((_props, ref) => {\n  return <div id=\"__root_layer_host\" role=\"presentation\" ref={ref} class={baseStyle} />;\n});\n\nLayerHost.displayName = 'Forwarded<LayerHost>';\n\nexport default LayerHost;\n"],"names":["Redwood","_jsx"],"mappings":";;;;;;;AAAA;;;;;;AAMG;AA+EH;;AAEG;AACU,MAAA,kBAAkB,GAA4B;AACzD,IAAA,IAAI,EAAE;QACJ,MAAM,EAAE,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,IAAI;QAC7D,SAAS,EACP,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,WAAW,EAAE,KAAK,KAAK,GAAG,KAAK,GAAG,KAAK;AACvF,QAAA,YAAY,EAAE,MAAM,CAAC,UAAU,GAAG,yBAAyB,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM;AAC1F,KAAA;AACD,IAAA,KAAK,EAAEA,CAAO;AACd,IAAA,WAAW,EAAE,OAAO;AACpB,IAAA,KAAK,EAAE,IAAI;AACX,IAAA,cAAc,EAAE,SAAS;AACzB,IAAA,IAAI,EAAE,YAAY;AAClB,IAAA,OAAO,EAAE,UAAU;EACnB;MAEW,kBAAkB,GAAG,aAAa,CAA0B,kBAAkB;;MC5F9E,YAAY,GAAG,aAAa,CAAoB,EAAE;;ACJzD,MAAA,SAAS,GAAG,UAAU,CAAiB,CAAC,MAAM,EAAE,GAAG,KAAI;AAC3D,IAAA,OAAOC,aAAK,EAAE,EAAC,mBAAmB,EAAC,IAAI,EAAC,cAAc,EAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,GAAI,CAAC;AACxF,CAAC,EAAE;AAEH,SAAS,CAAC,WAAW,GAAG,sBAAsB;;;;"}
+{"version":3,"file":"LayerHost-7931b424.js","sources":["../../src/UNSAFE_Environment/EnvironmentContext.tsx","../../src/UNSAFE_Layer/LayerContext.ts","../../src/UNSAFE_Layer/LayerHost.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { Theme, ThemeModifiers } from '../UNSAFE_Theme';\n\nimport { Redwood } from '../Common';\nimport { createContext } from 'preact';\n\n/**\n * Defines user specific environment\n */\ntype User = {\n  locale: string;\n  direction: 'rtl' | 'ltr';\n  forcedColors: 'none' | 'active';\n};\n\n/**\n * Defines translation bundle type.\n */\nexport type TranslationBundle = Record<string, (...args: any[]) => string>;\n\n/**\n * Defines a type for translation property which is an object where\n * - key - string - bundle id\n * - value - object - strings to functions of the type (options?: object)=>string\n *\n * Translation bundle example:\n * const bundle = {\n *  @oracle/oracle-preact-bundle: {\n *      welcome: () => 'bienvenido',\n *      success: () => 'éxito'\n *  }\n * }\n */\ntype Translations = { [bundleId: string]: TranslationBundle };\n\n/**\n * Defines the mode in which the application is running. For \"test\" mode, UNSAFE_useTestId hook will\n * return a set of attributes to be rendered on the component DOM for testing purposes. Default is\n * \"production\"\n */\ntype Mode = 'test' | 'production';\n\n/**\n * Environment specified at the root level\n */\nexport type RootEnvironment = Partial<ThemeModifiers> & {\n  /**\n   * user - supports user preferences\n   */\n  user?: Partial<User>;\n  /**\n   * theme - supports theme settings\n   */\n  theme?: Theme;\n  /**\n   * translations - supports translation bundles\n   */\n  translations?: Translations;\n  /**\n   * mode - the application's configured mode\n   */\n  mode?: Mode;\n};\n\n/**\n * Environment specified at the component level\n */\nexport type Environment = Partial<ThemeModifiers> & {\n  translations?: Translations;\n};\n\nexport type CompleteEnvironmentType = ThemeModifiers & {\n  user: User;\n  theme: Theme;\n  translations?: Translations;\n  mode: Mode;\n};\n\n/**\n * Default environment created for the application\n */\nexport const DefaultEnvironment: CompleteEnvironmentType = {\n  user: {\n    locale: document.documentElement.getAttribute('lang') || 'en',\n    direction:\n      document.documentElement.getAttribute('dir')?.toLowerCase() === 'rtl' ? 'rtl' : 'ltr',\n    forcedColors: window.matchMedia?.('(forced-colors: active)')?.matches ? 'active' : 'none'\n  },\n  theme: Redwood,\n  colorScheme: 'light',\n  scale: 'lg',\n  currentBgColor: undefined,\n  mode: 'production',\n  density: 'standard'\n};\n\nexport const EnvironmentContext = createContext<CompleteEnvironmentType>(DefaultEnvironment);\n","import { createContext } from 'preact';\n\nexport type LayerLevel = 'nearestAncestor' | 'topLevel';\nexport type LayerPriority = 'popup' | 'dialog' | 'messages' | 'tooltip';\n\nexport type LayerContextProps = {\n  getRootLayerHost?: (priority?: LayerPriority) => Element;\n  getLayerHost?: (priority?: LayerPriority) => Element;\n  onLayerUnmount?: (element: HTMLElement) => void;\n};\n\nexport const LayerContext = createContext<LayerContextProps>({});\n","/**\n * The LayerHost is a div which is created in place\n * where you want to \"house\" a portaled content\n */\nimport { forwardRef } from 'preact/compat';\nimport { baseStyle } from './themes/LayerHostStyles.css';\n\nconst LayerHost = forwardRef<HTMLDivElement>((_props, ref) => {\n  return <div id=\"__root_layer_host\" role=\"presentation\" ref={ref} class={baseStyle} />;\n});\n\nLayerHost.displayName = 'Forwarded<LayerHost>';\n\nexport default LayerHost;\n"],"names":["Redwood","_jsx"],"mappings":";;;;;;;AAAA;;;;;;AAMG;AA+EH;;AAEG;AACU,MAAA,kBAAkB,GAA4B;AACzD,IAAA,IAAI,EAAE;QACJ,MAAM,EAAE,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,IAAI;QAC7D,SAAS,EACP,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,WAAW,EAAE,KAAK,KAAK,GAAG,KAAK,GAAG,KAAK;AACvF,QAAA,YAAY,EAAE,MAAM,CAAC,UAAU,GAAG,yBAAyB,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM;AAC1F,KAAA;AACD,IAAA,KAAK,EAAEA,CAAO;AACd,IAAA,WAAW,EAAE,OAAO;AACpB,IAAA,KAAK,EAAE,IAAI;AACX,IAAA,cAAc,EAAE,SAAS;AACzB,IAAA,IAAI,EAAE,YAAY;AAClB,IAAA,OAAO,EAAE,UAAU;EACnB;MAEW,kBAAkB,GAAG,aAAa,CAA0B,kBAAkB;;MC5F9E,YAAY,GAAG,aAAa,CAAoB,EAAE;;ACJzD,MAAA,SAAS,GAAG,UAAU,CAAiB,CAAC,MAAM,EAAE,GAAG,KAAI;AAC3D,IAAA,OAAOC,aAAK,EAAE,EAAC,mBAAmB,EAAC,IAAI,EAAC,cAAc,EAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,GAAI,CAAC;AACxF,CAAC,EAAE;AAEH,SAAS,CAAC,WAAW,GAAG,sBAAsB;;;;"}

package/es/{LayerManager-e30fbfd6.js → LayerManager-52a26c55.js}

@@ -1,7 +1,7 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { useState, useCallback } from 'preact/compat';
-import { L as LayerContext, a as LayerHost } from './LayerHost-3cf255a6.js';
+import { L as LayerContext, a as LayerHost } from './LayerHost-7931b424.js';
 
 function LayerManager({ children }) {
     const [defaultHost, setDefaultHost] = useState();
@@ -31,4 +31,4 @@ function LayerManager({ children }) {
 }
 
 export { LayerManager as L };
-//# sourceMappingURL=LayerManager-e30fbfd6.js.map
+//# sourceMappingURL=LayerManager-52a26c55.js.map

package/es/{LayerManager-e30fbfd6.js.map → LayerManager-52a26c55.js.map}

@@ -1 +1 @@
-{"version":3,"file":"LayerManager-e30fbfd6.js","sources":["../../src/UNSAFE_Layer/LayerManager.tsx"],"sourcesContent":["/**\n * The LayerManager wraps your application and creates two adjacent divs for\n * rendering your application and housing Layers.\n */\nimport { ComponentChildren } from 'preact';\nimport { useCallback, useState } from 'preact/compat';\nimport { LayerContext, LayerContextProps } from './LayerContext';\nimport LayerHost from './LayerHost';\n\ntype LayerManagerProps = {\n  children?: ComponentChildren;\n};\n\nexport function LayerManager({ children }: LayerManagerProps) {\n  const [defaultHost, setDefaultHost] = useState<Element>();\n  //const context = useContext(LayerContext);\n  const defaultHostRef = useCallback((el: Element | null) => {\n    // ref callbacks fire after the component has been unnmounted so we do not\n    // want to set state in this use-case\n    if (el !== null) {\n      setDefaultHost(el);\n    }\n  }, []);\n\n  return (\n    <LayerContext.Consumer>\n      {(value: LayerContextProps) => {\n        let defaultHostContext = {};\n        if (defaultHost) {\n          defaultHostContext = {\n            getRootLayerHost: () => {\n              return defaultHost;\n            },\n            getLayerHost: () => {\n              return defaultHost;\n            }\n          };\n        }\n        const layerContext = value.getLayerHost ? value : defaultHostContext;\n        return (\n          <LayerContext.Provider value={layerContext}>\n            {children}\n            {!value.getLayerHost && <LayerHost ref={defaultHostRef} />}\n          </LayerContext.Provider>\n        );\n      }}\n    </LayerContext.Consumer>\n  );\n}\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;AAagB,SAAA,YAAY,CAAC,EAAE,QAAQ,EAAqB,EAAA;IAC1D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,EAAW,CAAC;;AAE1D,IAAA,MAAM,cAAc,GAAG,WAAW,CAAC,CAAC,EAAkB,KAAI;;;AAGxD,QAAA,IAAI,EAAE,KAAK,IAAI,EAAE;YACf,cAAc,CAAC,EAAE,CAAC,CAAC;SACpB;KACF,EAAE,EAAE,CAAC,CAAC;IAEP,QACEA,IAAC,YAAY,CAAC,QAAQ,EACnB,EAAA,QAAA,EAAA,CAAC,KAAwB,KAAI;YAC5B,IAAI,kBAAkB,GAAG,EAAE,CAAC;YAC5B,IAAI,WAAW,EAAE;AACf,gBAAA,kBAAkB,GAAG;oBACnB,gBAAgB,EAAE,MAAK;AACrB,wBAAA,OAAO,WAAW,CAAC;qBACpB;oBACD,YAAY,EAAE,MAAK;AACjB,wBAAA,OAAO,WAAW,CAAC;qBACpB;iBACF,CAAC;aACH;AACD,YAAA,MAAM,YAAY,GAAG,KAAK,CAAC,YAAY,GAAG,KAAK,GAAG,kBAAkB,CAAC;YACrE,QACEC,IAAC,CAAA,YAAY,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,YAAY,EACvC,QAAA,EAAA,CAAA,QAAQ,EACR,CAAC,KAAK,CAAC,YAAY,IAAID,GAAA,CAAC,SAAS,EAAA,EAAC,GAAG,EAAE,cAAc,EAAA,CAAI,CACpC,EAAA,CAAA,EACxB;SACH,EAAA,CACqB,EACxB;AACJ;;;;"}
+{"version":3,"file":"LayerManager-52a26c55.js","sources":["../../src/UNSAFE_Layer/LayerManager.tsx"],"sourcesContent":["/**\n * The LayerManager wraps your application and creates two adjacent divs for\n * rendering your application and housing Layers.\n */\nimport { ComponentChildren } from 'preact';\nimport { useCallback, useState } from 'preact/compat';\nimport { LayerContext, LayerContextProps } from './LayerContext';\nimport LayerHost from './LayerHost';\n\ntype LayerManagerProps = {\n  children?: ComponentChildren;\n};\n\nexport function LayerManager({ children }: LayerManagerProps) {\n  const [defaultHost, setDefaultHost] = useState<Element>();\n  //const context = useContext(LayerContext);\n  const defaultHostRef = useCallback((el: Element | null) => {\n    // ref callbacks fire after the component has been unnmounted so we do not\n    // want to set state in this use-case\n    if (el !== null) {\n      setDefaultHost(el);\n    }\n  }, []);\n\n  return (\n    <LayerContext.Consumer>\n      {(value: LayerContextProps) => {\n        let defaultHostContext = {};\n        if (defaultHost) {\n          defaultHostContext = {\n            getRootLayerHost: () => {\n              return defaultHost;\n            },\n            getLayerHost: () => {\n              return defaultHost;\n            }\n          };\n        }\n        const layerContext = value.getLayerHost ? value : defaultHostContext;\n        return (\n          <LayerContext.Provider value={layerContext}>\n            {children}\n            {!value.getLayerHost && <LayerHost ref={defaultHostRef} />}\n          </LayerContext.Provider>\n        );\n      }}\n    </LayerContext.Consumer>\n  );\n}\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;AAagB,SAAA,YAAY,CAAC,EAAE,QAAQ,EAAqB,EAAA;IAC1D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,EAAW,CAAC;;AAE1D,IAAA,MAAM,cAAc,GAAG,WAAW,CAAC,CAAC,EAAkB,KAAI;;;AAGxD,QAAA,IAAI,EAAE,KAAK,IAAI,EAAE;YACf,cAAc,CAAC,EAAE,CAAC,CAAC;SACpB;KACF,EAAE,EAAE,CAAC,CAAC;IAEP,QACEA,IAAC,YAAY,CAAC,QAAQ,EACnB,EAAA,QAAA,EAAA,CAAC,KAAwB,KAAI;YAC5B,IAAI,kBAAkB,GAAG,EAAE,CAAC;YAC5B,IAAI,WAAW,EAAE;AACf,gBAAA,kBAAkB,GAAG;oBACnB,gBAAgB,EAAE,MAAK;AACrB,wBAAA,OAAO,WAAW,CAAC;qBACpB;oBACD,YAAY,EAAE,MAAK;AACjB,wBAAA,OAAO,WAAW,CAAC;qBACpB;iBACF,CAAC;aACH;AACD,YAAA,MAAM,YAAY,GAAG,KAAK,CAAC,YAAY,GAAG,KAAK,GAAG,kBAAkB,CAAC;YACrE,QACEC,IAAC,CAAA,YAAY,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,YAAY,EACvC,QAAA,EAAA,CAAA,QAAQ,EACR,CAAC,KAAK,CAAC,YAAY,IAAID,GAAA,CAAC,SAAS,EAAA,EAAC,GAAG,EAAE,cAAc,EAAA,CAAI,CACpC,EAAA,CAAA,EACxB;SACH,EAAA,CACqB,EACxB;AACJ;;;;"}

package/es/Link-8503aab2.js

@@ -7,7 +7,7 @@ import { u as useInteractionStyle } from './useInteractionStyle-99e32c23.js';
 import { LinkRedwoodTheme } from './UNSAFE_Link/themes/redwood/LinkTheme.js';
 import './TabbableModeContext-7d8ad946.js';
 import { u as useTabbableMode } from './useTabbableMode-090ed4b5.js';
-import { u as useTestId } from './useTestId-ab1bede6.js';
+import { u as useTestId } from './useTestId-f24ac480.js';
 
 const noop = () => { };
 /**

package/es/List-4636ba9b.js

@@ -17,16 +17,16 @@ import { m as mergeInterpolations } from './mergeInterpolations-30cd9a69.js';
 import { f as flexitemInterpolations } from './flexitem-7b7f7920.js';
 import { listItemMultiVariantStyles, paddingStyles, listItemStyles, skeletonStyles, sparkleStyles, listStyles } from './PRIVATE_List/themes/ListStyles.css.js';
 import { S as Skeleton } from './Skeleton-d6f0969e.js';
-import { F as Flex } from './Flex-fc483125.js';
+import { F as Flex } from './Flex-03129963.js';
 import { g as globalImages } from './ImageVars.css-7b3180c8.js';
-import { u as useTheme } from './useTheme-c2cfbc29.js';
-import { u as useTestId } from './useTestId-ab1bede6.js';
+import { u as useTheme } from './useTheme-0e7497db.js';
+import { u as useTestId } from './useTestId-f24ac480.js';
 import './ReorderableContext-0daeea89.js';
-import './LayerHost-3cf255a6.js';
+import './LayerHost-7931b424.js';
 import './CollectionInteractionContext-7cf19abc.js';
 import { u as useCollectionInteractionContext } from './useCollectionInteractionContext-3895c632.js';
 import 'preact';
-import { u as useSelection } from './useSelection-d6fefa3d.js';
+import { u as useSelection } from './useSelection-65134722.js';
 import { u as useAdditiveSelection } from './useAdditiveSelection-3ba8e3e3.js';
 import { u as useItemAction } from './useItemAction-27b29f5c.js';
 import { I as Inset } from './Inset-8afb9876.js';

package/es/{LiveRegion-2e8830ae.js → LiveRegion-cebac18d.js}

@@ -2,7 +2,7 @@
 import { jsx } from 'preact/jsx-runtime';
 import { useState, useCallback, useEffect } from 'preact/hooks';
 import './LiveRegionStyles.styles.css';
-import { u as useTestId } from './useTestId-ab1bede6.js';
+import { u as useTestId } from './useTestId-f24ac480.js';
 
 var offScreenStyle = 'LiveRegionStyles_offScreenStyle__1uvpdtw0';
 
@@ -36,4 +36,4 @@ function useLiveText(text, timeout) {
 }
 
 export { LiveRegion as L };
-//# sourceMappingURL=LiveRegion-2e8830ae.js.map
+//# sourceMappingURL=LiveRegion-cebac18d.js.map

package/es/{LiveRegion-2e8830ae.js.map → LiveRegion-cebac18d.js.map}

@@ -1 +1 @@
-{"version":3,"file":"LiveRegion-2e8830ae.js","sources":["../../src/UNSAFE_LiveRegion/LiveRegion.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'preact/hooks';\nimport { offScreenStyle } from './LiveRegionStyles.css';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\n\ntype Props = TestIdProps & {\n  /**\n   * Whether this live region is atomic\n   */\n  atomic?: 'true' | 'false';\n\n  /**\n   * The text to be read out in the live region\n   */\n  children?: string;\n\n  /**\n   * Timeout for updating the text\n   */\n  timeout?: number;\n\n  /**\n   * The value for the aria-live attribute\n   */\n  type?: 'assertive' | 'polite' | 'off';\n};\n\n/**\n * A helper component that renders an aria-live region\n *\n * TODO: Create a more centralized component that can handle aria-live region for\n * the whole application and use context api to communicate\n */\nfunction LiveRegion({\n  testId,\n  atomic = 'false',\n  children = '',\n  timeout = 100,\n  type = 'polite'\n}: Props) {\n  const ariaLiveText = useLiveText(children, timeout);\n  const testIdProps = useTestId(testId);\n\n  return (\n    <span aria-live={type} aria-atomic={atomic} class={offScreenStyle} {...testIdProps}>\n      {ariaLiveText}\n    </span>\n  );\n}\n\n/**\n * A custom hook for handling the aria-live region\n *\n * @param text The aria-live text to use\n * @param timeout The timeout for setting the aria-live text async\n * @returns The aria-live text\n */\nfunction useLiveText(text: string, timeout: number) {\n  const [liveText, setLiveText] = useState('');\n  const updateText = useCallback(() => setLiveText(text), [text]);\n  const updateTextAsync = useCallback(() => setTimeout(updateText, timeout), [updateText, timeout]);\n\n  useEffect(() => {\n    const timeoutId = updateTextAsync();\n\n    return () => clearTimeout(timeoutId);\n  }, [updateTextAsync]);\n\n  return liveText;\n}\n\nexport { LiveRegion };\n"],"names":["_jsx"],"mappings":";;;;;;;;AA0BA;;;;;AAKG;AACH,SAAS,UAAU,CAAC,EAClB,MAAM,EACN,MAAM,GAAG,OAAO,EAChB,QAAQ,GAAG,EAAE,EACb,OAAO,GAAG,GAAG,EACb,IAAI,GAAG,QAAQ,EACT,EAAA;IACN,MAAM,YAAY,GAAG,WAAW,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;AACpD,IAAA,MAAM,WAAW,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;AAEtC,IAAA,QACEA,GAAA,CAAA,MAAA,EAAA,EAAA,WAAA,EAAiB,IAAI,EAAA,aAAA,EAAe,MAAM,EAAE,KAAK,EAAE,cAAc,KAAM,WAAW,EAAA,QAAA,EAC/E,YAAY,EAAA,CACR,EACP;AACJ,CAAC;AAED;;;;;;AAMG;AACH,SAAS,WAAW,CAAC,IAAY,EAAE,OAAe,EAAA;IAChD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AAC7C,IAAA,MAAM,UAAU,GAAG,WAAW,CAAC,MAAM,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAChE,MAAM,eAAe,GAAG,WAAW,CAAC,MAAM,UAAU,CAAC,UAAU,EAAE,OAAO,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;IAElG,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,SAAS,GAAG,eAAe,EAAE,CAAC;AAEpC,QAAA,OAAO,MAAM,YAAY,CAAC,SAAS,CAAC,CAAC;AACvC,KAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;AAEtB,IAAA,OAAO,QAAQ,CAAC;AAClB;;;;"}
+{"version":3,"file":"LiveRegion-cebac18d.js","sources":["../../src/UNSAFE_LiveRegion/LiveRegion.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'preact/hooks';\nimport { offScreenStyle } from './LiveRegionStyles.css';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\n\ntype Props = TestIdProps & {\n  /**\n   * Whether this live region is atomic\n   */\n  atomic?: 'true' | 'false';\n\n  /**\n   * The text to be read out in the live region\n   */\n  children?: string;\n\n  /**\n   * Timeout for updating the text\n   */\n  timeout?: number;\n\n  /**\n   * The value for the aria-live attribute\n   */\n  type?: 'assertive' | 'polite' | 'off';\n};\n\n/**\n * A helper component that renders an aria-live region\n *\n * TODO: Create a more centralized component that can handle aria-live region for\n * the whole application and use context api to communicate\n */\nfunction LiveRegion({\n  testId,\n  atomic = 'false',\n  children = '',\n  timeout = 100,\n  type = 'polite'\n}: Props) {\n  const ariaLiveText = useLiveText(children, timeout);\n  const testIdProps = useTestId(testId);\n\n  return (\n    <span aria-live={type} aria-atomic={atomic} class={offScreenStyle} {...testIdProps}>\n      {ariaLiveText}\n    </span>\n  );\n}\n\n/**\n * A custom hook for handling the aria-live region\n *\n * @param text The aria-live text to use\n * @param timeout The timeout for setting the aria-live text async\n * @returns The aria-live text\n */\nfunction useLiveText(text: string, timeout: number) {\n  const [liveText, setLiveText] = useState('');\n  const updateText = useCallback(() => setLiveText(text), [text]);\n  const updateTextAsync = useCallback(() => setTimeout(updateText, timeout), [updateText, timeout]);\n\n  useEffect(() => {\n    const timeoutId = updateTextAsync();\n\n    return () => clearTimeout(timeoutId);\n  }, [updateTextAsync]);\n\n  return liveText;\n}\n\nexport { LiveRegion };\n"],"names":["_jsx"],"mappings":";;;;;;;;AA0BA;;;;;AAKG;AACH,SAAS,UAAU,CAAC,EAClB,MAAM,EACN,MAAM,GAAG,OAAO,EAChB,QAAQ,GAAG,EAAE,EACb,OAAO,GAAG,GAAG,EACb,IAAI,GAAG,QAAQ,EACT,EAAA;IACN,MAAM,YAAY,GAAG,WAAW,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;AACpD,IAAA,MAAM,WAAW,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;AAEtC,IAAA,QACEA,GAAA,CAAA,MAAA,EAAA,EAAA,WAAA,EAAiB,IAAI,EAAA,aAAA,EAAe,MAAM,EAAE,KAAK,EAAE,cAAc,KAAM,WAAW,EAAA,QAAA,EAC/E,YAAY,EAAA,CACR,EACP;AACJ,CAAC;AAED;;;;;;AAMG;AACH,SAAS,WAAW,CAAC,IAAY,EAAE,OAAe,EAAA;IAChD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AAC7C,IAAA,MAAM,UAAU,GAAG,WAAW,CAAC,MAAM,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAChE,MAAM,eAAe,GAAG,WAAW,CAAC,MAAM,UAAU,CAAC,UAAU,EAAE,OAAO,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;IAElG,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,SAAS,GAAG,eAAe,EAAE,CAAC;AAEpC,QAAA,OAAO,MAAM,YAAY,CAAC,SAAS,CAAC,CAAC;AACvC,KAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;AAEtB,IAAA,OAAO,QAAQ,CAAC;AAClB;;;;"}

package/es/{MaxLengthLiveRegion-8f552ae2.js → MaxLengthLiveRegion-8099fde5.js}

@@ -1,8 +1,8 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsxs, Fragment, jsx } from 'preact/jsx-runtime';
 import { u as useDebounce } from './useDebounce-fa5a80e9.js';
-import { u as useTranslationBundle } from './useTranslationBundle-bc6e0896.js';
-import { L as LiveRegion } from './LiveRegion-2e8830ae.js';
+import { u as useTranslationBundle } from './useTranslationBundle-4822502f.js';
+import { L as LiveRegion } from './LiveRegion-cebac18d.js';
 
 const MAX_LENGTH_UPDATE_DELAY = 500;
 function MaxLengthLiveRegion({ isMaxLengthExceeded, maxLength, testId, valueLength = 0 }) {
@@ -23,4 +23,4 @@ function MaxLengthLiveRegion({ isMaxLengthExceeded, maxLength, testId, valueLeng
 }
 
 export { MaxLengthLiveRegion as M };
-//# sourceMappingURL=MaxLengthLiveRegion-8f552ae2.js.map
+//# sourceMappingURL=MaxLengthLiveRegion-8099fde5.js.map

package/es/{MaxLengthLiveRegion-8f552ae2.js.map → MaxLengthLiveRegion-8099fde5.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MaxLengthLiveRegion-8f552ae2.js","sources":["../../src/UNSAFE_TextField/MaxLengthLiveRegion.tsx"],"sourcesContent":["import { useDebounce } from '../hooks/UNSAFE_useDebounce';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\n\ntype Props = TestIdProps & {\n  isMaxLengthExceeded: boolean;\n  maxLength: number;\n  valueLength?: number;\n};\n\nconst MAX_LENGTH_UPDATE_DELAY = 500;\n\nexport function MaxLengthLiveRegion({\n  isMaxLengthExceeded,\n  maxLength,\n  testId,\n  valueLength = 0\n}: Props) {\n  // Comment copied from InputBase.js in Big JET:\n  // Only update the aria-live div when the user has paused for more than\n  // 500 milliseconds. That way, we avoid queued up aria-live messages which\n  // would be annoying and not helpful. The 500ms was agreed upon in the\n  // accessibility review meeting.\n  const debouncedRemainingChars = useDebounce(maxLength - valueLength, MAX_LENGTH_UPDATE_DELAY);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const maxLengthExceededTranslatedString = translations.formControl_maxLengthExceeded({\n    MAX_LENGTH: `${maxLength}`\n  });\n  const remainingCharsTranslatedString = translations.formControl_maxLengthRemaining({\n    CHARACTER_COUNT: `${debouncedRemainingChars}`\n  });\n\n  return (\n    <>\n      <LiveRegion testId={testId ? testId + '_remainingChars' : undefined}>\n        {remainingCharsTranslatedString}\n      </LiveRegion>\n      {isMaxLengthExceeded && (\n        <LiveRegion testId={testId ? testId + '_exceeded' : undefined} type=\"assertive\">\n          {maxLengthExceededTranslatedString}\n        </LiveRegion>\n      )}\n    </>\n  );\n}\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAYA,MAAM,uBAAuB,GAAG,GAAG,CAAC;AAEpB,SAAA,mBAAmB,CAAC,EAClC,mBAAmB,EACnB,SAAS,EACT,MAAM,EACN,WAAW,GAAG,CAAC,EACT,EAAA;;;;;;IAMN,MAAM,uBAAuB,GAAG,WAAW,CAAC,SAAS,GAAG,WAAW,EAAE,uBAAuB,CAAC,CAAC;AAC9F,IAAA,MAAM,YAAY,GAAG,oBAAoB,CAAa,0BAA0B,CAAC,CAAC;AAClF,IAAA,MAAM,iCAAiC,GAAG,YAAY,CAAC,6BAA6B,CAAC;QACnF,UAAU,EAAE,CAAG,EAAA,SAAS,CAAE,CAAA;AAC3B,KAAA,CAAC,CAAC;AACH,IAAA,MAAM,8BAA8B,GAAG,YAAY,CAAC,8BAA8B,CAAC;QACjF,eAAe,EAAE,CAAG,EAAA,uBAAuB,CAAE,CAAA;AAC9C,KAAA,CAAC,CAAC;IAEH,QACEA,4BACEC,GAAC,CAAA,UAAU,IAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,iBAAiB,GAAG,SAAS,YAChE,8BAA8B,EAAA,CACpB,EACZ,mBAAmB,KAClBA,IAAC,UAAU,EAAA,EAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,WAAW,GAAG,SAAS,EAAE,IAAI,EAAC,WAAW,EAAA,QAAA,EAC5E,iCAAiC,EACvB,CAAA,CACd,CACA,EAAA,CAAA,EACH;AACJ;;;;"}
+{"version":3,"file":"MaxLengthLiveRegion-8099fde5.js","sources":["../../src/UNSAFE_TextField/MaxLengthLiveRegion.tsx"],"sourcesContent":["import { useDebounce } from '../hooks/UNSAFE_useDebounce';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\n\ntype Props = TestIdProps & {\n  isMaxLengthExceeded: boolean;\n  maxLength: number;\n  valueLength?: number;\n};\n\nconst MAX_LENGTH_UPDATE_DELAY = 500;\n\nexport function MaxLengthLiveRegion({\n  isMaxLengthExceeded,\n  maxLength,\n  testId,\n  valueLength = 0\n}: Props) {\n  // Comment copied from InputBase.js in Big JET:\n  // Only update the aria-live div when the user has paused for more than\n  // 500 milliseconds. That way, we avoid queued up aria-live messages which\n  // would be annoying and not helpful. The 500ms was agreed upon in the\n  // accessibility review meeting.\n  const debouncedRemainingChars = useDebounce(maxLength - valueLength, MAX_LENGTH_UPDATE_DELAY);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const maxLengthExceededTranslatedString = translations.formControl_maxLengthExceeded({\n    MAX_LENGTH: `${maxLength}`\n  });\n  const remainingCharsTranslatedString = translations.formControl_maxLengthRemaining({\n    CHARACTER_COUNT: `${debouncedRemainingChars}`\n  });\n\n  return (\n    <>\n      <LiveRegion testId={testId ? testId + '_remainingChars' : undefined}>\n        {remainingCharsTranslatedString}\n      </LiveRegion>\n      {isMaxLengthExceeded && (\n        <LiveRegion testId={testId ? testId + '_exceeded' : undefined} type=\"assertive\">\n          {maxLengthExceededTranslatedString}\n        </LiveRegion>\n      )}\n    </>\n  );\n}\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAYA,MAAM,uBAAuB,GAAG,GAAG,CAAC;AAEpB,SAAA,mBAAmB,CAAC,EAClC,mBAAmB,EACnB,SAAS,EACT,MAAM,EACN,WAAW,GAAG,CAAC,EACT,EAAA;;;;;;IAMN,MAAM,uBAAuB,GAAG,WAAW,CAAC,SAAS,GAAG,WAAW,EAAE,uBAAuB,CAAC,CAAC;AAC9F,IAAA,MAAM,YAAY,GAAG,oBAAoB,CAAa,0BAA0B,CAAC,CAAC;AAClF,IAAA,MAAM,iCAAiC,GAAG,YAAY,CAAC,6BAA6B,CAAC;QACnF,UAAU,EAAE,CAAG,EAAA,SAAS,CAAE,CAAA;AAC3B,KAAA,CAAC,CAAC;AACH,IAAA,MAAM,8BAA8B,GAAG,YAAY,CAAC,8BAA8B,CAAC;QACjF,eAAe,EAAE,CAAG,EAAA,uBAAuB,CAAE,CAAA;AAC9C,KAAA,CAAC,CAAC;IAEH,QACEA,4BACEC,GAAC,CAAA,UAAU,IAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,iBAAiB,GAAG,SAAS,YAChE,8BAA8B,EAAA,CACpB,EACZ,mBAAmB,KAClBA,IAAC,UAAU,EAAA,EAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,WAAW,GAAG,SAAS,EAAE,IAAI,EAAC,WAAW,EAAA,QAAA,EAC5E,iCAAiC,EACvB,CAAA,CACd,CACA,EAAA,CAAA,EACH;AACJ;;;;"}

package/es/Message-510c2db8.js

@@ -1,14 +1,14 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx, jsxs, Fragment as Fragment$1 } from 'preact/jsx-runtime';
 import { useCallback, useRef, useEffect } from 'preact/hooks';
-import { F as Flex } from './Flex-fc483125.js';
+import { F as Flex } from './Flex-03129963.js';
 import { MessageBannerRedwoodTheme } from './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme.js';
 import { u as useComponentTheme } from './useComponentTheme-d2f9e47f.js';
 import { T as Timer } from './timer-f45a7e92.js';
 import { c as classNames } from './classNames-4e12b00d.js';
 import { S as SvgClose } from './Close-5a460764.js';
 import { I as IconButton } from './IconButton-7f91481c.js';
-import { u as useTranslationBundle } from './useTranslationBundle-bc6e0896.js';
+import { u as useTranslationBundle } from './useTranslationBundle-4822502f.js';
 import { messageCloseButtonStyles, messageStartIconStyles, messageDetailStyles, messageHeaderStyles, messageTimestampStyles, messageStyles } from './PRIVATE_Message/themes/MessageStyles.css.js';
 import { Fragment } from 'preact';
 import { i as isValidValueForProp, f as formatTimestamp } from './MessageFormattingUtils-cdb25115.js';

package/es/{MessageLayer-1dbdc0b6.js → MessageLayer-2a7fdec7.js}

@@ -1,11 +1,11 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx } from 'preact/jsx-runtime';
-import { F as Flex } from './Flex-fc483125.js';
-import { W as WindowOverlay } from './WindowOverlay-467c2d12.js';
-import { u as useUser } from './useUser-e543b73c.js';
-import { L as Layer } from './Layer-6c27170e.js';
+import { F as Flex } from './Flex-03129963.js';
+import { W as WindowOverlay } from './WindowOverlay-7264c44a.js';
+import { u as useUser } from './useUser-06d34d19.js';
+import { L as Layer } from './Layer-535577b5.js';
 import 'preact/compat';
-import './LayerHost-3cf255a6.js';
+import './LayerHost-7931b424.js';
 
 const positions = [
     'top',
@@ -55,4 +55,4 @@ const MessageLayer = ({ children, offset, testId, position = 'bottom' }) => {
 };
 
 export { MessageLayer as M, positions as p };
-//# sourceMappingURL=MessageLayer-1dbdc0b6.js.map
+//# sourceMappingURL=MessageLayer-2a7fdec7.js.map

package/es/{MessageLayer-1dbdc0b6.js.map → MessageLayer-2a7fdec7.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MessageLayer-1dbdc0b6.js","sources":["../../src/PRIVATE_MessageLayer/MessageLayer.tsx"],"sourcesContent":["import { ComponentChildren } from 'preact';\nimport { Flex } from '../UNSAFE_Flex';\nimport { WindowOverlay, WindowOverlayPlacement } from '../UNSAFE_WindowOverlay';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { Layer } from '../UNSAFE_Layer';\n\nconst positions = [\n  'top',\n  'top-left',\n  'top-right',\n  'top-start',\n  'top-end',\n  'bottom',\n  'bottom-left',\n  'bottom-right',\n  'bottom-start',\n  'bottom-end'\n] as const;\n\ntype Position = (typeof positions)[number];\n\ntype Offset =\n  | number\n  | {\n      horizontal?: number;\n      vertical?: number;\n    };\n\ntype Props = {\n  children: ComponentChildren;\n\n  /**\n   * Defines the fixed position where the notifications will to be placed on the screen.\n   * - top-start resolves to top-left in LTR (top-right in RTL)\n   * - top-end resolves to top-right in LTR (top-left in RTL)\n   * - bottom-start resolves to bottom-left in LTR (bottom-right in RTL)\n   * - bottom-end resolves to bottom-right in LTR (bottom-left in RTL)\n   *\n   * default bottom\n   */\n  position?: Position;\n\n  /**\n   * Defines an offset (in pixels) in the placement. Value can be supplied as a number or\n   * an object with horizontal and vertical values.\n   *\n   * default 0\n   */\n  offset?: Offset;\n\n  /**\n   * The test id which is assigned to the \"data-testid\" for the component's element.\n   * Used for test automation, it is assigned to the wrapper element rendered by the component.\n   */\n  testId?: string;\n};\n\nconst MessageLayer = ({ children, offset, testId, position = 'bottom' }: Props) => {\n  const side = position.split('-')[0];\n  let windowOverlayOffset;\n  if (typeof offset === 'number') {\n    windowOverlayOffset = { mainAxis: offset, crossAxis: offset };\n  } else if (side == 'top' || side == 'bottom') {\n    windowOverlayOffset = { mainAxis: offset?.vertical, crossAxis: offset?.horizontal };\n  } else {\n    windowOverlayOffset = { mainAxis: offset?.horizontal, crossAxis: offset?.vertical };\n  }\n\n  const { direction } = useUser();\n  const isLtr = direction === 'ltr';\n  let windowOverlayPlacement: WindowOverlayPlacement | undefined;\n  switch (position) {\n    case 'top-left':\n      windowOverlayPlacement = isLtr ? 'top-start' : 'top-end';\n      break;\n    case 'top-right':\n      windowOverlayPlacement = isLtr ? 'top-end' : 'top-start';\n      break;\n    case 'bottom-left':\n      windowOverlayPlacement = isLtr ? 'bottom-start' : 'bottom-end';\n      break;\n    case 'bottom-right':\n      windowOverlayPlacement = isLtr ? 'bottom-end' : 'bottom-start';\n      break;\n    default:\n      windowOverlayPlacement = position;\n      break;\n  }\n  return (\n    <Layer priority=\"messages\" level=\"topLevel\">\n      <WindowOverlay placement={windowOverlayPlacement} offset={windowOverlayOffset}>\n        <div data-testid={testId}>\n          <Flex direction=\"column\" gap=\"2x\">\n            {children}\n          </Flex>\n        </div>\n      </WindowOverlay>\n    </Layer>\n  );\n};\n\nexport type { Position, Offset };\nexport { MessageLayer, positions };\n"],"names":["_jsx"],"mappings":";;;;;;;;;AAMA,MAAM,SAAS,GAAG;IAChB,KAAK;IACL,UAAU;IACV,WAAW;IACX,WAAW;IACX,SAAS;IACT,QAAQ;IACR,aAAa;IACb,cAAc;IACd,cAAc;IACd,YAAY;EACH;AAwCX,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,GAAG,QAAQ,EAAS,KAAI;IAChF,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;AACpC,IAAA,IAAI,mBAAmB,CAAC;AACxB,IAAA,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;QAC9B,mBAAmB,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC;KAC/D;SAAM,IAAI,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,QAAQ,EAAE;AAC5C,QAAA,mBAAmB,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC;KACrF;SAAM;AACL,QAAA,mBAAmB,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC;KACrF;AAED,IAAA,MAAM,EAAE,SAAS,EAAE,GAAG,OAAO,EAAE,CAAC;AAChC,IAAA,MAAM,KAAK,GAAG,SAAS,KAAK,KAAK,CAAC;AAClC,IAAA,IAAI,sBAA0D,CAAC;IAC/D,QAAQ,QAAQ;AACd,QAAA,KAAK,UAAU;YACb,sBAAsB,GAAG,KAAK,GAAG,WAAW,GAAG,SAAS,CAAC;YACzD,MAAM;AACR,QAAA,KAAK,WAAW;YACd,sBAAsB,GAAG,KAAK,GAAG,SAAS,GAAG,WAAW,CAAC;YACzD,MAAM;AACR,QAAA,KAAK,aAAa;YAChB,sBAAsB,GAAG,KAAK,GAAG,cAAc,GAAG,YAAY,CAAC;YAC/D,MAAM;AACR,QAAA,KAAK,cAAc;YACjB,sBAAsB,GAAG,KAAK,GAAG,YAAY,GAAG,cAAc,CAAC;YAC/D,MAAM;AACR,QAAA;YACE,sBAAsB,GAAG,QAAQ,CAAC;YAClC,MAAM;KACT;AACD,IAAA,QACEA,GAAC,CAAA,KAAK,IAAC,QAAQ,EAAC,UAAU,EAAC,KAAK,EAAC,UAAU,EAAA,QAAA,EACzCA,IAAC,aAAa,EAAA,EAAC,SAAS,EAAE,sBAAsB,EAAE,MAAM,EAAE,mBAAmB,EAC3E,QAAA,EAAAA,GAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAkB,MAAM,EACtB,QAAA,EAAAA,GAAA,CAAC,IAAI,EAAC,EAAA,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,YAC9B,QAAQ,EAAA,CACJ,GACH,EACQ,CAAA,EAAA,CACV,EACR;AACJ;;;;"}
+{"version":3,"file":"MessageLayer-2a7fdec7.js","sources":["../../src/PRIVATE_MessageLayer/MessageLayer.tsx"],"sourcesContent":["import { ComponentChildren } from 'preact';\nimport { Flex } from '../UNSAFE_Flex';\nimport { WindowOverlay, WindowOverlayPlacement } from '../UNSAFE_WindowOverlay';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { Layer } from '../UNSAFE_Layer';\n\nconst positions = [\n  'top',\n  'top-left',\n  'top-right',\n  'top-start',\n  'top-end',\n  'bottom',\n  'bottom-left',\n  'bottom-right',\n  'bottom-start',\n  'bottom-end'\n] as const;\n\ntype Position = (typeof positions)[number];\n\ntype Offset =\n  | number\n  | {\n      horizontal?: number;\n      vertical?: number;\n    };\n\ntype Props = {\n  children: ComponentChildren;\n\n  /**\n   * Defines the fixed position where the notifications will to be placed on the screen.\n   * - top-start resolves to top-left in LTR (top-right in RTL)\n   * - top-end resolves to top-right in LTR (top-left in RTL)\n   * - bottom-start resolves to bottom-left in LTR (bottom-right in RTL)\n   * - bottom-end resolves to bottom-right in LTR (bottom-left in RTL)\n   *\n   * default bottom\n   */\n  position?: Position;\n\n  /**\n   * Defines an offset (in pixels) in the placement. Value can be supplied as a number or\n   * an object with horizontal and vertical values.\n   *\n   * default 0\n   */\n  offset?: Offset;\n\n  /**\n   * The test id which is assigned to the \"data-testid\" for the component's element.\n   * Used for test automation, it is assigned to the wrapper element rendered by the component.\n   */\n  testId?: string;\n};\n\nconst MessageLayer = ({ children, offset, testId, position = 'bottom' }: Props) => {\n  const side = position.split('-')[0];\n  let windowOverlayOffset;\n  if (typeof offset === 'number') {\n    windowOverlayOffset = { mainAxis: offset, crossAxis: offset };\n  } else if (side == 'top' || side == 'bottom') {\n    windowOverlayOffset = { mainAxis: offset?.vertical, crossAxis: offset?.horizontal };\n  } else {\n    windowOverlayOffset = { mainAxis: offset?.horizontal, crossAxis: offset?.vertical };\n  }\n\n  const { direction } = useUser();\n  const isLtr = direction === 'ltr';\n  let windowOverlayPlacement: WindowOverlayPlacement | undefined;\n  switch (position) {\n    case 'top-left':\n      windowOverlayPlacement = isLtr ? 'top-start' : 'top-end';\n      break;\n    case 'top-right':\n      windowOverlayPlacement = isLtr ? 'top-end' : 'top-start';\n      break;\n    case 'bottom-left':\n      windowOverlayPlacement = isLtr ? 'bottom-start' : 'bottom-end';\n      break;\n    case 'bottom-right':\n      windowOverlayPlacement = isLtr ? 'bottom-end' : 'bottom-start';\n      break;\n    default:\n      windowOverlayPlacement = position;\n      break;\n  }\n  return (\n    <Layer priority=\"messages\" level=\"topLevel\">\n      <WindowOverlay placement={windowOverlayPlacement} offset={windowOverlayOffset}>\n        <div data-testid={testId}>\n          <Flex direction=\"column\" gap=\"2x\">\n            {children}\n          </Flex>\n        </div>\n      </WindowOverlay>\n    </Layer>\n  );\n};\n\nexport type { Position, Offset };\nexport { MessageLayer, positions };\n"],"names":["_jsx"],"mappings":";;;;;;;;;AAMA,MAAM,SAAS,GAAG;IAChB,KAAK;IACL,UAAU;IACV,WAAW;IACX,WAAW;IACX,SAAS;IACT,QAAQ;IACR,aAAa;IACb,cAAc;IACd,cAAc;IACd,YAAY;EACH;AAwCX,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,GAAG,QAAQ,EAAS,KAAI;IAChF,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;AACpC,IAAA,IAAI,mBAAmB,CAAC;AACxB,IAAA,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;QAC9B,mBAAmB,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC;KAC/D;SAAM,IAAI,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,QAAQ,EAAE;AAC5C,QAAA,mBAAmB,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC;KACrF;SAAM;AACL,QAAA,mBAAmB,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC;KACrF;AAED,IAAA,MAAM,EAAE,SAAS,EAAE,GAAG,OAAO,EAAE,CAAC;AAChC,IAAA,MAAM,KAAK,GAAG,SAAS,KAAK,KAAK,CAAC;AAClC,IAAA,IAAI,sBAA0D,CAAC;IAC/D,QAAQ,QAAQ;AACd,QAAA,KAAK,UAAU;YACb,sBAAsB,GAAG,KAAK,GAAG,WAAW,GAAG,SAAS,CAAC;YACzD,MAAM;AACR,QAAA,KAAK,WAAW;YACd,sBAAsB,GAAG,KAAK,GAAG,SAAS,GAAG,WAAW,CAAC;YACzD,MAAM;AACR,QAAA,KAAK,aAAa;YAChB,sBAAsB,GAAG,KAAK,GAAG,cAAc,GAAG,YAAY,CAAC;YAC/D,MAAM;AACR,QAAA,KAAK,cAAc;YACjB,sBAAsB,GAAG,KAAK,GAAG,YAAY,GAAG,cAAc,CAAC;YAC/D,MAAM;AACR,QAAA;YACE,sBAAsB,GAAG,QAAQ,CAAC;YAClC,MAAM;KACT;AACD,IAAA,QACEA,GAAC,CAAA,KAAK,IAAC,QAAQ,EAAC,UAAU,EAAC,KAAK,EAAC,UAAU,EAAA,QAAA,EACzCA,IAAC,aAAa,EAAA,EAAC,SAAS,EAAE,sBAAsB,EAAE,MAAM,EAAE,mBAAmB,EAC3E,QAAA,EAAAA,GAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAkB,MAAM,EACtB,QAAA,EAAAA,GAAA,CAAC,IAAI,EAAC,EAAA,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,YAC9B,QAAQ,EAAA,CACJ,GACH,EACQ,CAAA,EAAA,CACV,EACR;AACJ;;;;"}

package/es/MessagesManager-47000438.js

@@ -5,10 +5,10 @@ import { S as SvgSuccessS } from './SuccessS-b5192d40.js';
 import { S as SvgErrorS } from './ErrorS-3a890bf6.js';
 import { S as SvgInformationS } from './InformationS-d53c2a91.js';
 import { S as SvgWarningS } from './WarningS-3e53d87e.js';
-import { F as Flex } from './Flex-fc483125.js';
+import { F as Flex } from './Flex-03129963.js';
 import { startIconContainerStyles, messageStartIconStyles, severityIconStyles, messageSummaryStyles } from './PRIVATE_Message/themes/MessageStyles.css.js';
-import { u as useTranslationBundle } from './useTranslationBundle-bc6e0896.js';
-import { u as useTestId } from './useTestId-ab1bede6.js';
+import { u as useTranslationBundle } from './useTranslationBundle-4822502f.js';
+import { u as useTestId } from './useTestId-f24ac480.js';
 import { w as warn, e as error, i as info, l as log } from './logger-c92f309c.js';
 import { p as playDefaultNotificationSound, a as playAudioFromURL } from './soundUtils-88264cb5.js';
 import { i as isValidValueForProp } from './MessageFormattingUtils-cdb25115.js';

package/es/Modal-c0f730b8.js

@@ -2,12 +2,12 @@
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { forwardRef, useRef, useEffect, useContext } from 'preact/compat';
 import { u as useModal } from './useModal-953082f2.js';
-import { L as Layer } from './Layer-6c27170e.js';
-import './LayerHost-3cf255a6.js';
+import { L as Layer } from './Layer-535577b5.js';
+import './LayerHost-7931b424.js';
 import { createContext } from 'preact';
 import { multiVariantStyles, baseStyle } from './UNSAFE_Modal/themes/ModalStyles.css.js';
 import { a as allTabbableElements, f as focusWithin } from './tabbableUtils-c8311ec6.js';
-import { i as isLogicalAncestor } from './popupUtils-7774330e.js';
+import { i as isLogicalAncestor } from './popupUtils-51366a29.js';
 import { g as getClientHints } from './clientHints-a42b510c.js';
 
 const LogicalParentRefContext = createContext(undefined);

package/es/{MonthView-4e05e712.js → MonthView-4b2b483a.js}

@@ -7,11 +7,11 @@ import { d as getIsoDateStr, t as toJSDate, e as toJSDateUTC, b as checkNoCalend
 import { useMemo } from 'preact/hooks';
 import { S as StyledDatePickerButton } from './StyledDatePickerButton-78f2f6e8.js';
 import { useCallback } from 'preact/compat';
-import { u as useTranslationBundle } from './useTranslationBundle-bc6e0896.js';
+import { u as useTranslationBundle } from './useTranslationBundle-4822502f.js';
 import { u as useFocusableCell, a as useCellNavigation } from './useCellNavigation-0565b6dd.js';
 import { dayCellStyles } from './PRIVATE_MonthView/themes/DayCellStyles.css.js';
-import { u as useUser } from './useUser-e543b73c.js';
-import { G as Grid } from './Grid-6f92d323.js';
+import { u as useUser } from './useUser-06d34d19.js';
+import { G as Grid } from './Grid-9e4b4f19.js';
 import { MonthViewRedwoodTheme } from './PRIVATE_MonthView/themes/redwood/MonthViewTheme.js';
 import { u as useComponentTheme } from './useComponentTheme-d2f9e47f.js';
 import { monthViewScaleVars } from './PRIVATE_MonthView/themes/MonthViewContract.css.js';
@@ -205,4 +205,4 @@ function isOutOfMonth(date1, currentMonthDate) {
 }
 
 export { MonthView as M };
-//# sourceMappingURL=MonthView-4e05e712.js.map
+//# sourceMappingURL=MonthView-4b2b483a.js.map