@oracle/oraclejet-preact 15.0.1 → 15.0.3

package/cjs/UNSAFE_MessageBanner/themes/MessageBannerContract.css.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.0.1 */
+/* @oracle/oraclejet-preact: 15.0.3 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/UNSAFE_MessageBanner/themes/MessageBannerStyles.css.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.0.1 */
+/* @oracle/oraclejet-preact: 15.0.3 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.css.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.0.1 */
+/* @oracle/oraclejet-preact: 15.0.3 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.0.1 */
+/* @oracle/oraclejet-preact: 15.0.3 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -9,7 +9,7 @@ var UNSAFE_MessageBanner_themes_redwood_MessageBannerVariants_css = require('./M
 
 
 
-require('../../../vanilla-extract-recipes-createRuntimeFn.esm-bf1f6c23.js');
+require('../../../vanilla-extract-recipes-createRuntimeFn.esm-cd320991.js');
 
 /*******************
  * Component Theme

package/cjs/UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js

@@ -1,11 +1,11 @@
-/* @oracle/oraclejet-preact: 15.0.1 */
+/* @oracle/oraclejet-preact: 15.0.3 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 
 
-var vanillaExtractRecipesCreateRuntimeFn_esm = require('../../../vanilla-extract-recipes-createRuntimeFn.esm-bf1f6c23.js');
+var vanillaExtractRecipesCreateRuntimeFn_esm = require('../../../vanilla-extract-recipes-createRuntimeFn.esm-cd320991.js');
 
 var multiVariantStyles = vanillaExtractRecipesCreateRuntimeFn_esm.createRuntimeFn({defaultClassName:'',variantClassNames:{severity:{error:'MessageBannerVariants_multiVariantStyles_severity_error__10p8l3t0',warning:'MessageBannerVariants_multiVariantStyles_severity_warning__10p8l3t1',confirmation:'MessageBannerStyles_variants_severity_confirmation__15yin4c0',info:'MessageBannerStyles_variants_severity_info__15yin4c1',none:''}},defaultVariants:{},compoundVariants:[]});
 

package/cjs/UNSAFE_MessageBanner/themes/stable/MessageBannerBaseTheme.css.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.0.1 */
+/* @oracle/oraclejet-preact: 15.0.3 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/UNSAFE_MessageBanner/themes/stable/MessageBannerTheme.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.0.1 */
+/* @oracle/oraclejet-preact: 15.0.3 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -9,7 +9,7 @@ var UNSAFE_MessageBanner_themes_stable_MessageBannerVariants_css = require('./Me
 
 
 
-require('../../../vanilla-extract-recipes-createRuntimeFn.esm-bf1f6c23.js');
+require('../../../vanilla-extract-recipes-createRuntimeFn.esm-cd320991.js');
 
 /*******************
  * Component Theme

package/cjs/UNSAFE_MessageBanner/themes/stable/MessageBannerVariants.css.js

@@ -1,11 +1,11 @@
-/* @oracle/oraclejet-preact: 15.0.1 */
+/* @oracle/oraclejet-preact: 15.0.3 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 
 
-var vanillaExtractRecipesCreateRuntimeFn_esm = require('../../../vanilla-extract-recipes-createRuntimeFn.esm-bf1f6c23.js');
+var vanillaExtractRecipesCreateRuntimeFn_esm = require('../../../vanilla-extract-recipes-createRuntimeFn.esm-cd320991.js');
 
 var multiVariantStyles = vanillaExtractRecipesCreateRuntimeFn_esm.createRuntimeFn({defaultClassName:'',variantClassNames:{severity:{error:'MessageBannerVariants_multiVariantStyles_severity_error__15mgzlb0',warning:'MessageBannerVariants_multiVariantStyles_severity_warning__15mgzlb1',confirmation:'MessageBannerStyles_variants_severity_confirmation__15yin4c0',info:'MessageBannerStyles_variants_severity_info__15yin4c1',none:''}},defaultVariants:{},compoundVariants:[]});
 

package/cjs/UNSAFE_MessageBanner.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.0.1 */
+/* @oracle/oraclejet-preact: 15.0.3 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -12,22 +12,22 @@ var PRIVATE_Message = require('./PRIVATE_Message.js');
 require('./UNSAFE_Flex.js');
 var UNSAFE_LiveRegion = require('./UNSAFE_LiveRegion.js');
 var UNSAFE_MessageBanner_themes_redwood_MessageBannerTheme = require('./UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme.js');
-var classNames = require('./classNames-e3012b84.js');
-var Flex = require('./Flex-85c61ef2.js');
-var MessagesManager = require('./MessagesManager-46e92ffb.js');
-var MessageUtils = require('./MessageUtils-37c2f030.js');
+var classNames = require('./classNames-9fbd49fc.js');
+var Flex = require('./Flex-79923324.js');
+var MessagesManager = require('./MessagesManager-08643837.js');
+var MessageUtils = require('./MessageUtils-aa71ac72.js');
 require('./utils/UNSAFE_logger.js');
-require('./_curry1-3c3ec80a.js');
-require('./_curry2-d1bd17a7.js');
+require('./_curry1-a1d8720c.js');
+require('./_curry2-5fc9376b.js');
 require('./utils/PRIVATE_timer.js');
 require('./PRIVATE_Message/themes/MessageStyles.css.js');
 
-require('./MessageCloseButton-a79ac18f.js');
+require('./MessageCloseButton-24edee2f.js');
 require('./UNSAFE_IconButton.js');
-require('./IconButton-2bbf711f.js');
+require('./IconButton-81831f15.js');
 require('preact');
 require('./UNSAFE_BaseButton.js');
-require('./BaseButton-efa811d5.js');
+require('./BaseButton-a96ed970.js');
 require('./hooks/UNSAFE_usePress.js');
 require('./hooks/UNSAFE_useHover.js');
 require('./hooks/UNSAFE_useToggle.js');
@@ -38,28 +38,29 @@ require('./utils/UNSAFE_interpolations/dimensions.js');
 require('./utils/UNSAFE_arrayUtils.js');
 require('./utils/UNSAFE_size.js');
 require('./UNSAFE_Theme.js');
-require('./utils-0c81feb5.js');
+require('./utils-12473e97.js');
 require('./Common/themes/themeContract.css.js');
 require('./utils/UNSAFE_mergeInterpolations.js');
-require('./_curry3-d465b635.js');
-require('./_has-1aeb6905.js');
+require('./_curry3-2363c368.js');
+require('./_has-20ff7f93.js');
 require('./utils/PRIVATE_clientHints.js');
-require('./clientHints-12b1b057.js');
+require('./clientHints-c8607413.js');
 require('./hooks/UNSAFE_useTabbableMode.js');
 require('./utils/UNSAFE_mergeProps.js');
-require('./ButtonLayout-1bae5882.js');
+require('./UNSAFE_ButtonLayout.js');
+require('./ButtonLayout-5d404d4b.js');
 require('./UNSAFE_Text.js');
-require('./Text-e6387e33.js');
+require('./Text-88f82a73.js');
 require('./UNSAFE_Text/themes/TextStyles.css.js');
 
-require('./vanilla-extract-recipes-createRuntimeFn.esm-bf1f6c23.js');
+require('./vanilla-extract-recipes-createRuntimeFn.esm-cd320991.js');
 require('./hooks/UNSAFE_useTooltip.js');
 require('./hooks/UNSAFE_useId.js');
 require('./UNSAFE_Floating.js');
-require('./Floating-1a91617c.js');
-require('./index-76acdb87.js');
+require('./Floating-1a68c63d.js');
+require('./index-18a40e3e.js');
 require('./hooks/UNSAFE_useUser.js');
-require('./index-271a51c2.js');
+require('./index-bebe067a.js');
 require('./Common.js');
 require('./Common/themes.js');
 require('./Common/themes/redwood/theme.js');
@@ -72,17 +73,17 @@ require('./UNSAFE_Floating/themes/FloatingStyles.css.js');
 require('./UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css.js');
 
 require('./UNSAFE_Floating/themes/redwood/FloatingVariants.css.js');
-require('./vanilla-extract-dynamic.esm-36ac8427.js');
+require('./vanilla-extract-dynamic.esm-18f3b4a7.js');
 require('./UNSAFE_Floating/themes/FloatingContract.css.js');
 require('./UNSAFE_Layer.js');
-require('./useThemeInterpolations-b80becc1.js');
+require('./useThemeInterpolations-17712b2e.js');
 require('./hooks/UNSAFE_useColorScheme.js');
 require('./hooks/UNSAFE_useScale.js');
 require('./utils/UNSAFE_interpolations/theme.js');
 require('./hooks/UNSAFE_useFocus.js');
 require('./hooks/UNSAFE_useTouch.js');
 require('./hooks/UNSAFE_useAnimation.js');
-require('./useAnimation-546deb0d.js');
+require('./useAnimation-26d5427a.js');
 require('./hooks/UNSAFE_useThemeInterpolations.js');
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js');
 require('./hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js');
@@ -93,28 +94,28 @@ require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js'
 
 require('./PRIVATE_ThemedIcons/CloseIcon.js');
 require('./UNSAFE_Icon.js');
-require('./Icon-11b3264a.js');
+require('./Icon-1494c669.js');
 require('./UNSAFE_Icon/themes/IconStyle.css.js');
 
-require('./MessageDetail-a68e7270.js');
-require('./MessageFormattingUtils-74e43476.js');
+require('./MessageDetail-23f9c0d1.js');
+require('./MessageFormattingUtils-96e13266.js');
 require('./utils/UNSAFE_getLocale.js');
 require('./utils/UNSAFE_stringUtils.js');
-require('./stringUtils-af6fd26a.js');
-require('./Message.types-8fdfd9c6.js');
-require('./MessageStartIcon-43e502f1.js');
+require('./stringUtils-2ebdf8f7.js');
+require('./Message.types-6c1edd5f.js');
+require('./MessageStartIcon-9259691d.js');
 require('./PRIVATE_ThemedIcons/MessageConfirmationIcon.js');
 require('./PRIVATE_ThemedIcons/MessageErrorIcon.js');
 require('./PRIVATE_ThemedIcons/MessageInfoIcon.js');
 require('./PRIVATE_ThemedIcons/MessageWarningIcon.js');
-require('./MessageSummary-310ab850.js');
-require('./MessageTimestamp-c7543150.js');
+require('./MessageSummary-7e7ebb06.js');
+require('./MessageTimestamp-0f1720c9.js');
 require('./utils/UNSAFE_interpolations/boxalignment.js');
-require('./keys-af18dac3.js');
+require('./keys-aa575a35.js');
 require('./utils/UNSAFE_interpolations/flexbox.js');
-require('./flexbox-a22871b8.js');
+require('./flexbox-7abcc314.js');
 require('./utils/UNSAFE_interpolations/flexitem.js');
-require('./flexitem-1abcdd72.js');
+require('./flexitem-c0f21ca4.js');
 require('./utils/UNSAFE_soundUtils.js');
 require('./UNSAFE_MessageBanner/themes/MessageBannerStyles.css.js');
 

package/cjs/UNSAFE_MessageBanner.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_MessageBanner.js","sources":["../../src/UNSAFE_MessageBanner/MessageBanner.tsx","../../src/UNSAFE_MessageBanner/index.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, ComponentProps, VNode } from 'preact';\nimport { useCallback, useEffect, useImperativeHandle, useRef, useState } from 'preact/hooks';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\nimport {\n  FocusableComponentHandle,\n  useMessageFocusManager\n} from '../hooks/PRIVATE_useMessagesFocusManager';\nimport { getRenderer, Message, MessagesManager } from '../PRIVATE_Message';\nimport { Flex } from '../UNSAFE_Flex';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { Item, ItemMetadata } from '../utils/UNSAFE_dataProvider';\nimport { Handle } from '../utils/UNSAFE_typeUtils';\nimport { MessageBannerRedwoodTheme } from './themes/redwood/MessageBannerTheme';\n\ntype MessageRef = Handle<typeof Message, 'messageRef'>;\n\n// TODO: Refactor Message Item types\n// https://jira.oraclecorp.com/jira/browse/JET-54215\n\n/**\n * An object representing a single message in MessageBanner component.\n */\nexport type MessageBannerItem = {\n  /**\n   * Defines whether or not to include the close icon for the message\n   */\n  closeAffordance?: 'on' | 'off';\n\n  /**\n   * Defines the detail text of the message\n   */\n  detail?: string;\n\n  /**\n   * Defines the severity of the message\n   */\n  severity?: 'none' | 'error' | 'warning' | 'confirmation' | 'info';\n\n  /**\n   * Defines the sound to be played when opening the message\n   */\n  sound?: 'default' | 'none' | string;\n\n  /**\n   * Defines the primary text of the message\n   */\n  summary?: string;\n\n  /**\n   * Defines the timestamp for the message in ISO format\n   */\n  timestamp?: string;\n};\n\n/**\n * Structure of data item passed to the renderers\n */\nexport type MessageBannerRendererDataItem<K, D> = {\n  /**\n   * The data for the current message\n   */\n  data: D;\n\n  /**\n   * The zero-based index of the current message\n   */\n  index: number;\n\n  /**\n   * The key for the current message\n   */\n  key: K;\n\n  /**\n   * The metadata for the current message\n   */\n  metadata?: ItemMetadata<K>;\n};\n\n/**\n * Props for the MessageBanner Component\n */\ntype Props<Key, Data> = {\n  /**\n   * Data for the MessageBanner component. This data is used for rendering each banner message.\n   * The key for each message will be configured using the key of the corresponding item. This way,\n   * the component will know whether a new message is being added or an existing message is being updated/removed\n   * when the new data comes in.\n   */\n  data: Item<Key, Data>[];\n\n  /**\n   * A Banner message can have a different look and feel. For example, when using page-level\n   * messaging the messages need to be rendered from edge to edge without any outline. On the other\n   * hand, when they are being used in a section of a page or a dialog, they need to be rendered\n   * with an outline. This attribute can be used to specify where the component is being used so that\n   * it will render the messages accordingly.\n   */\n  type?: 'page' | 'section';\n\n  /**\n   * Triggered when a user tries to close a message through UI interaction. The application\n   * should listen to this event and remove the corresponding message item from the data\n   * which would then result in the message closed. If the application\n   * fails to remove the message item from the data, then no change will be done in the\n   * UI by the component and the message will stay in the UI opened.\n   */\n  onClose?: (item: Item<Key, Data>) => void;\n\n  /**\n   * Applications can use this property to provide the key of a renderer or a function that\n   * returns the key of a renderer to use for rendering the detail content.\n   *\n   * When a renderer key is provided as a value for this property, the corresponding renderer\n   * will be used for rendering the detail content for all the messages. If applications want\n   * to use a different renderer for different messages, they can provide a function that\n   * returns a renderer key instead.\n   *\n   * The provided function should accept an Item and return a key to a renderer for\n   * rendering the corresponding message's detail content. The value returned from this function\n   * should be a key to one of the renderers provided. If the returned value is not\n   * one of the keys of the provided renderers, the component will throw an Error.\n   *\n   * If the function returns undefined, the component then will perform default rendering\n   * of the detail content using the detail property of the corresponding message.\n   *\n   * If an application specifies both detail and a valid detailRendererKey, the detailRendererKey will\n   * take precedence and the corresponding renderer will be used for rendering the detail content.\n   */\n  detailRendererKey?: string | ((item: Item<Key, Data>) => string | undefined);\n\n  /**\n   * A set of available renderers for rendering the message content. Which renderer is used\n   * for rendering which content will be decided by specific properties in the row data.\n   */\n  renderers?: Record<string, (data: MessageBannerRendererDataItem<Key, Data>) => ComponentChildren>;\n\n  /**\n   * A renderer that renders the close button in the message.\n   */\n  closeButtonRenderer?: (title: string, onAction: (event?: Event) => void) => VNode;\n\n  // Refactor types (cannot import from PRIVATE modules)\n  // https://jira.oraclecorp.com/jira/browse/JET-54215\n  /**\n   * Translations resources\n   */\n  translations?: {\n    /**\n     * Label for the message close button\n     */\n    close?: string;\n\n    /**\n     * Text for 'error' severity level\n     */\n    error?: string;\n\n    /**\n     * Text for 'warning' severity level\n     */\n    warning?: string;\n\n    /**\n     * Text for 'info' severity level\n     */\n    info?: string;\n\n    /**\n     * Text for 'confirmation' severity level\n     */\n    confirmation?: string;\n\n    /**\n     * Text to guide keyboard users navigate to prior focussed element when the messages\n     * region gains focus\n     */\n    navigationFromMessagesRegion?: string;\n\n    /**\n     * Text to guide keyboard users navigate to new displayed messages when focus is outside\n     * the messages region\n     */\n    navigationToMessagesRegion?: string;\n  };\n};\n\n/**\n * Animation states for banner messages\n * TODO: Get this from theme context provider\n */\nconst animationStates: ComponentProps<typeof MessagesManager>['animationStates'] = {\n  entering: (node) => ({\n    to: {\n      maxHeight: `${node.scrollHeight}px`,\n      overflow: 'hidden'\n    },\n    options: {\n      duration: 250\n    },\n    end: {\n      maxHeight: 'none',\n      overflow: 'initial'\n    }\n  }),\n  exiting: (node) => ({\n    ...(node.style.maxHeight === 'none' && {\n      from: {\n        maxHeight: `${node.scrollHeight}px`,\n        overflow: 'hidden'\n      }\n    }),\n    to: {\n      maxHeight: 0,\n      overflow: 'hidden'\n    },\n    end: {\n      maxHeight: 0,\n      overflow: 'hidden'\n    },\n    options: {\n      duration: 250\n    }\n  })\n};\nconst initialAnimationStyles = {\n  maxHeight: 0,\n  overflow: 'hidden'\n} as const;\n\n/**\n * Renders individual messages based on the provided data\n */\nfunction MessageBanner<\n  K extends string | number = string | number,\n  D extends MessageBannerItem = MessageBannerItem\n>({\n  closeButtonRenderer,\n  detailRendererKey,\n  data,\n  onClose,\n  renderers,\n  translations,\n  type = 'section'\n}: Props<K, D>) {\n  // Keyboard Navigation and Focus Management\n  const messagesRef = useRef(new Map<K, MessageRef | null>());\n  const containerDivRef = useRef<HTMLDivElement>(null);\n  const focusHandleRef = useRef<FocusableComponentHandle>(null);\n  const [liveRegionText, setLiveRegionText] = useState<string>();\n  const [shouldRender, setShouldRender] = useState(data.length > 0);\n  // We need a ref that holds the current & previous data length, as the exiting\n  // node will always call handleNextFocus with previous data.\n  // As in TransitionGroup, when an item is removed from the data, a new vnode\n  // will not be created instead previous vnode will be used. So, the new handleNextFocus\n  // will not be called when the old vnode exits. Thus, we will be using a ref\n  // to always get the correct current data length.\n  const dataLengthRef = useRef(data.length);\n  const prevDataLengthRef = useRef(0);\n  // Update the data length ref\n  dataLengthRef.current = data.length;\n\n  // We will be using a function based ref to store the refs in the Map\n  const setMessageRef = useCallback(\n    // TODO: use ramda.curry here (currently it is throwing ts error when used with generics)\n    (key: K) => {\n      return (ref: MessageRef | null) => messagesRef.current.set(key, ref);\n    },\n    []\n  );\n\n  // Update the focusHandleRef\n  useImperativeHandle(\n    focusHandleRef,\n    () => ({\n      focus: () => {\n        // Only trigger focus if the component is rendering messages\n        if (data.length) {\n          const firstItemKey = data[0].key;\n          messagesRef.current.get(firstItemKey)?.focus();\n          return true;\n        }\n        return false;\n      },\n      contains: (element: Element) => {\n        // Only invoke method if the component is rendering messages\n        if (data.length && element) {\n          return containerDivRef.current?.contains(element) ?? false;\n        }\n        return false;\n      }\n    }),\n    [data]\n  );\n\n  // Register handlers for focus management\n  const { controller, handlers } = useMessageFocusManager(focusHandleRef, {\n    onFocus: useCallback(() => {\n      setLiveRegionText(translations?.navigationFromMessagesRegion);\n    }, [setLiveRegionText, translations])\n  });\n\n  /**\n   * Emits onClose event for the provided message.\n   * @param item The message which the user tried to close\n   */\n  const handleClose = useCallback(\n    (item: Item<K, D>) => {\n      onClose?.(item);\n    },\n    [onClose]\n  );\n\n  /**\n   * Handles focus when a message is closed and animated away from the DOM\n   * @param key The key of the message\n   * @param index The index of the message\n   */\n  const handleNextFocus = useCallback(\n    (_key: K, index: number, closedMessageNode?: Element) => {\n      const isClosedMessageFocused = closedMessageNode?.contains(document.activeElement);\n\n      // If there are no messages, do not render anything. As the old messages\n      // are still in the DOM, use the data count to determine what to do next as it\n      // represents the next state.\n      if (dataLengthRef.current === 0) {\n        setShouldRender(false);\n        // If the current message holds focus, then restore previous focus\n        if (isClosedMessageFocused) {\n          controller.restorePriorFocus();\n        }\n        return;\n      }\n\n      // In TransitionGroup, when an item is removed from the data, a new vnode\n      // will not be created instead previous vnode will be used. So, the new handleNextFocus\n      // will not be called when the old vnode exits. Thus, all the deps will not be pointing to\n      // the current references, rather they will be pointing to the ones where this vnode\n      // last existed in the data.\n      // This means, the data will contain the closing message as well. But, all the ref objects\n      // still point to the most up-to-date values. With that in mind, we will be evaluating the\n      // following values.\n      const renderedMessagesCount = data.length;\n\n      // Now that this message is closed, focus the next message that will take this index. If no\n      // message will take this message's index, then it means that this is the last message. If\n      // that is the case, focus the message at the previous index.\n      // Use the count of the messages that are currently shown in the UI (current state including\n      // the message that will be removed). This way we can get the correct item from the data\n      // as it will contain the closing message as well.\n      const nextMessageIndexToFocus = index + 1 < renderedMessagesCount ? index + 1 : index - 1;\n\n      // if next message is available then transfer the focus to the next element\n      if (nextMessageIndexToFocus > -1 && isClosedMessageFocused) {\n        const nextMessageKey = data[nextMessageIndexToFocus].key;\n        messagesRef.current.get(nextMessageKey)?.focus();\n      }\n    },\n    [controller, data]\n  );\n\n  // Prioritize this component whenever the data changes and\n  // the new data has at least one message\n  useEffect(() => {\n    if (data.length) {\n      // set state to render content whenever the data is not empty\n      setShouldRender(true);\n      if (data.length > prevDataLengthRef.current) {\n        // Only when having a new message, update the aria-live area with the\n        // text to indicate how to get the focus to the new message.\n        setLiveRegionText(translations?.navigationToMessagesRegion);\n      }\n      controller.prioritize();\n    } else {\n      // When there are no messages, clear the live region so that\n      // the navigation text will be read when a new message appear\n      setLiveRegionText('');\n    }\n    prevDataLengthRef.current = data.length;\n  }, [controller, data, translations]);\n\n  // When both shouldRender flag is false and no data to render, do not render\n  // anything\n  if (!shouldRender && data.length === 0) {\n    return null;\n  }\n\n  const { classes } = useComponentTheme(MessageBannerRedwoodTheme);\n\n  return (\n    <div\n      ref={containerDivRef}\n      class={classNames(['oj-c-messagebanner', classes])}\n      tabIndex={-1} // Need to add tabindex to make the container receive the focus events\n      {...handlers}>\n      <Flex direction=\"column\" gap={type === 'section' ? '1x' : undefined}>\n        <MessagesManager\n          animationStates={animationStates}\n          initialAnimationStyles={initialAnimationStyles}\n          data={data}\n          onMessageWillRemove={handleNextFocus}>\n          {({ index, item }) => (\n            <Message\n              messageRef={setMessageRef(item.key)}\n              item={item}\n              closeButtonRenderer={closeButtonRenderer}\n              detailRenderer={getRenderer(item, detailRendererKey, renderers)}\n              index={index}\n              key={item.key}\n              variant={type === 'page' ? 'pageBanner' : 'sectionBanner'}\n              onClose={handleClose}\n              translations={translations}\n            />\n          )}\n        </MessagesManager>\n        <LiveRegion>{liveRegionText}</LiveRegion>\n      </Flex>\n    </div>\n  );\n}\n\nexport { MessageBanner };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nexport { MessageBanner } from './MessageBanner';\nexport type { MessageBannerItem, MessageBannerRendererDataItem } from './MessageBanner';\nexport type { MessageBannerVariantOptions } from './themes/MessageBannerStyles.css';\n"],"names":["useRef","useState","useCallback","useImperativeHandle","useMessageFocusManager","useEffect","useComponentTheme","MessageBannerRedwoodTheme","_jsx","classNames","_jsxs","Flex","MessagesManager","Message","getRenderer","LiveRegion"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_MessageBanner.js","sources":["../../src/UNSAFE_MessageBanner/MessageBanner.tsx","../../src/UNSAFE_MessageBanner/index.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, ComponentProps, VNode } from 'preact';\nimport { useCallback, useEffect, useImperativeHandle, useRef, useState } from 'preact/hooks';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\nimport {\n  FocusableComponentHandle,\n  useMessageFocusManager\n} from '../hooks/PRIVATE_useMessagesFocusManager';\nimport { getRenderer, Message, MessagesManager } from '../PRIVATE_Message';\nimport { Flex } from '../UNSAFE_Flex';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { Item, ItemMetadata } from '../utils/UNSAFE_dataProvider';\nimport { Handle } from '../utils/UNSAFE_typeUtils';\nimport { MessageBannerRedwoodTheme } from './themes/redwood/MessageBannerTheme';\n\ntype MessageRef = Handle<typeof Message, 'messageRef'>;\n\n// TODO: Refactor Message Item types\n// https://jira.oraclecorp.com/jira/browse/JET-54215\n\n/**\n * An object representing a single message in MessageBanner component.\n */\nexport type MessageBannerItem = {\n  /**\n   * Defines whether or not to include the close icon for the message\n   */\n  closeAffordance?: 'on' | 'off';\n\n  /**\n   * Defines the detail text of the message\n   */\n  detail?: string;\n\n  /**\n   * Defines the severity of the message\n   */\n  severity?: 'none' | 'error' | 'warning' | 'confirmation' | 'info';\n\n  /**\n   * Defines the sound to be played when opening the message\n   */\n  sound?: 'default' | 'none' | string;\n\n  /**\n   * Defines the primary text of the message\n   */\n  summary?: string;\n\n  /**\n   * Defines the timestamp for the message in ISO format\n   */\n  timestamp?: string;\n};\n\n/**\n * Structure of data item passed to the renderers\n */\nexport type MessageBannerRendererDataItem<K, D> = {\n  /**\n   * The data for the current message\n   */\n  data: D;\n\n  /**\n   * The zero-based index of the current message\n   */\n  index: number;\n\n  /**\n   * The key for the current message\n   */\n  key: K;\n\n  /**\n   * The metadata for the current message\n   */\n  metadata?: ItemMetadata<K>;\n};\n\n/**\n * Props for the MessageBanner Component\n */\ntype Props<Key, Data> = {\n  /**\n   * Data for the MessageBanner component. This data is used for rendering each banner message.\n   * The key for each message will be configured using the key of the corresponding item. This way,\n   * the component will know whether a new message is being added or an existing message is being updated/removed\n   * when the new data comes in.\n   */\n  data: Item<Key, Data>[];\n\n  /**\n   * A Banner message can have a different look and feel. For example, when using page-level\n   * messaging the messages need to be rendered from edge to edge without any outline. On the other\n   * hand, when they are being used in a section of a page or a dialog, they need to be rendered\n   * with an outline. This attribute can be used to specify where the component is being used so that\n   * it will render the messages accordingly.\n   */\n  type?: 'page' | 'section';\n\n  /**\n   * Triggered when a user tries to close a message through UI interaction. The application\n   * should listen to this event and remove the corresponding message item from the data\n   * which would then result in the message closed. If the application\n   * fails to remove the message item from the data, then no change will be done in the\n   * UI by the component and the message will stay in the UI opened.\n   */\n  onClose?: (item: Item<Key, Data>) => void;\n\n  /**\n   * Applications can use this property to provide the key of a renderer or a function that\n   * returns the key of a renderer to use for rendering the detail content.\n   *\n   * When a renderer key is provided as a value for this property, the corresponding renderer\n   * will be used for rendering the detail content for all the messages. If applications want\n   * to use a different renderer for different messages, they can provide a function that\n   * returns a renderer key instead.\n   *\n   * The provided function should accept an Item and return a key to a renderer for\n   * rendering the corresponding message's detail content. The value returned from this function\n   * should be a key to one of the renderers provided. If the returned value is not\n   * one of the keys of the provided renderers, the component will throw an Error.\n   *\n   * If the function returns undefined, the component then will perform default rendering\n   * of the detail content using the detail property of the corresponding message.\n   *\n   * If an application specifies both detail and a valid detailRendererKey, the detailRendererKey will\n   * take precedence and the corresponding renderer will be used for rendering the detail content.\n   */\n  detailRendererKey?: string | ((item: Item<Key, Data>) => string | undefined);\n\n  /**\n   * A set of available renderers for rendering the message content. Which renderer is used\n   * for rendering which content will be decided by specific properties in the row data.\n   */\n  renderers?: Record<string, (data: MessageBannerRendererDataItem<Key, Data>) => ComponentChildren>;\n\n  /**\n   * A renderer that renders the close button in the message.\n   */\n  closeButtonRenderer?: (title: string, onAction: (event?: Event) => void) => VNode;\n\n  // Refactor types (cannot import from PRIVATE modules)\n  // https://jira.oraclecorp.com/jira/browse/JET-54215\n  /**\n   * Translations resources\n   */\n  translations?: {\n    /**\n     * Label for the message close button\n     */\n    close?: string;\n\n    /**\n     * Text for 'error' severity level\n     */\n    error?: string;\n\n    /**\n     * Text for 'warning' severity level\n     */\n    warning?: string;\n\n    /**\n     * Text for 'info' severity level\n     */\n    info?: string;\n\n    /**\n     * Text for 'confirmation' severity level\n     */\n    confirmation?: string;\n\n    /**\n     * Text to guide keyboard users navigate to prior focussed element when the messages\n     * region gains focus\n     */\n    navigationFromMessagesRegion?: string;\n\n    /**\n     * Text to guide keyboard users navigate to new displayed messages when focus is outside\n     * the messages region\n     */\n    navigationToMessagesRegion?: string;\n  };\n};\n\n/**\n * Animation states for banner messages\n * TODO: Get this from theme context provider\n */\nconst animationStates: ComponentProps<typeof MessagesManager>['animationStates'] = {\n  entering: (node) => ({\n    to: {\n      maxHeight: `${node.scrollHeight}px`,\n      overflow: 'hidden'\n    },\n    options: {\n      duration: 250\n    },\n    end: {\n      maxHeight: 'none',\n      overflow: 'initial'\n    }\n  }),\n  exiting: (node) => ({\n    ...(node.style.maxHeight === 'none' && {\n      from: {\n        maxHeight: `${node.scrollHeight}px`,\n        overflow: 'hidden'\n      }\n    }),\n    to: {\n      maxHeight: 0,\n      overflow: 'hidden'\n    },\n    end: {\n      maxHeight: 0,\n      overflow: 'hidden'\n    },\n    options: {\n      duration: 250\n    }\n  })\n};\nconst initialAnimationStyles = {\n  maxHeight: 0,\n  overflow: 'hidden'\n} as const;\n\n/**\n * Renders individual messages based on the provided data\n */\nfunction MessageBanner<\n  K extends string | number = string | number,\n  D extends MessageBannerItem = MessageBannerItem\n>({\n  closeButtonRenderer,\n  detailRendererKey,\n  data,\n  onClose,\n  renderers,\n  translations,\n  type = 'section'\n}: Props<K, D>) {\n  // Keyboard Navigation and Focus Management\n  const messagesRef = useRef(new Map<K, MessageRef | null>());\n  const containerDivRef = useRef<HTMLDivElement>(null);\n  const focusHandleRef = useRef<FocusableComponentHandle>(null);\n  const [liveRegionText, setLiveRegionText] = useState<string>();\n  const [shouldRender, setShouldRender] = useState(data.length > 0);\n  // We need a ref that holds the current & previous data length, as the exiting\n  // node will always call handleNextFocus with previous data.\n  // As in TransitionGroup, when an item is removed from the data, a new vnode\n  // will not be created instead previous vnode will be used. So, the new handleNextFocus\n  // will not be called when the old vnode exits. Thus, we will be using a ref\n  // to always get the correct current data length.\n  const dataLengthRef = useRef(data.length);\n  const prevDataLengthRef = useRef(0);\n  // Update the data length ref\n  dataLengthRef.current = data.length;\n\n  // We will be using a function based ref to store the refs in the Map\n  const setMessageRef = useCallback(\n    // TODO: use ramda.curry here (currently it is throwing ts error when used with generics)\n    (key: K) => {\n      return (ref: MessageRef | null) => messagesRef.current.set(key, ref);\n    },\n    []\n  );\n\n  // Update the focusHandleRef\n  useImperativeHandle(\n    focusHandleRef,\n    () => ({\n      focus: () => {\n        // Only trigger focus if the component is rendering messages\n        if (data.length) {\n          const firstItemKey = data[0].key;\n          messagesRef.current.get(firstItemKey)?.focus();\n          return true;\n        }\n        return false;\n      },\n      contains: (element: Element) => {\n        // Only invoke method if the component is rendering messages\n        if (data.length && element) {\n          return containerDivRef.current?.contains(element) ?? false;\n        }\n        return false;\n      }\n    }),\n    [data]\n  );\n\n  // Register handlers for focus management\n  const { controller, handlers } = useMessageFocusManager(focusHandleRef, {\n    onFocus: useCallback(() => {\n      setLiveRegionText(translations?.navigationFromMessagesRegion);\n    }, [setLiveRegionText, translations])\n  });\n\n  /**\n   * Emits onClose event for the provided message.\n   * @param item The message which the user tried to close\n   */\n  const handleClose = useCallback(\n    (item: Item<K, D>) => {\n      onClose?.(item);\n    },\n    [onClose]\n  );\n\n  /**\n   * Handles focus when a message is closed and animated away from the DOM\n   * @param key The key of the message\n   * @param index The index of the message\n   */\n  const handleNextFocus = useCallback(\n    (_key: K, index: number, closedMessageNode?: Element) => {\n      const isClosedMessageFocused = closedMessageNode?.contains(document.activeElement);\n\n      // If there are no messages, do not render anything. As the old messages\n      // are still in the DOM, use the data count to determine what to do next as it\n      // represents the next state.\n      if (dataLengthRef.current === 0) {\n        setShouldRender(false);\n        // If the current message holds focus, then restore previous focus\n        if (isClosedMessageFocused) {\n          controller.restorePriorFocus();\n        }\n        return;\n      }\n\n      // In TransitionGroup, when an item is removed from the data, a new vnode\n      // will not be created instead previous vnode will be used. So, the new handleNextFocus\n      // will not be called when the old vnode exits. Thus, all the deps will not be pointing to\n      // the current references, rather they will be pointing to the ones where this vnode\n      // last existed in the data.\n      // This means, the data will contain the closing message as well. But, all the ref objects\n      // still point to the most up-to-date values. With that in mind, we will be evaluating the\n      // following values.\n      const renderedMessagesCount = data.length;\n\n      // Now that this message is closed, focus the next message that will take this index. If no\n      // message will take this message's index, then it means that this is the last message. If\n      // that is the case, focus the message at the previous index.\n      // Use the count of the messages that are currently shown in the UI (current state including\n      // the message that will be removed). This way we can get the correct item from the data\n      // as it will contain the closing message as well.\n      const nextMessageIndexToFocus = index + 1 < renderedMessagesCount ? index + 1 : index - 1;\n\n      // if next message is available then transfer the focus to the next element\n      if (nextMessageIndexToFocus > -1 && isClosedMessageFocused) {\n        const nextMessageKey = data[nextMessageIndexToFocus].key;\n        messagesRef.current.get(nextMessageKey)?.focus();\n      }\n    },\n    [controller, data]\n  );\n\n  // Prioritize this component whenever the data changes and\n  // the new data has at least one message\n  useEffect(() => {\n    if (data.length) {\n      // set state to render content whenever the data is not empty\n      setShouldRender(true);\n      if (data.length > prevDataLengthRef.current) {\n        // Only when having a new message, update the aria-live area with the\n        // text to indicate how to get the focus to the new message.\n        setLiveRegionText(translations?.navigationToMessagesRegion);\n      }\n      controller.prioritize();\n    } else {\n      // When there are no messages, clear the live region so that\n      // the navigation text will be read when a new message appear\n      setLiveRegionText('');\n    }\n    prevDataLengthRef.current = data.length;\n  }, [controller, data, translations]);\n\n  // When both shouldRender flag is false and no data to render, do not render\n  // anything\n  if (!shouldRender && data.length === 0) {\n    return null;\n  }\n\n  const { classes } = useComponentTheme(MessageBannerRedwoodTheme);\n\n  return (\n    <div\n      ref={containerDivRef}\n      class={classNames(['oj-c-messagebanner', classes])}\n      tabIndex={-1} // Need to add tabindex to make the container receive the focus events\n      {...handlers}>\n      <Flex direction=\"column\" gap={type === 'section' ? '1x' : undefined}>\n        <MessagesManager\n          animationStates={animationStates}\n          initialAnimationStyles={initialAnimationStyles}\n          data={data}\n          onMessageWillRemove={handleNextFocus}>\n          {({ index, item }) => (\n            <Message\n              messageRef={setMessageRef(item.key)}\n              item={item}\n              closeButtonRenderer={closeButtonRenderer}\n              detailRenderer={getRenderer(item, detailRendererKey, renderers)}\n              index={index}\n              key={item.key}\n              variant={type === 'page' ? 'pageBanner' : 'sectionBanner'}\n              onClose={handleClose}\n              translations={translations}\n            />\n          )}\n        </MessagesManager>\n        <LiveRegion>{liveRegionText}</LiveRegion>\n      </Flex>\n    </div>\n  );\n}\n\nexport { MessageBanner };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nexport { MessageBanner } from './MessageBanner';\nexport type { MessageBannerItem, MessageBannerRendererDataItem } from './MessageBanner';\nexport type { MessageBannerVariantOptions } from './themes/MessageBannerStyles.css';\n"],"names":["useRef","useState","useCallback","useImperativeHandle","useMessageFocusManager","useEffect","useComponentTheme","MessageBannerRedwoodTheme","_jsx","classNames","_jsxs","Flex","MessagesManager","Message","getRenderer","LiveRegion"],"mappings":"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"}

package/cjs/UNSAFE_MessageToast/themes/MessageToastContract.css.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.0.1 */
+/* @oracle/oraclejet-preact: 15.0.3 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/UNSAFE_MessageToast/themes/MessageToastStyles.css.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.0.1 */
+/* @oracle/oraclejet-preact: 15.0.3 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/UNSAFE_MessageToast/themes/redwood/MessageToastBaseTheme.css.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.0.1 */
+/* @oracle/oraclejet-preact: 15.0.3 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/UNSAFE_MessageToast/themes/redwood/MessageToastTheme.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.0.1 */
+/* @oracle/oraclejet-preact: 15.0.3 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -8,7 +8,7 @@ var UNSAFE_MessageToast_themes_redwood_MessageToastBaseTheme_css = require('./Me
 var UNSAFE_MessageToast_themes_redwood_MessageToastVariants_css = require('./MessageToastVariants.css.js');
 
 
-require('../../../vanilla-extract-recipes-createRuntimeFn.esm-bf1f6c23.js');
+require('../../../vanilla-extract-recipes-createRuntimeFn.esm-cd320991.js');
 
 /*******************
  * Component Theme

package/cjs/UNSAFE_MessageToast/themes/redwood/MessageToastVariants.css.js

@@ -1,10 +1,10 @@
-/* @oracle/oraclejet-preact: 15.0.1 */
+/* @oracle/oraclejet-preact: 15.0.3 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 
-var vanillaExtractRecipesCreateRuntimeFn_esm = require('../../../vanilla-extract-recipes-createRuntimeFn.esm-bf1f6c23.js');
+var vanillaExtractRecipesCreateRuntimeFn_esm = require('../../../vanilla-extract-recipes-createRuntimeFn.esm-cd320991.js');
 
 var multiVariantStyles = vanillaExtractRecipesCreateRuntimeFn_esm.createRuntimeFn({defaultClassName:'MessageToastStyles_styles_base__jym5gr0',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
 

package/cjs/UNSAFE_MessageToast/themes/stable/MessageToastBaseTheme.css.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.0.1 */
+/* @oracle/oraclejet-preact: 15.0.3 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/UNSAFE_MessageToast/themes/stable/MessageToastTheme.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.0.1 */
+/* @oracle/oraclejet-preact: 15.0.3 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -8,7 +8,7 @@ var UNSAFE_MessageToast_themes_stable_MessageToastBaseTheme_css = require('./Mes
 var UNSAFE_MessageToast_themes_stable_MessageToastVariants_css = require('./MessageToastVariants.css.js');
 
 
-require('../../../vanilla-extract-recipes-createRuntimeFn.esm-bf1f6c23.js');
+require('../../../vanilla-extract-recipes-createRuntimeFn.esm-cd320991.js');
 
 /*******************
  * Component Theme

package/cjs/UNSAFE_MessageToast/themes/stable/MessageToastVariants.css.js

@@ -1,10 +1,10 @@
-/* @oracle/oraclejet-preact: 15.0.1 */
+/* @oracle/oraclejet-preact: 15.0.3 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 
-var vanillaExtractRecipesCreateRuntimeFn_esm = require('../../../vanilla-extract-recipes-createRuntimeFn.esm-bf1f6c23.js');
+var vanillaExtractRecipesCreateRuntimeFn_esm = require('../../../vanilla-extract-recipes-createRuntimeFn.esm-cd320991.js');
 
 var multiVariantStyles = vanillaExtractRecipesCreateRuntimeFn_esm.createRuntimeFn({defaultClassName:'MessageToastStyles_styles_base__jym5gr0',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
 

package/cjs/UNSAFE_MessageToast.js

@@ -1,12 +1,12 @@
-/* @oracle/oraclejet-preact: 15.0.1 */
+/* @oracle/oraclejet-preact: 15.0.3 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var MessageToast = require('./MessageToast-5bc6e7db.js');
+var MessageToast = require('./MessageToast-89a84a2a.js');
 require('preact/jsx-runtime');
 require('preact/hooks');
-require('./index-271a51c2.js');
+require('./index-bebe067a.js');
 require('preact');
 require('./Common.js');
 require('./Common/themes.js');
@@ -19,53 +19,54 @@ require('./hooks/UNSAFE_useBreakpoints.js');
 require('./hooks/UNSAFE_useTranslationBundle.js');
 require('./PRIVATE_Message.js');
 require('./UNSAFE_Flex.js');
-require('./Flex-85c61ef2.js');
+require('./Flex-79923324.js');
 require('./utils/UNSAFE_interpolations/dimensions.js');
 require('./utils/UNSAFE_arrayUtils.js');
 require('./utils/UNSAFE_size.js');
 require('./UNSAFE_Theme.js');
-require('./utils-0c81feb5.js');
-require('./_curry1-3c3ec80a.js');
+require('./utils-12473e97.js');
+require('./_curry1-a1d8720c.js');
 require('./utils/UNSAFE_mergeInterpolations.js');
 require('./utils/UNSAFE_classNames.js');
-require('./classNames-e3012b84.js');
-require('./_curry3-d465b635.js');
-require('./_curry2-d1bd17a7.js');
-require('./_has-1aeb6905.js');
+require('./classNames-9fbd49fc.js');
+require('./_curry3-2363c368.js');
+require('./_curry2-5fc9376b.js');
+require('./_has-20ff7f93.js');
 
 require('./utils/UNSAFE_interpolations/boxalignment.js');
-require('./keys-af18dac3.js');
+require('./keys-aa575a35.js');
 require('./utils/UNSAFE_interpolations/flexbox.js');
-require('./flexbox-a22871b8.js');
+require('./flexbox-7abcc314.js');
 require('./utils/UNSAFE_interpolations/flexitem.js');
-require('./flexitem-1abcdd72.js');
+require('./flexitem-c0f21ca4.js');
 require('./utils/PRIVATE_timer.js');
 require('./PRIVATE_Message/themes/MessageStyles.css.js');
 
-require('./MessageCloseButton-a79ac18f.js');
+require('./MessageCloseButton-24edee2f.js');
 require('./UNSAFE_IconButton.js');
-require('./IconButton-2bbf711f.js');
+require('./IconButton-81831f15.js');
 require('./UNSAFE_BaseButton.js');
-require('./BaseButton-efa811d5.js');
+require('./BaseButton-a96ed970.js');
 require('./hooks/UNSAFE_usePress.js');
 require('./hooks/UNSAFE_useHover.js');
 require('./hooks/UNSAFE_useToggle.js');
 require('./hooks/UNSAFE_useActive.js');
 require('./utils/PRIVATE_clientHints.js');
-require('./clientHints-12b1b057.js');
+require('./clientHints-c8607413.js');
 require('./hooks/UNSAFE_useTabbableMode.js');
 require('./utils/UNSAFE_mergeProps.js');
-require('./ButtonLayout-1bae5882.js');
+require('./UNSAFE_ButtonLayout.js');
+require('./ButtonLayout-5d404d4b.js');
 require('./UNSAFE_Text.js');
-require('./Text-e6387e33.js');
+require('./Text-88f82a73.js');
 require('./UNSAFE_Text/themes/TextStyles.css.js');
 
-require('./vanilla-extract-recipes-createRuntimeFn.esm-bf1f6c23.js');
+require('./vanilla-extract-recipes-createRuntimeFn.esm-cd320991.js');
 require('./hooks/UNSAFE_useTooltip.js');
 require('./hooks/UNSAFE_useId.js');
 require('./UNSAFE_Floating.js');
-require('./Floating-1a91617c.js');
-require('./index-76acdb87.js');
+require('./Floating-1a68c63d.js');
+require('./index-18a40e3e.js');
 require('./hooks/UNSAFE_useUser.js');
 require('./utils/PRIVATE_floatingUtils.js');
 require('./utils/PRIVATE_refUtils.js');
@@ -78,17 +79,17 @@ require('./UNSAFE_Floating/themes/FloatingStyles.css.js');
 require('./UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css.js');
 
 require('./UNSAFE_Floating/themes/redwood/FloatingVariants.css.js');
-require('./vanilla-extract-dynamic.esm-36ac8427.js');
+require('./vanilla-extract-dynamic.esm-18f3b4a7.js');
 require('./UNSAFE_Floating/themes/FloatingContract.css.js');
 require('./UNSAFE_Layer.js');
-require('./useThemeInterpolations-b80becc1.js');
+require('./useThemeInterpolations-17712b2e.js');
 require('./hooks/UNSAFE_useColorScheme.js');
 require('./hooks/UNSAFE_useScale.js');
 require('./utils/UNSAFE_interpolations/theme.js');
 require('./hooks/UNSAFE_useFocus.js');
 require('./hooks/UNSAFE_useTouch.js');
 require('./hooks/UNSAFE_useAnimation.js');
-require('./useAnimation-546deb0d.js');
+require('./useAnimation-26d5427a.js');
 require('./hooks/UNSAFE_useThemeInterpolations.js');
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js');
 require('./hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js');
@@ -99,23 +100,23 @@ require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js'
 
 require('./PRIVATE_ThemedIcons/CloseIcon.js');
 require('./UNSAFE_Icon.js');
-require('./Icon-11b3264a.js');
+require('./Icon-1494c669.js');
 require('./UNSAFE_Icon/themes/IconStyle.css.js');
 
-require('./MessageDetail-a68e7270.js');
-require('./MessageFormattingUtils-74e43476.js');
+require('./MessageDetail-23f9c0d1.js');
+require('./MessageFormattingUtils-96e13266.js');
 require('./utils/UNSAFE_getLocale.js');
 require('./utils/UNSAFE_stringUtils.js');
-require('./stringUtils-af6fd26a.js');
-require('./Message.types-8fdfd9c6.js');
-require('./MessageStartIcon-43e502f1.js');
+require('./stringUtils-2ebdf8f7.js');
+require('./Message.types-6c1edd5f.js');
+require('./MessageStartIcon-9259691d.js');
 require('./PRIVATE_ThemedIcons/MessageConfirmationIcon.js');
 require('./PRIVATE_ThemedIcons/MessageErrorIcon.js');
 require('./PRIVATE_ThemedIcons/MessageInfoIcon.js');
 require('./PRIVATE_ThemedIcons/MessageWarningIcon.js');
-require('./MessageSummary-310ab850.js');
-require('./MessageTimestamp-c7543150.js');
-require('./MessageUtils-37c2f030.js');
+require('./MessageSummary-7e7ebb06.js');
+require('./MessageTimestamp-0f1720c9.js');
+require('./MessageUtils-aa71ac72.js');
 require('./utils/UNSAFE_soundUtils.js');
 require('./UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme.js');
 require('./UNSAFE_MessageBanner/themes/MessageBannerStyles.css.js');
@@ -124,10 +125,10 @@ require('./UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.css.js');
 
 require('./UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js');
 
-require('./MessagesManager-46e92ffb.js');
+require('./MessagesManager-08643837.js');
 require('./PRIVATE_TransitionGroup.js');
 require('./hooks/UNSAFE_useMessagesContext.js');
-require('./index-540c45bd.js');
+require('./index-410059de.js');
 require('./UNSAFE_WindowOverlay.js');
 require('./UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css.js');
 
@@ -137,9 +138,9 @@ require('./UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css.js');
 
 require('./UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css.js');
 require('./UNSAFE_FocusTrap.js');
-require('./FocusTrap-e2628c2c.js');
+require('./FocusTrap-f18e2670.js');
 require('./utils/PRIVATE_tabbableUtils.js');
-require('./_arity-3a933ed1.js');
+require('./_arity-2f353ee0.js');
 require('./UNSAFE_LiveRegion.js');
 require('./UNSAFE_MessageToast/themes/redwood/MessageToastTheme.js');
 require('./UNSAFE_MessageToast/themes/MessageToastStyles.css.js');

package/cjs/UNSAFE_MessageToast.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_MessageToast.js","sources":["../../src/UNSAFE_MessageToast/index.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nexport { MessageToast } from './MessageToast';\nexport type { MessageToastItem } from './MessageToast';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;AAMG;;;;"}
+{"version":3,"file":"UNSAFE_MessageToast.js","sources":["../../src/UNSAFE_MessageToast/index.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nexport { MessageToast } from './MessageToast';\nexport type { MessageToastItem } from './MessageToast';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;AAMG;;;;"}

package/cjs/UNSAFE_MeterBar/themes/MeterBarContract.css.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.0.1 */
+/* @oracle/oraclejet-preact: 15.0.3 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/UNSAFE_MeterBar/themes/MeterBarStyles.css.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.0.1 */
+/* @oracle/oraclejet-preact: 15.0.3 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/UNSAFE_MeterBar/themes/redwood/MeterBarBaseTheme.css.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.0.1 */
+/* @oracle/oraclejet-preact: 15.0.3 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });