@oracle/oraclejet-preact 15.0.1 → 15.0.3

package/es/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":["_jsx","_jsxs"],"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":["_jsx","_jsxs"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.0.1 */
+/* @oracle/oraclejet-preact: 15.0.3 */
 var messageToastVars = {backgroundColor:'var(--backgroundColor__zw7y740)',maxWidthLg:'var(--maxWidthLg__zw7y741)',maxWidthMd:'var(--maxWidthMd__zw7y742)',maxWidthSm:'var(--maxWidthSm__zw7y743)',startIconColor:'var(--startIconColor__zw7y744)',startIconSize:'var(--startIconSize__zw7y745)',summaryTextColor:'var(--summaryTextColor__zw7y746)',summaryTextWeight:'var(--summaryTextWeight__zw7y747)',summaryTextSize:'var(--summaryTextSize__zw7y748)',summaryLineHeight:'var(--summaryLineHeight__zw7y749)',detailTextColor:'var(--detailTextColor__zw7y74a)'};
 
 export { messageToastVars };

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

@@ -1,5 +1,5 @@
-/* @oracle/oraclejet-preact: 15.0.1 */
-
+/* @oracle/oraclejet-preact: 15.0.3 */
+import './../../MessageToastStyles.styles.css';
 
 var styles = {base:'MessageToastStyles_styles_base__jym5gr0'};
 var variants = {};

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

@@ -1,5 +1,5 @@
-/* @oracle/oraclejet-preact: 15.0.1 */
-
+/* @oracle/oraclejet-preact: 15.0.3 */
+import './MessageToastBaseTheme.styles.css';
 
 var baseTheme = 'MessageToastBaseTheme_baseTheme__3146600';
 

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

@@ -1,10 +1,10 @@
-/* @oracle/oraclejet-preact: 15.0.1 */
+/* @oracle/oraclejet-preact: 15.0.3 */
 import { variants } from '../MessageToastStyles.css.js';
 import { baseTheme } from './MessageToastBaseTheme.css.js';
 import { multiVariantStyles } from './MessageToastVariants.css.js';
-
-
-import '../../../vanilla-extract-recipes-createRuntimeFn.esm-760bec36.js';
+import './../../../MessageToastStyles.styles.css';
+import './MessageToastBaseTheme.styles.css';
+import '../../../vanilla-extract-recipes-createRuntimeFn.esm-be89d178.js';
 
 /*******************
  * Component Theme

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

@@ -1,6 +1,6 @@
-/* @oracle/oraclejet-preact: 15.0.1 */
-
-import { c as createRuntimeFn } from '../../../vanilla-extract-recipes-createRuntimeFn.esm-760bec36.js';
+/* @oracle/oraclejet-preact: 15.0.3 */
+import './../../../MessageToastStyles.styles.css';
+import { c as createRuntimeFn } from '../../../vanilla-extract-recipes-createRuntimeFn.esm-be89d178.js';
 
 var multiVariantStyles = createRuntimeFn({defaultClassName:'MessageToastStyles_styles_base__jym5gr0',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
 

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

@@ -1,5 +1,5 @@
-/* @oracle/oraclejet-preact: 15.0.1 */
-
+/* @oracle/oraclejet-preact: 15.0.3 */
+import './MessageToastBaseTheme.styles.css';
 
 var baseTheme = 'MessageToastBaseTheme_baseTheme__1b8krg70';
 

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

@@ -1,10 +1,10 @@
-/* @oracle/oraclejet-preact: 15.0.1 */
+/* @oracle/oraclejet-preact: 15.0.3 */
 import { variants } from '../MessageToastStyles.css.js';
 import { baseTheme } from './MessageToastBaseTheme.css.js';
 import { multiVariantStyles } from './MessageToastVariants.css.js';
-
-
-import '../../../vanilla-extract-recipes-createRuntimeFn.esm-760bec36.js';
+import './../../../MessageToastStyles.styles.css';
+import './MessageToastBaseTheme.styles.css';
+import '../../../vanilla-extract-recipes-createRuntimeFn.esm-be89d178.js';
 
 /*******************
  * Component Theme

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

@@ -1,6 +1,6 @@
-/* @oracle/oraclejet-preact: 15.0.1 */
-
-import { c as createRuntimeFn } from '../../../vanilla-extract-recipes-createRuntimeFn.esm-760bec36.js';
+/* @oracle/oraclejet-preact: 15.0.3 */
+import './../../../MessageToastStyles.styles.css';
+import { c as createRuntimeFn } from '../../../vanilla-extract-recipes-createRuntimeFn.esm-be89d178.js';
 
 var multiVariantStyles = createRuntimeFn({defaultClassName:'MessageToastStyles_styles_base__jym5gr0',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
 

package/es/UNSAFE_MessageToast.js

@@ -1,8 +1,8 @@
-/* @oracle/oraclejet-preact: 15.0.1 */
-export { M as MessageToast } from './MessageToast-47913974.js';
+/* @oracle/oraclejet-preact: 15.0.3 */
+export { M as MessageToast } from './MessageToast-bfa64f73.js';
 import 'preact/jsx-runtime';
 import 'preact/hooks';
-import './index-af04122c.js';
+import './index-74dd6877.js';
 import 'preact';
 import './Common.js';
 import './Common/themes.js';
@@ -15,53 +15,54 @@ import './hooks/UNSAFE_useBreakpoints.js';
 import './hooks/UNSAFE_useTranslationBundle.js';
 import './PRIVATE_Message.js';
 import './UNSAFE_Flex.js';
-import './Flex-a34ea41b.js';
+import './Flex-d14dd956.js';
 import './utils/UNSAFE_interpolations/dimensions.js';
 import './utils/UNSAFE_arrayUtils.js';
 import './utils/UNSAFE_size.js';
 import './UNSAFE_Theme.js';
-import './utils-d0646cd2.js';
-import './_curry1-abadc4e8.js';
+import './utils-4218fa68.js';
+import './_curry1-c913f8ab.js';
 import './utils/UNSAFE_mergeInterpolations.js';
 import './utils/UNSAFE_classNames.js';
-import './classNames-3e622a71.js';
-import './_curry3-e510837d.js';
-import './_curry2-c7310650.js';
-import './_has-38c037f4.js';
+import './classNames-321555b1.js';
+import './_curry3-110311cf.js';
+import './_curry2-f5abcc5c.js';
+import './_has-591ed060.js';
 
 import './utils/UNSAFE_interpolations/boxalignment.js';
-import './keys-06e8b3f2.js';
+import './keys-2cfd86df.js';
 import './utils/UNSAFE_interpolations/flexbox.js';
-import './flexbox-48590305.js';
+import './flexbox-2170c20f.js';
 import './utils/UNSAFE_interpolations/flexitem.js';
-import './flexitem-55a0b391.js';
+import './flexitem-5ac8bf29.js';
 import './utils/PRIVATE_timer.js';
 import './PRIVATE_Message/themes/MessageStyles.css.js';
-
-import './MessageCloseButton-8e3a95d8.js';
+import './MessageStyles.styles.css';
+import './MessageCloseButton-d78f636b.js';
 import './UNSAFE_IconButton.js';
-import './IconButton-ceb36eb2.js';
+import './IconButton-44ddcf82.js';
 import './UNSAFE_BaseButton.js';
-import './BaseButton-c021d191.js';
+import './BaseButton-30f1e234.js';
 import './hooks/UNSAFE_usePress.js';
 import './hooks/UNSAFE_useHover.js';
 import './hooks/UNSAFE_useToggle.js';
 import './hooks/UNSAFE_useActive.js';
 import './utils/PRIVATE_clientHints.js';
-import './clientHints-a188ac96.js';
+import './clientHints-641389e2.js';
 import './hooks/UNSAFE_useTabbableMode.js';
 import './utils/UNSAFE_mergeProps.js';
-import './ButtonLayout-4e6fc959.js';
+import './UNSAFE_ButtonLayout.js';
+import './ButtonLayout-afb5ea6d.js';
 import './UNSAFE_Text.js';
-import './Text-44397c36.js';
+import './Text-767eb60f.js';
 import './UNSAFE_Text/themes/TextStyles.css.js';
-
-import './vanilla-extract-recipes-createRuntimeFn.esm-760bec36.js';
+import './TextStyles.styles.css';
+import './vanilla-extract-recipes-createRuntimeFn.esm-be89d178.js';
 import './hooks/UNSAFE_useTooltip.js';
 import './hooks/UNSAFE_useId.js';
 import './UNSAFE_Floating.js';
-import './Floating-4a0e211b.js';
-import './index-9f4b5ce7.js';
+import './Floating-c4603665.js';
+import './index-dc0f18d6.js';
 import './hooks/UNSAFE_useUser.js';
 import './utils/PRIVATE_floatingUtils.js';
 import './utils/PRIVATE_refUtils.js';
@@ -70,78 +71,78 @@ import './hooks/UNSAFE_useComponentTheme.js';
 import './utils/UNSAFE_logger.js';
 import './UNSAFE_Floating/themes/redwood/FloatingTheme.js';
 import './UNSAFE_Floating/themes/FloatingStyles.css.js';
-
+import './FloatingStyles.styles.css';
 import './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css.js';
-
+import './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.styles.css';
 import './UNSAFE_Floating/themes/redwood/FloatingVariants.css.js';
-import './vanilla-extract-dynamic.esm-5269d248.js';
+import './vanilla-extract-dynamic.esm-8f372567.js';
 import './UNSAFE_Floating/themes/FloatingContract.css.js';
 import './UNSAFE_Layer.js';
-import './useThemeInterpolations-b89d8e6d.js';
+import './useThemeInterpolations-ee7e5cf4.js';
 import './hooks/UNSAFE_useColorScheme.js';
 import './hooks/UNSAFE_useScale.js';
 import './utils/UNSAFE_interpolations/theme.js';
 import './hooks/UNSAFE_useFocus.js';
 import './hooks/UNSAFE_useTouch.js';
 import './hooks/UNSAFE_useAnimation.js';
-import './useAnimation-f2cfe555.js';
+import './useAnimation-23125aab.js';
 import './hooks/UNSAFE_useThemeInterpolations.js';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js';
 import './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js';
-
+import './TooltipContentStyles.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css.js';
-
+import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
-
+import './TooltipContentVariants.styles2.css';
 import './PRIVATE_ThemedIcons/CloseIcon.js';
 import './UNSAFE_Icon.js';
-import './Icon-8826c9a1.js';
+import './Icon-161e74be.js';
 import './UNSAFE_Icon/themes/IconStyle.css.js';
-
-import './MessageDetail-ccca021a.js';
-import './MessageFormattingUtils-8cb66807.js';
+import './IconStyle.styles.css';
+import './MessageDetail-dd5befd6.js';
+import './MessageFormattingUtils-49560245.js';
 import './utils/UNSAFE_getLocale.js';
 import './utils/UNSAFE_stringUtils.js';
-import './stringUtils-bfeb7338.js';
-import './Message.types-3188b726.js';
-import './MessageStartIcon-0d562ba1.js';
+import './stringUtils-8c69acf9.js';
+import './Message.types-8e6a6f4b.js';
+import './MessageStartIcon-e55053ba.js';
 import './PRIVATE_ThemedIcons/MessageConfirmationIcon.js';
 import './PRIVATE_ThemedIcons/MessageErrorIcon.js';
 import './PRIVATE_ThemedIcons/MessageInfoIcon.js';
 import './PRIVATE_ThemedIcons/MessageWarningIcon.js';
-import './MessageSummary-67e0fa44.js';
-import './MessageTimestamp-ffce8f22.js';
-import './MessageUtils-195eaa83.js';
+import './MessageSummary-e22c4dcb.js';
+import './MessageTimestamp-b2f7a29f.js';
+import './MessageUtils-dda48de2.js';
 import './utils/UNSAFE_soundUtils.js';
 import './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme.js';
 import './UNSAFE_MessageBanner/themes/MessageBannerStyles.css.js';
-
+import './MessageBannerStyles.styles.css';
 import './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.css.js';
-
+import './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.styles.css';
 import './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js';
-
-import './MessagesManager-a98efbd6.js';
+import './MessageBannerVariants.styles.css';
+import './MessagesManager-0ca2a27b.js';
 import './PRIVATE_TransitionGroup.js';
 import './hooks/UNSAFE_useMessagesContext.js';
-import './index-55fb6ad6.js';
+import './index-6d60692e.js';
 import './UNSAFE_WindowOverlay.js';
 import './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css.js';
-
+import './WindowOverlayStyles.styles.css';
 import './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css.js';
 import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme.js';
 import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css.js';
-
+import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.styles.css';
 import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css.js';
 import './UNSAFE_FocusTrap.js';
-import './FocusTrap-3e0750e4.js';
+import './FocusTrap-dba74958.js';
 import './utils/PRIVATE_tabbableUtils.js';
-import './_arity-479ab9ed.js';
+import './_arity-1095363d.js';
 import './UNSAFE_LiveRegion.js';
 import './UNSAFE_MessageToast/themes/redwood/MessageToastTheme.js';
 import './UNSAFE_MessageToast/themes/MessageToastStyles.css.js';
-
+import './MessageToastStyles.styles.css';
 import './UNSAFE_MessageToast/themes/redwood/MessageToastBaseTheme.css.js';
-
+import './UNSAFE_MessageToast/themes/redwood/MessageToastBaseTheme.styles.css';
 import './UNSAFE_MessageToast/themes/redwood/MessageToastVariants.css.js';
 
 /**

package/es/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/es/UNSAFE_MeterBar/themes/MeterBarContract.css.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.0.1 */
+/* @oracle/oraclejet-preact: 15.0.3 */
 var meterBarVars = {size:'var(--size__saju1q0)',sizes:{lg:'var(--sizes-lg__saju1q1)',md:'var(--sizes-md__saju1q2)',sm:'var(--sizes-sm__saju1q3)'}};
 
 export { meterBarVars };

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

@@ -1,5 +1,5 @@
-/* @oracle/oraclejet-preact: 15.0.1 */
-
+/* @oracle/oraclejet-preact: 15.0.3 */
+import './../../MeterBarStyles.styles.css';
 
 var baseStyle = 'MeterBarStyles_baseStyle__1h0btjv0';
 var styles = {interactiveStyle:'MeterBarStyles_interactiveStyle__1h0btjv1',barValueBaseStyle:'MeterBarStyles_barValueBaseStyle__1h0btjv4',barValueVerticalStyle:'MeterBarStyles_barValueVerticalStyle__1h0btjv5',barValueHorizontalStyle:'MeterBarStyles_barValueHorizontalStyle__1h0btjv6',barTrackBaseStyle:'MeterBarStyles_barTrackBaseStyle__1h0btjv7',barTrackHorizontalSizeStyle:'MeterBarStyles_barTrackHorizontalSizeStyle__1h0btjv8',barTrackVerticalSizeStyle:'MeterBarStyles_barTrackVerticalSizeStyle__1h0btjv9',barTrackMarginTopStyle:'MeterBarStyles_barTrackMarginTopStyle__1h0btjva',barTrackMarginStartStyle:'MeterBarStyles_barTrackMarginStartStyle__1h0btjvb',barTrackMarginBottomStyle:'MeterBarStyles_barTrackMarginBottomStyle__1h0btjvd',barTrackMarginEndStyle:'MeterBarStyles_barTrackMarginEndStyle__1h0btjvc',trackSectionHorizontalFirstStyle:'MeterBarStyles_trackSectionHorizontalFirstStyle__1h0btjve',trackSectionHorizontalLastStyle:'MeterBarStyles_trackSectionHorizontalLastStyle__1h0btjvf',trackSectionVerticalFirstStyle:'MeterBarStyles_trackSectionVerticalFirstStyle__1h0btjvg',trackSectionVerticalLastStyle:'MeterBarStyles_trackSectionVerticalLastStyle__1h0btjvh',trackSectionRoundedCornersStyle:'MeterBarStyles_trackSectionRoundedCornersStyle__1h0btjvi',referenceLinesBaseStyle:'MeterBarStyles_referenceLinesBaseStyle__1h0btjvj',referenceLinesVerticalStyle:'MeterBarStyles_referenceLinesVerticalStyle__1h0btjvk',referenceLinesHorizontalStyle:'MeterBarStyles_referenceLinesHorizontalStyle__1h0btjvl',referenceLinesHoriontalStartStyle:'MeterBarStyles_referenceLinesHoriontalStartStyle__1h0btjvm',referenceLinesVerticalStartLtrStyle:'MeterBarStyles_referenceLinesVerticalStartLtrStyle__1h0btjvn',referenceLinesVerticalStartRtlStyle:'MeterBarStyles_referenceLinesVerticalStartRtlStyle__1h0btjvo',thresholdBarBaseStyle:'MeterBarStyles_thresholdBarBaseStyle__1h0btjvp',thresholdBarVerticalBarTrackSectionStyle:'MeterBarStyles_thresholdBarVerticalBarTrackSectionStyle__1h0btjvq',thresholdBarHorizontalBarTrackSectionRtlStyle:'MeterBarStyles_thresholdBarHorizontalBarTrackSectionRtlStyle__1h0btjvr',thresholdBarHorizontalBarTrackSectionLtrStyle:'MeterBarStyles_thresholdBarHorizontalBarTrackSectionLtrStyle__1h0btjvs'};

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

@@ -1,5 +1,5 @@
-/* @oracle/oraclejet-preact: 15.0.1 */
-
+/* @oracle/oraclejet-preact: 15.0.3 */
+import './MeterBarBaseTheme.styles.css';
 
 var baseTheme = 'MeterBarBaseTheme_baseTheme__1n8hfuv0';
 

package/es/UNSAFE_MeterBar/themes/redwood/MeterBarTheme.js

@@ -1,11 +1,11 @@
-/* @oracle/oraclejet-preact: 15.0.1 */
+/* @oracle/oraclejet-preact: 15.0.3 */
 import { variants, styles } from '../MeterBarStyles.css.js';
 import { baseTheme } from './MeterBarBaseTheme.css.js';
 import { multiVariantStyles } from './MeterBarVariants.css.js';
-
-
-
-import '../../../vanilla-extract-recipes-createRuntimeFn.esm-760bec36.js';
+import './../../../MeterBarStyles.styles.css';
+import './MeterBarBaseTheme.styles.css';
+import './../../../MeterBarVariants.styles2.css';
+import '../../../vanilla-extract-recipes-createRuntimeFn.esm-be89d178.js';
 
 /*******************
  * Component Theme

package/es/UNSAFE_MeterBar/themes/redwood/MeterBarVariants.css.js

@@ -1,7 +1,7 @@
-/* @oracle/oraclejet-preact: 15.0.1 */
-
-
-import { c as createRuntimeFn } from '../../../vanilla-extract-recipes-createRuntimeFn.esm-760bec36.js';
+/* @oracle/oraclejet-preact: 15.0.3 */
+import './../../../MeterBarStyles.styles.css';
+import './../../../MeterBarVariants.styles2.css';
+import { c as createRuntimeFn } from '../../../vanilla-extract-recipes-createRuntimeFn.esm-be89d178.js';
 
 var multiVariantStyles = createRuntimeFn({defaultClassName:'MeterBarStyles_baseStyle__1h0btjv0',variantClassNames:{size:{sm:'MeterBarVariants_multiVariantStyles_size_sm__sickf80',md:'MeterBarVariants_multiVariantStyles_size_md__sickf81',lg:'MeterBarVariants_multiVariantStyles_size_lg__sickf82'},orientation:{horizontal:'MeterBarStyles_horizontalStyle__1h0btjv2',vertical:'MeterBarStyles_verticalStyle__1h0btjv3'}},defaultVariants:{size:'lg'},compoundVariants:[]});
 

package/es/UNSAFE_MeterBar/themes/stable/MeterBarBaseTheme.css.js

@@ -1,5 +1,5 @@
-/* @oracle/oraclejet-preact: 15.0.1 */
-
+/* @oracle/oraclejet-preact: 15.0.3 */
+import './MeterBarBaseTheme.styles.css';
 
 var baseTheme = 'MeterBarBaseTheme_baseTheme__18rlrbm0';
 

package/es/UNSAFE_MeterBar/themes/stable/MeterBarTheme.js

@@ -1,11 +1,11 @@
-/* @oracle/oraclejet-preact: 15.0.1 */
+/* @oracle/oraclejet-preact: 15.0.3 */
 import { variants, styles } from '../MeterBarStyles.css.js';
 import { baseTheme } from './MeterBarBaseTheme.css.js';
 import { multiVariantStyles } from './MeterBarVariants.css.js';
-
-
-
-import '../../../vanilla-extract-recipes-createRuntimeFn.esm-760bec36.js';
+import './../../../MeterBarStyles.styles.css';
+import './MeterBarBaseTheme.styles.css';
+import './../../../MeterBarVariants.styles.css';
+import '../../../vanilla-extract-recipes-createRuntimeFn.esm-be89d178.js';
 
 /*******************
  * Component Theme

package/es/UNSAFE_MeterBar/themes/stable/MeterBarVariants.css.js

@@ -1,7 +1,7 @@
-/* @oracle/oraclejet-preact: 15.0.1 */
-
-
-import { c as createRuntimeFn } from '../../../vanilla-extract-recipes-createRuntimeFn.esm-760bec36.js';
+/* @oracle/oraclejet-preact: 15.0.3 */
+import './../../../MeterBarStyles.styles.css';
+import './../../../MeterBarVariants.styles.css';
+import { c as createRuntimeFn } from '../../../vanilla-extract-recipes-createRuntimeFn.esm-be89d178.js';
 
 var multiVariantStyles = createRuntimeFn({defaultClassName:'MeterBarStyles_baseStyle__1h0btjv0',variantClassNames:{size:{sm:'MeterBarVariants_multiVariantStyles_size_sm__1ulsein0',md:'MeterBarVariants_multiVariantStyles_size_md__1ulsein1',lg:'MeterBarVariants_multiVariantStyles_size_lg__1ulsein2'},orientation:{horizontal:'MeterBarStyles_horizontalStyle__1h0btjv2',vertical:'MeterBarStyles_verticalStyle__1h0btjv3'}},defaultVariants:{size:'lg'},compoundVariants:[]});
 

package/es/UNSAFE_MeterBar.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.0.1 */
+/* @oracle/oraclejet-preact: 15.0.3 */
 import { jsx, jsxs, Fragment } from 'preact/jsx-runtime';
 import { sizeToCSS } from './utils/UNSAFE_size.js';
 import './utils/UNSAFE_classNames.js';
@@ -10,14 +10,14 @@ import { validateRange, getMeterAriaProps, getTrackAndIndicatorColor } from './u
 import { BarTrack, BarValue } from './PRIVATE_Meter.js';
 import { getDvtThresholdColor } from './utils/UNSAFE_dvtCommonUtils.js';
 import { styles } from './UNSAFE_MeterBar/themes/MeterBarStyles.css.js';
-import { c as classNames } from './classNames-3e622a71.js';
+import { c as classNames } from './classNames-321555b1.js';
 import { useTabbableMode } from './hooks/UNSAFE_useTabbableMode.js';
 import { useComponentTheme } from './hooks/UNSAFE_useComponentTheme.js';
 import { MeterBarRedwoodTheme } from './UNSAFE_MeterBar/themes/redwood/MeterBarTheme.js';
 import './UNSAFE_Theme.js';
-import './utils-d0646cd2.js';
+import './utils-4218fa68.js';
 import './Common/themes/themeContract.css.js';
-import './index-af04122c.js';
+import './index-74dd6877.js';
 import 'preact';
 import './Common.js';
 import './Common/themes.js';
@@ -26,51 +26,51 @@ import 'preact/compat';
 import './hooks/UNSAFE_useTooltip.js';
 import './hooks/UNSAFE_useId.js';
 import './UNSAFE_Floating.js';
-import './Floating-4a0e211b.js';
-import './index-9f4b5ce7.js';
+import './Floating-c4603665.js';
+import './index-dc0f18d6.js';
 import './utils/PRIVATE_floatingUtils.js';
 import './utils/PRIVATE_refUtils.js';
 import './hooks/UNSAFE_useOutsideClick.js';
 import './utils/UNSAFE_arrayUtils.js';
 import './UNSAFE_Floating/themes/redwood/FloatingTheme.js';
 import './UNSAFE_Floating/themes/FloatingStyles.css.js';
-
+import './FloatingStyles.styles.css';
 import './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css.js';
-
+import './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.styles.css';
 import './UNSAFE_Floating/themes/redwood/FloatingVariants.css.js';
-import './vanilla-extract-recipes-createRuntimeFn.esm-760bec36.js';
-import './vanilla-extract-dynamic.esm-5269d248.js';
+import './vanilla-extract-recipes-createRuntimeFn.esm-be89d178.js';
+import './vanilla-extract-dynamic.esm-8f372567.js';
 import './UNSAFE_Floating/themes/FloatingContract.css.js';
 import './utils/UNSAFE_logger.js';
-import './_curry1-abadc4e8.js';
-import './_curry2-c7310650.js';
+import './_curry1-c913f8ab.js';
+import './_curry2-f5abcc5c.js';
 import './UNSAFE_Layer.js';
-import './useThemeInterpolations-b89d8e6d.js';
+import './useThemeInterpolations-ee7e5cf4.js';
 import './hooks/UNSAFE_useColorScheme.js';
 import './hooks/UNSAFE_useScale.js';
 import './utils/UNSAFE_interpolations/theme.js';
 import './utils/UNSAFE_mergeInterpolations.js';
-import './_curry3-e510837d.js';
-import './_has-38c037f4.js';
+import './_curry3-110311cf.js';
+import './_has-591ed060.js';
 import './hooks/UNSAFE_useHover.js';
 import './hooks/UNSAFE_useToggle.js';
 import './hooks/UNSAFE_useFocus.js';
 import './hooks/UNSAFE_useTouch.js';
 import './hooks/UNSAFE_useAnimation.js';
-import './useAnimation-f2cfe555.js';
+import './useAnimation-23125aab.js';
 import './hooks/UNSAFE_useThemeInterpolations.js';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js';
 import './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js';
-
+import './TooltipContentStyles.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css.js';
-
+import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
-
-
+import './TooltipContentVariants.styles2.css';
+import './MeterBarStyles.styles.css';
 import './UNSAFE_MeterBar/themes/redwood/MeterBarBaseTheme.css.js';
-
+import './UNSAFE_MeterBar/themes/redwood/MeterBarBaseTheme.styles.css';
 import './UNSAFE_MeterBar/themes/redwood/MeterBarVariants.css.js';
-
+import './MeterBarVariants.styles2.css';
 
 /**
  * @license

package/es/UNSAFE_MeterCircle/themes/MeterCircleContract.css.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.0.1 */
+/* @oracle/oraclejet-preact: 15.0.3 */
 var meterCircleVars = {size:'var(--size__1qest1m0)',trackSize:'var(--trackSize__1qest1m1)',sizes:{lg:'var(--sizes-lg__1qest1m2)',md:'var(--sizes-md__1qest1m3)',sm:'var(--sizes-sm__1qest1m4)'},trackSizes:{lg:'var(--trackSizes-lg__1qest1m5)',md:'var(--trackSizes-md__1qest1m6)',sm:'var(--trackSizes-sm__1qest1m7)'}};
 
 export { meterCircleVars };

package/es/UNSAFE_MeterCircle/themes/MeterCircleStyles.css.js

@@ -1,5 +1,5 @@
-/* @oracle/oraclejet-preact: 15.0.1 */
-
+/* @oracle/oraclejet-preact: 15.0.3 */
+import './../../MeterCircleStyles.styles.css';
 
 var baseStyle = 'MeterCircleStyles_baseStyle__dfqfbg0';
 var styles = {fullStyle:'MeterCircleStyles_fullStyle__dfqfbg2',topStyle:'MeterCircleStyles_topStyle__dfqfbg3',bottomStyle:'MeterCircleStyles_bottomStyle__dfqfbg4',rightStyle:'MeterCircleStyles_rightStyle__dfqfbg5',leftStyle:'MeterCircleStyles_leftStyle__dfqfbg6',smtopStyle:'MeterCircleStyles_smtopStyle__dfqfbg7',mdtopStyle:'MeterCircleStyles_mdtopStyle__dfqfbg8',lgtopStyle:'MeterCircleStyles_lgtopStyle__dfqfbg9',smbottomStyle:'MeterCircleStyles_smbottomStyle__dfqfbga',mdbottomStyle:'MeterCircleStyles_mdbottomStyle__dfqfbgb',lgbottomStyle:'MeterCircleStyles_lgbottomStyle__dfqfbgc',smleftStyle:'MeterCircleStyles_smleftStyle__dfqfbgd',mdleftStyle:'MeterCircleStyles_mdleftStyle__dfqfbge',lgleftStyle:'MeterCircleStyles_lgleftStyle__dfqfbgf',smrightStyle:'MeterCircleStyles_smrightStyle__dfqfbgg',mdrightStyle:'MeterCircleStyles_mdrightStyle__dfqfbgh',lgrightStyle:'MeterCircleStyles_lgrightStyle__dfqfbgi',smfullStyle:'MeterCircleStyles_smfullStyle__dfqfbgj',mdfullStyle:'MeterCircleStyles_mdfullStyle__dfqfbgk',lgfullStyle:'MeterCircleStyles_lgfullStyle__dfqfbgl',meterCircleHorizontalSizeStyle:'MeterCircleStyles_meterCircleHorizontalSizeStyle__dfqfbgm',meterCircleVerticalSizeStyle:'MeterCircleStyles_meterCircleVerticalSizeStyle__dfqfbgn',meterCircleFullSizeStyle:'MeterCircleStyles_meterCircleFullSizeStyle__dfqfbgo',meterCircleCenterContent:'MeterCircleStyles_meterCircleCenterContent__dfqfbgp',circleWrapperBaseStyle:'MeterCircleStyles_circleWrapperBaseStyle__dfqfbgq',circleTrackBaseStyle:'MeterCircleStyles_circleTrackBaseStyle__dfqfbgr',circleValueBaseStyle:'MeterCircleStyles_circleValueBaseStyle__dfqfbgs',circleValuefullStyle:'MeterCircleStyles_circleValuefullStyle__dfqfbgt',circleValuetopStyle:'MeterCircleStyles_circleValuetopStyle__dfqfbgu',circleValuerightStyle:'MeterCircleStyles_circleValuerightStyle__dfqfbgv',circleValueleftStyle:'MeterCircleStyles_circleValueleftStyle__dfqfbgw',circleValuebottomStyle:'MeterCircleStyles_circleValuebottomStyle__dfqfbgx',referenceBaseLineStyle:'MeterCircleStyles_referenceBaseLineStyle__dfqfbgy',referenceBorderStyle:'MeterCircleStyles_referenceBorderStyle__dfqfbgz'};