@oracle/oraclejet-preact 21.0.0 → 21.0.1

package/es/DirectionalCollapseArrowIcon-1f47a4a6.js

@@ -1,6 +1,6 @@
 /* @oracle/oraclejet-preact: undefined */
 import { a as SvgCaretRight, S as SvgCaretLeft } from './CaretLeft-e0fe857c.js';
-import { w as withDirectionIcon } from './withDirectionIcon-abc3124a.js';
+import { w as withDirectionIcon } from './withDirectionIcon-dec377dd.js';
 
 /**
  * @license

package/es/DirectionalExpandArrowIcon-ddaa04dc.js

@@ -1,6 +1,6 @@
 /* @oracle/oraclejet-preact: undefined */
 import { S as SvgCaretLeft, a as SvgCaretRight } from './CaretLeft-e0fe857c.js';
-import { w as withDirectionIcon } from './withDirectionIcon-abc3124a.js';
+import { w as withDirectionIcon } from './withDirectionIcon-dec377dd.js';
 
 /**
  * @license

package/es/{Dropdown-a3e401ae.js → Dropdown-e3f6f436.js}

@@ -1,17 +1,17 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx, Fragment } from 'preact/jsx-runtime';
 import { useRef, useCallback, useEffect } from 'preact/hooks';
-import { F as Floating } from './Floating-87cd2bbf.js';
-import { L as Layer } from './Layer-937ca8d8.js';
+import { F as Floating } from './Floating-91e0f4c1.js';
+import { L as Layer } from './Layer-542de448.js';
 import 'preact/compat';
-import './LayerHost-20500ac8.js';
+import './LayerHost-c4481db3.js';
 import { K as KEYS } from './keyboardUtils-412ce58a.js';
 import { f as focusWithin } from './tabbableUtils-4a8fae79.js';
-import { u as usePopupAnimation } from './usePopupAnimation-83d1dde8.js';
+import { u as usePopupAnimation } from './usePopupAnimation-c12f24ba.js';
 import { g as getTransformOrigin } from './popupAnimationUtils-175151d9.js';
 import { C as CollectionInteractionContext } from './CollectionInteractionContext-959195ad.js';
 import { dropdownStyles } from './UNSAFE_Dropdown/themes/dropdownStyles.css.js';
-import { u as useOutsideMousedown } from './useOutsideMousedown-36235b3d.js';
+import { u as useOutsideMousedown } from './useOutsideMousedown-9da55345.js';
 import { m as mergeAnimationStateObjects, D as DURATION_LARGE, b as SCALE_UP_FULL } from './animationUtils-5f409a6c.js';
 import { U as UNSAFE_DOM_ACCESS } from './unsafeDomAccess-453eb74e.js';
 import { u as useEffectEvent } from './useEffectEvent-1bb008cb.js';
@@ -319,4 +319,4 @@ function toLogicalParentRef(anchorRef) {
 }
 
 export { Dropdown as D, getNVisible as a, getMenuPointerDown as b, getMenuContainerMouseLeave as c, getMenuContainerFocusMethods as d, getCloseSubmenuEvent as e, getKeyboardCloseProps as f, getPrevNext as g, getLastVisible as h, getIsMobile as i, isMenuChildrenFalsy as j, keyElemExtractor as k, getMenuItemClickChangeKey as l, getOpenSubmenuEvent as m };
-//# sourceMappingURL=Dropdown-a3e401ae.js.map
+//# sourceMappingURL=Dropdown-e3f6f436.js.map

package/es/{Dropdown-a3e401ae.js.map → Dropdown-e3f6f436.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Dropdown-a3e401ae.js","sources":["../../src/UNSAFE_Menu/menuUtils.ts","../../src/UNSAFE_Dropdown/Dropdown.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentChildren, ComponentProps } from 'preact';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\n\nimport { Menu } from './Menu';\n\n/**\n * Returns the key from the item element\n */\nexport const getKey = (item: HTMLElement) => {\n  // Key is set on data-oj-menu-item-key on each menuItem. To get this key from the\n  // the actual menuItem we need to do a kebab to camel-case conversion.\n  return item.dataset['ojMenuItemKey'];\n};\n\n/**\n * A helper function that return the key of the n available item.\n */\nexport const getNVisible = (root: HTMLElement | null, positionIndex: number) => {\n  if (root) {\n    const items = root.querySelectorAll('[data-oj-menu-item-key]');\n    const positionedItem = items[positionIndex] as HTMLElement;\n    if (positionedItem) {\n      const key = getKey(positionedItem as HTMLElement);\n      if (key) {\n        return key;\n      }\n    }\n  }\n  return null;\n};\n\n/**\n * A helper function that return the key of the last available item.\n */\nexport const getLastVisible = (root: HTMLElement | null) => {\n  if (root) {\n    const items = root.querySelectorAll('[data-oj-menu-item-key]');\n    const lastItem = items[items.length - 1] as HTMLElement;\n    if (lastItem) {\n      const key = getKey(lastItem as HTMLElement);\n      if (key) {\n        return key;\n      }\n    }\n  }\n  return null;\n};\n\n/**\n * A helper function that returns the key of the previous or the next item\n * given the specified current key\n */\nexport const getPrevNext = (root: HTMLElement | null, isPrev: boolean, currentKey?: string) => {\n  return (): string | null => {\n    if (root) {\n      const items = Array.from(root.querySelectorAll('[data-oj-menu-item-key]')) as HTMLElement[];\n      const currentKeyIndex = items.findIndex((item) => getKey(item) === currentKey);\n      let nextIndex = currentKeyIndex + (isPrev ? -1 : 1);\n      const itemsLastIndex = items.length - 1;\n      if (nextIndex < 0) {\n        nextIndex = itemsLastIndex;\n      }\n      if (nextIndex > itemsLastIndex) {\n        nextIndex = 0;\n      }\n\n      const key = getKey(items[nextIndex]);\n      return key ? key : null;\n    }\n    return null;\n  };\n};\n\n/**\n * A helper function to get the key from an element\n */\nexport const keyElemExtractor = (\n  element: HTMLElement\n): { key: string; elem: HTMLElement } | null => {\n  const elem = element.closest('[data-oj-menu-item-key]') as HTMLElement;\n  if (elem) {\n    const key = getKey(elem as HTMLElement);\n    return key === undefined ? null : ({ key, elem } as { key: string; elem: HTMLElement });\n  }\n  return null;\n};\n\n/**\n * Function to get the corresponding keyboard behavior to close the menu.\n */\nexport const getKeyboardCloseProps = (\n  onClose: ComponentProps<typeof Menu>['onClose'],\n  menuLevel: 'main' | 'sub'\n) => {\n  const onKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'Tab') {\n      event.stopPropagation();\n      onClose?.({ reason: 'dismissed' });\n      event.preventDefault(); //TODO: Revisit this since we should let focus be at its natural flow, quick solution for now to focus correct item in main use case\n    } else if (event.key === 'Escape' && menuLevel === 'main') {\n      event.stopPropagation();\n      onClose?.({ reason: 'dismissed' });\n    }\n  };\n  return { onKeyDown };\n};\n\n/**\n * Function to get the corresponding specific behavior for closing submenu via keyboard\n */\nexport const getCloseSubmenuEvent = (direction: 'ltr' | 'rtl', closeSubmenu?: () => void) => {\n  if (!closeSubmenu) {\n    return {};\n  }\n  const onKeyDown = (e: KeyboardEvent) => {\n    if (\n      e.key === 'Escape' ||\n      (direction === 'ltr' && e.key === 'ArrowLeft') ||\n      (direction === 'rtl' && e.key === 'ArrowRight')\n    ) {\n      e.stopPropagation();\n      closeSubmenu?.();\n    }\n  };\n  return { onKeyDown };\n};\n\n/**\n * Function to get the corresponding specific behavior for opening submenu via keyboard\n */\nexport const getOpenSubmenuEvent = (direction: 'ltr' | 'rtl', openSubmenu?: () => void) => {\n  if (!openSubmenu) {\n    return {};\n  }\n  const onKeyDown = (e: KeyboardEvent) => {\n    if (direction === 'ltr') {\n      if (e.key === 'ArrowRight') {\n        openSubmenu?.();\n      }\n    } else {\n      if (e.key === 'ArrowLeft') {\n        openSubmenu?.();\n      }\n    }\n  };\n  return { onKeyDown };\n};\n\n/**\n * Functions to get type of device\n */\nexport const getIsMobile = () => {\n  const { deviceRenderMode } = getClientHints();\n  return deviceRenderMode === 'phone';\n};\n\nexport const getIsIosTablet = () => {\n  const { deviceRenderMode, platform } = getClientHints();\n  return platform === 'ios' && deviceRenderMode === 'tablet';\n};\n\n/**\n * Get blur and focus events\n */\nexport const getMenuContainerFocusMethods = (\n  blurFunction: () => void,\n  focusFunction: () => void\n) => {\n  const onBlur = () => {\n    setTimeout(() => {\n      blurFunction();\n    }, 100);\n  };\n\n  const onFocus = () => {\n    focusFunction();\n  };\n\n  return { onBlur, onFocus };\n};\n\n/**\n * Set currentKey based on clicking menuItem\n */\nexport const getMenuItemClickChangeKey = (\n  key: string,\n  changeKeyMethod: (payload: { key: string; reason: 'click' | 'mouseEnter' | 'keyboard' }) => void\n) => {\n  const onClick = () => {\n    changeKeyMethod({ key, reason: 'click' });\n  };\n  return { onClick };\n};\n\nexport const getMenuContainerMouseLeave = (mouseLeaveFunction: (e: MouseEvent) => void) => {\n  const onMouseLeave = (e: MouseEvent) => {\n    mouseLeaveFunction(e);\n  };\n  return { onMouseLeave };\n};\n\n/**\n * Function to get the corresponding specific behavior for clicking/touching down menuContainer\n */\nexport const getMenuPointerDown = () => {\n  const onPointerDown = (event: PointerEvent) => {\n    //We just want to prevent default when element that was\n    //pressed down was not a menu item.\n    const keyElem = keyElemExtractor(event.target as HTMLElement);\n    if (!keyElem?.key) {\n      event.preventDefault();\n    }\n  };\n  return { onPointerDown };\n};\n\nexport const isMenuChildrenFalsy = (children: ComponentChildren) => {\n  return !children || (Array.isArray(children) && !children.length);\n};\n\nexport type MenuValueUpdateDetail<T> = {\n  previousValue?: T;\n  value: T;\n};\n\nexport type MenuCollectionItem = {\n  key?: string;\n  reason: 'mouseEnter' | 'click' | 'keyboard' | 'touch';\n};\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\nimport { ComponentProps, RefObject, JSX } from 'preact';\nimport { useCallback, useRef, useEffect } from 'preact/hooks';\n\nimport { Floating } from '../UNSAFE_Floating';\nimport { Layer } from '../UNSAFE_Layer';\nimport { KEYS } from '../utils/PRIVATE_keyboardUtils';\nimport { type FocusableElement, focusWithin } from '../utils/PRIVATE_tabbableUtils';\nimport { usePopupAnimation } from '#UNSAFE_Popup/usePopupAnimation';\nimport { getTransformOrigin } from '#utils/PRIVATE_popupAnimationUtils';\nimport { AnimationPopupElement } from '../UNSAFE_Popup/usePopupAnimation';\nimport { CollectionInteractionContext } from '#hooks/UNSAFE_useCollectionInteractionContext';\n\nimport { dropdownStyles } from './themes/dropdownStyles.css';\nimport { useOutsideMousedown } from '../hooks/PRIVATE_useOutsideMousedown';\nimport {\n  DURATION_LARGE,\n  SCALE_UP_FULL,\n  mergeAnimationStateObjects\n} from '#utils/PRIVATE_animationUtils';\n\nimport { UnsafeDomHandle, UNSAFE_DOM_ACCESS } from '#utils/UNSAFE_unsafeDomAccess';\nimport { useEffectEvent } from '#hooks/PRIVATE_useEffectEvent';\nimport { getIsIosTablet } from '#UNSAFE_Menu/menuUtils';\n\ntype FloatingProps = ComponentProps<typeof Floating>;\n\n//Same as Menu onClose, only difference is mouseDown instead of outside click\n//Once menu consumes dropdown is going to start using mouseDown\nexport type CloseDetail = { reason: 'dismissed' } | { reason: 'outsideMousedown'; target: Element };\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\n\ntype Props = IntrinsicProps & {\n  /**\n   *Specifies whether Dropdown is open.\n   * @default false\n   */\n  isOpen?: boolean;\n  /**\n   * Trigger element reference.\n   */\n  anchorRef: FloatingProps['anchorRef'];\n  /**\n   * Id of the dropdown container.\n   * Used usually for accesibility reasons.\n   */\n  id?: string;\n  /**\n   * Called when dropdown is supposed to be closed.\n   * Called when user tab/esc or mouseDown outside the dropdown.\n   */\n  onClose?: (detail: CloseDetail) => void;\n  /**\n   *Min width represented in pixels of the dropdown container.\n   */\n  minWidth?: number;\n  /**\n   * Placement of the floating element relative to its reference element.\n   */\n  placement?: FloatingProps['placement'];\n  /**\n   * Offset displaces the floating element from its core placement along the specified axes.\n   */\n  offset?: FloatingProps['offsetValue'];\n  /**\n   * Triggered when placement or coordinates are changed after collision is detected.\n   */\n  onPosition?: FloatingProps['onPosition'];\n  /**\n   * Specifies the flipping behavior along the respective axis.\n   */\n  flipOptions?: FloatingProps['flipOptions'];\n  /**\n   * Specifies the resizing behaviour for max-height and max-width of the floating component.\n   */\n  sizeOptions?: FloatingProps['sizeOptions'];\n\n  /**\n   *  Specifies the shift behavior along the respective axis\n   */\n  shiftOptions?: FloatingProps['shiftOptions'];\n  /**\n   * Specifies initial focus.\n   * @default 'none'\n   */\n  initialFocus?: 'none' | 'firstFocusable';\n\n  /**\n   * Callback function triggered when the opening animation finishes.\n   */\n  onTransitionEnd?: (value: boolean) => void;\n};\n\nconst DEFAULT_PLACEMENT = 'bottom-start';\nconst DEFAULT_OFFSET = { mainAxis: 4, crossAxis: 0 };\nconst DEFAULT_SIZE_OPTIONS = { isMaxWidthAdjusted: true, isMaxHeightAdjusted: true };\nconst DEFAULT_FLIP_OPTIONS = { mainAxis: true, crossAxis: true };\n\nconst animationStates: Parameters<typeof usePopupAnimation>[0]['animationStates'] = {\n  opening: (node: AnimationPopupElement) => {\n    return mergeAnimationStateObjects(\n      [\n        SCALE_UP_FULL,\n        {\n          from: { transformOrigin: getTransformOrigin(node.placement, node.direction) },\n          to: { transformOrigin: getTransformOrigin(node.placement, node.direction) }\n        }\n      ],\n      {\n        duration: DURATION_LARGE\n      }\n    );\n  }\n};\n\n//TODO: Add animation to dropdown. JET-62628\n//TODO: Investigate best approach to have different virtual padding depending on the position and implement it.JET-57950\nexport function Dropdown({\n  isOpen = false,\n  anchorRef,\n  children,\n  id,\n  onClose,\n  minWidth,\n  placement = DEFAULT_PLACEMENT,\n  offset = DEFAULT_OFFSET,\n  onPosition,\n  flipOptions = DEFAULT_FLIP_OPTIONS,\n  sizeOptions = DEFAULT_SIZE_OPTIONS,\n  shiftOptions,\n  initialFocus = 'none',\n  onTransitionEnd\n}: Props) {\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  const _onTransitionEnd = useCallback(\n    (isOpen: boolean) => {\n      if (!isOpen) {\n        onTransitionEnd?.(isOpen);\n        return;\n      }\n\n      const dropdownElement = dropdownRef.current;\n      if (!dropdownElement) {\n        onTransitionEnd?.(isOpen);\n        return;\n      }\n\n      // honor firstFocusable initial focus behavior\n      if (initialFocus === 'firstFocusable') {\n        focusWithin(dropdownElement);\n        onTransitionEnd?.(isOpen);\n        return;\n      }\n\n      // JET-76442 + JET-76109: When VoiceOver is enabled on iOS tablets, we want the first menu item to receive focus.\n      // This is to ensure that VoiceOver announces the menu items correctly and focus does not go to the next tabbable element.\n      if (getIsIosTablet()) {\n        const firstItem =\n          dropdownElement.querySelector<FocusableElement>('[data-oj-menu-item-key]');\n        if (firstItem) {\n          focusWithin(firstItem);\n        }\n      }\n\n      onTransitionEnd?.(isOpen);\n    },\n    [initialFocus]\n  );\n  const {\n    status,\n    setAnimationElementRef,\n    onPosition: onPositionAnimated\n  } = usePopupAnimation({\n    isOpen,\n    placement,\n    isAnimatedOnMount: true,\n    animationStates,\n    onPosition,\n    onTransitionEnd: _onTransitionEnd\n  });\n\n  const handleMousedownClose = useCallback(\n    (event: MouseEvent) => {\n      onClose?.({ reason: 'outsideMousedown', target: event.target as Element });\n    },\n    [onClose]\n  );\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.defaultPrevented) {\n        return;\n      }\n      switch (event.code) {\n        case KEYS.ESC:\n          onClose?.({ reason: 'dismissed' });\n          break;\n        case KEYS.TAB:\n          onClose?.({ reason: 'dismissed' });\n          break;\n        default:\n          break;\n      }\n    },\n    [onClose]\n  );\n\n  // use the mousedown event to be consistent with legacy JET\n  useOutsideMousedown({\n    isDisabled: false,\n    ref: [dropdownRef],\n    handler: handleMousedownClose\n  });\n\n  // useEffectEvent ensures we always access the latest anchorRef.current value inside effects,\n  // without having to include anchorRef in the dependency array and the eslint-disable-next comment\n  const STABLE_getAnchor = useEffectEvent(() => anchorRef?.current);\n  // Restore focus to anchor after Dropdown is closed\n  useEffect(() => {\n    const anchorElement = STABLE_getAnchor();\n    if (\n      !isOpen &&\n      status === 'unmounted' &&\n      anchorElement &&\n      anchorElement instanceof HTMLElement\n    ) {\n      if (document.body.contains(anchorElement)) {\n        anchorElement.focus();\n      }\n    }\n  }, [STABLE_getAnchor, isOpen, status]);\n\n  return (\n    <>\n      {status !== 'unmounted' ? (\n        <Layer logicalParentRef={toLogicalParentRef(anchorRef)}>\n          <Floating\n            anchorRef={anchorRef}\n            ref={setAnimationElementRef}\n            placement={placement}\n            flipOptions={flipOptions}\n            shiftOptions={shiftOptions}\n            sizeOptions={sizeOptions}\n            offsetValue={offset}\n            onPosition={onPositionAnimated}\n            boundaryOptions={{ padding: { top: 8, bottom: 8, left: 0, right: 0 } }}>\n            <div\n              ref={dropdownRef}\n              id={id}\n              class={dropdownStyles.base}\n              style={{ minWidth: `${minWidth || 0}px` }}\n              onKeyDown={handleKeyDown}>\n              <CollectionInteractionContext.Provider value={{ mode: 'embedded' }}>\n                {children}\n              </CollectionInteractionContext.Provider>\n            </div>\n          </Floating>\n        </Layer>\n      ) : null}\n    </>\n  );\n}\n\nfunction toLogicalParentRef(anchorRef: FloatingProps['anchorRef']) {\n  const current = anchorRef.current;\n\n  if (current) {\n    if (current instanceof Element) {\n      return anchorRef as RefObject<Element>;\n    } else if ((current as UnsafeDomHandle<Element>)[UNSAFE_DOM_ACCESS]) {\n      return anchorRef as RefObject<UnsafeDomHandle<Element>>;\n    }\n  }\n\n  return null;\n}\n"],"names":["_jsx","_Fragment"],"mappings":"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"}
+{"version":3,"file":"Dropdown-e3f6f436.js","sources":["../../src/UNSAFE_Menu/menuUtils.ts","../../src/UNSAFE_Dropdown/Dropdown.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentChildren, ComponentProps } from 'preact';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\n\nimport { Menu } from './Menu';\n\n/**\n * Returns the key from the item element\n */\nexport const getKey = (item: HTMLElement) => {\n  // Key is set on data-oj-menu-item-key on each menuItem. To get this key from the\n  // the actual menuItem we need to do a kebab to camel-case conversion.\n  return item.dataset['ojMenuItemKey'];\n};\n\n/**\n * A helper function that return the key of the n available item.\n */\nexport const getNVisible = (root: HTMLElement | null, positionIndex: number) => {\n  if (root) {\n    const items = root.querySelectorAll('[data-oj-menu-item-key]');\n    const positionedItem = items[positionIndex] as HTMLElement;\n    if (positionedItem) {\n      const key = getKey(positionedItem as HTMLElement);\n      if (key) {\n        return key;\n      }\n    }\n  }\n  return null;\n};\n\n/**\n * A helper function that return the key of the last available item.\n */\nexport const getLastVisible = (root: HTMLElement | null) => {\n  if (root) {\n    const items = root.querySelectorAll('[data-oj-menu-item-key]');\n    const lastItem = items[items.length - 1] as HTMLElement;\n    if (lastItem) {\n      const key = getKey(lastItem as HTMLElement);\n      if (key) {\n        return key;\n      }\n    }\n  }\n  return null;\n};\n\n/**\n * A helper function that returns the key of the previous or the next item\n * given the specified current key\n */\nexport const getPrevNext = (root: HTMLElement | null, isPrev: boolean, currentKey?: string) => {\n  return (): string | null => {\n    if (root) {\n      const items = Array.from(root.querySelectorAll('[data-oj-menu-item-key]')) as HTMLElement[];\n      const currentKeyIndex = items.findIndex((item) => getKey(item) === currentKey);\n      let nextIndex = currentKeyIndex + (isPrev ? -1 : 1);\n      const itemsLastIndex = items.length - 1;\n      if (nextIndex < 0) {\n        nextIndex = itemsLastIndex;\n      }\n      if (nextIndex > itemsLastIndex) {\n        nextIndex = 0;\n      }\n\n      const key = getKey(items[nextIndex]);\n      return key ? key : null;\n    }\n    return null;\n  };\n};\n\n/**\n * A helper function to get the key from an element\n */\nexport const keyElemExtractor = (\n  element: HTMLElement\n): { key: string; elem: HTMLElement } | null => {\n  const elem = element.closest('[data-oj-menu-item-key]') as HTMLElement;\n  if (elem) {\n    const key = getKey(elem as HTMLElement);\n    return key === undefined ? null : ({ key, elem } as { key: string; elem: HTMLElement });\n  }\n  return null;\n};\n\n/**\n * Function to get the corresponding keyboard behavior to close the menu.\n */\nexport const getKeyboardCloseProps = (\n  onClose: ComponentProps<typeof Menu>['onClose'],\n  menuLevel: 'main' | 'sub'\n) => {\n  const onKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'Tab') {\n      event.stopPropagation();\n      onClose?.({ reason: 'dismissed' });\n      event.preventDefault(); //TODO: Revisit this since we should let focus be at its natural flow, quick solution for now to focus correct item in main use case\n    } else if (event.key === 'Escape' && menuLevel === 'main') {\n      event.stopPropagation();\n      onClose?.({ reason: 'dismissed' });\n    }\n  };\n  return { onKeyDown };\n};\n\n/**\n * Function to get the corresponding specific behavior for closing submenu via keyboard\n */\nexport const getCloseSubmenuEvent = (direction: 'ltr' | 'rtl', closeSubmenu?: () => void) => {\n  if (!closeSubmenu) {\n    return {};\n  }\n  const onKeyDown = (e: KeyboardEvent) => {\n    if (\n      e.key === 'Escape' ||\n      (direction === 'ltr' && e.key === 'ArrowLeft') ||\n      (direction === 'rtl' && e.key === 'ArrowRight')\n    ) {\n      e.stopPropagation();\n      closeSubmenu?.();\n    }\n  };\n  return { onKeyDown };\n};\n\n/**\n * Function to get the corresponding specific behavior for opening submenu via keyboard\n */\nexport const getOpenSubmenuEvent = (direction: 'ltr' | 'rtl', openSubmenu?: () => void) => {\n  if (!openSubmenu) {\n    return {};\n  }\n  const onKeyDown = (e: KeyboardEvent) => {\n    if (direction === 'ltr') {\n      if (e.key === 'ArrowRight') {\n        openSubmenu?.();\n      }\n    } else {\n      if (e.key === 'ArrowLeft') {\n        openSubmenu?.();\n      }\n    }\n  };\n  return { onKeyDown };\n};\n\n/**\n * Functions to get type of device\n */\nexport const getIsMobile = () => {\n  const { deviceRenderMode } = getClientHints();\n  return deviceRenderMode === 'phone';\n};\n\nexport const getIsIosTablet = () => {\n  const { deviceRenderMode, platform } = getClientHints();\n  return platform === 'ios' && deviceRenderMode === 'tablet';\n};\n\n/**\n * Get blur and focus events\n */\nexport const getMenuContainerFocusMethods = (\n  blurFunction: () => void,\n  focusFunction: () => void\n) => {\n  const onBlur = () => {\n    setTimeout(() => {\n      blurFunction();\n    }, 100);\n  };\n\n  const onFocus = () => {\n    focusFunction();\n  };\n\n  return { onBlur, onFocus };\n};\n\n/**\n * Set currentKey based on clicking menuItem\n */\nexport const getMenuItemClickChangeKey = (\n  key: string,\n  changeKeyMethod: (payload: { key: string; reason: 'click' | 'mouseEnter' | 'keyboard' }) => void\n) => {\n  const onClick = () => {\n    changeKeyMethod({ key, reason: 'click' });\n  };\n  return { onClick };\n};\n\nexport const getMenuContainerMouseLeave = (mouseLeaveFunction: (e: MouseEvent) => void) => {\n  const onMouseLeave = (e: MouseEvent) => {\n    mouseLeaveFunction(e);\n  };\n  return { onMouseLeave };\n};\n\n/**\n * Function to get the corresponding specific behavior for clicking/touching down menuContainer\n */\nexport const getMenuPointerDown = () => {\n  const onPointerDown = (event: PointerEvent) => {\n    //We just want to prevent default when element that was\n    //pressed down was not a menu item.\n    const keyElem = keyElemExtractor(event.target as HTMLElement);\n    if (!keyElem?.key) {\n      event.preventDefault();\n    }\n  };\n  return { onPointerDown };\n};\n\nexport const isMenuChildrenFalsy = (children: ComponentChildren) => {\n  return !children || (Array.isArray(children) && !children.length);\n};\n\nexport type MenuValueUpdateDetail<T> = {\n  previousValue?: T;\n  value: T;\n};\n\nexport type MenuCollectionItem = {\n  key?: string;\n  reason: 'mouseEnter' | 'click' | 'keyboard' | 'touch';\n};\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\nimport { ComponentProps, RefObject, JSX } from 'preact';\nimport { useCallback, useRef, useEffect } from 'preact/hooks';\n\nimport { Floating } from '../UNSAFE_Floating';\nimport { Layer } from '../UNSAFE_Layer';\nimport { KEYS } from '../utils/PRIVATE_keyboardUtils';\nimport { type FocusableElement, focusWithin } from '../utils/PRIVATE_tabbableUtils';\nimport { usePopupAnimation } from '#UNSAFE_Popup/usePopupAnimation';\nimport { getTransformOrigin } from '#utils/PRIVATE_popupAnimationUtils';\nimport { AnimationPopupElement } from '../UNSAFE_Popup/usePopupAnimation';\nimport { CollectionInteractionContext } from '#hooks/UNSAFE_useCollectionInteractionContext';\n\nimport { dropdownStyles } from './themes/dropdownStyles.css';\nimport { useOutsideMousedown } from '../hooks/PRIVATE_useOutsideMousedown';\nimport {\n  DURATION_LARGE,\n  SCALE_UP_FULL,\n  mergeAnimationStateObjects\n} from '#utils/PRIVATE_animationUtils';\n\nimport { UnsafeDomHandle, UNSAFE_DOM_ACCESS } from '#utils/UNSAFE_unsafeDomAccess';\nimport { useEffectEvent } from '#hooks/PRIVATE_useEffectEvent';\nimport { getIsIosTablet } from '#UNSAFE_Menu/menuUtils';\n\ntype FloatingProps = ComponentProps<typeof Floating>;\n\n//Same as Menu onClose, only difference is mouseDown instead of outside click\n//Once menu consumes dropdown is going to start using mouseDown\nexport type CloseDetail = { reason: 'dismissed' } | { reason: 'outsideMousedown'; target: Element };\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\n\ntype Props = IntrinsicProps & {\n  /**\n   *Specifies whether Dropdown is open.\n   * @default false\n   */\n  isOpen?: boolean;\n  /**\n   * Trigger element reference.\n   */\n  anchorRef: FloatingProps['anchorRef'];\n  /**\n   * Id of the dropdown container.\n   * Used usually for accesibility reasons.\n   */\n  id?: string;\n  /**\n   * Called when dropdown is supposed to be closed.\n   * Called when user tab/esc or mouseDown outside the dropdown.\n   */\n  onClose?: (detail: CloseDetail) => void;\n  /**\n   *Min width represented in pixels of the dropdown container.\n   */\n  minWidth?: number;\n  /**\n   * Placement of the floating element relative to its reference element.\n   */\n  placement?: FloatingProps['placement'];\n  /**\n   * Offset displaces the floating element from its core placement along the specified axes.\n   */\n  offset?: FloatingProps['offsetValue'];\n  /**\n   * Triggered when placement or coordinates are changed after collision is detected.\n   */\n  onPosition?: FloatingProps['onPosition'];\n  /**\n   * Specifies the flipping behavior along the respective axis.\n   */\n  flipOptions?: FloatingProps['flipOptions'];\n  /**\n   * Specifies the resizing behaviour for max-height and max-width of the floating component.\n   */\n  sizeOptions?: FloatingProps['sizeOptions'];\n\n  /**\n   *  Specifies the shift behavior along the respective axis\n   */\n  shiftOptions?: FloatingProps['shiftOptions'];\n  /**\n   * Specifies initial focus.\n   * @default 'none'\n   */\n  initialFocus?: 'none' | 'firstFocusable';\n\n  /**\n   * Callback function triggered when the opening animation finishes.\n   */\n  onTransitionEnd?: (value: boolean) => void;\n};\n\nconst DEFAULT_PLACEMENT = 'bottom-start';\nconst DEFAULT_OFFSET = { mainAxis: 4, crossAxis: 0 };\nconst DEFAULT_SIZE_OPTIONS = { isMaxWidthAdjusted: true, isMaxHeightAdjusted: true };\nconst DEFAULT_FLIP_OPTIONS = { mainAxis: true, crossAxis: true };\n\nconst animationStates: Parameters<typeof usePopupAnimation>[0]['animationStates'] = {\n  opening: (node: AnimationPopupElement) => {\n    return mergeAnimationStateObjects(\n      [\n        SCALE_UP_FULL,\n        {\n          from: { transformOrigin: getTransformOrigin(node.placement, node.direction) },\n          to: { transformOrigin: getTransformOrigin(node.placement, node.direction) }\n        }\n      ],\n      {\n        duration: DURATION_LARGE\n      }\n    );\n  }\n};\n\n//TODO: Add animation to dropdown. JET-62628\n//TODO: Investigate best approach to have different virtual padding depending on the position and implement it.JET-57950\nexport function Dropdown({\n  isOpen = false,\n  anchorRef,\n  children,\n  id,\n  onClose,\n  minWidth,\n  placement = DEFAULT_PLACEMENT,\n  offset = DEFAULT_OFFSET,\n  onPosition,\n  flipOptions = DEFAULT_FLIP_OPTIONS,\n  sizeOptions = DEFAULT_SIZE_OPTIONS,\n  shiftOptions,\n  initialFocus = 'none',\n  onTransitionEnd\n}: Props) {\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  const _onTransitionEnd = useCallback(\n    (isOpen: boolean) => {\n      if (!isOpen) {\n        onTransitionEnd?.(isOpen);\n        return;\n      }\n\n      const dropdownElement = dropdownRef.current;\n      if (!dropdownElement) {\n        onTransitionEnd?.(isOpen);\n        return;\n      }\n\n      // honor firstFocusable initial focus behavior\n      if (initialFocus === 'firstFocusable') {\n        focusWithin(dropdownElement);\n        onTransitionEnd?.(isOpen);\n        return;\n      }\n\n      // JET-76442 + JET-76109: When VoiceOver is enabled on iOS tablets, we want the first menu item to receive focus.\n      // This is to ensure that VoiceOver announces the menu items correctly and focus does not go to the next tabbable element.\n      if (getIsIosTablet()) {\n        const firstItem =\n          dropdownElement.querySelector<FocusableElement>('[data-oj-menu-item-key]');\n        if (firstItem) {\n          focusWithin(firstItem);\n        }\n      }\n\n      onTransitionEnd?.(isOpen);\n    },\n    [initialFocus]\n  );\n  const {\n    status,\n    setAnimationElementRef,\n    onPosition: onPositionAnimated\n  } = usePopupAnimation({\n    isOpen,\n    placement,\n    isAnimatedOnMount: true,\n    animationStates,\n    onPosition,\n    onTransitionEnd: _onTransitionEnd\n  });\n\n  const handleMousedownClose = useCallback(\n    (event: MouseEvent) => {\n      onClose?.({ reason: 'outsideMousedown', target: event.target as Element });\n    },\n    [onClose]\n  );\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.defaultPrevented) {\n        return;\n      }\n      switch (event.code) {\n        case KEYS.ESC:\n          onClose?.({ reason: 'dismissed' });\n          break;\n        case KEYS.TAB:\n          onClose?.({ reason: 'dismissed' });\n          break;\n        default:\n          break;\n      }\n    },\n    [onClose]\n  );\n\n  // use the mousedown event to be consistent with legacy JET\n  useOutsideMousedown({\n    isDisabled: false,\n    ref: [dropdownRef],\n    handler: handleMousedownClose\n  });\n\n  // useEffectEvent ensures we always access the latest anchorRef.current value inside effects,\n  // without having to include anchorRef in the dependency array and the eslint-disable-next comment\n  const STABLE_getAnchor = useEffectEvent(() => anchorRef?.current);\n  // Restore focus to anchor after Dropdown is closed\n  useEffect(() => {\n    const anchorElement = STABLE_getAnchor();\n    if (\n      !isOpen &&\n      status === 'unmounted' &&\n      anchorElement &&\n      anchorElement instanceof HTMLElement\n    ) {\n      if (document.body.contains(anchorElement)) {\n        anchorElement.focus();\n      }\n    }\n  }, [STABLE_getAnchor, isOpen, status]);\n\n  return (\n    <>\n      {status !== 'unmounted' ? (\n        <Layer logicalParentRef={toLogicalParentRef(anchorRef)}>\n          <Floating\n            anchorRef={anchorRef}\n            ref={setAnimationElementRef}\n            placement={placement}\n            flipOptions={flipOptions}\n            shiftOptions={shiftOptions}\n            sizeOptions={sizeOptions}\n            offsetValue={offset}\n            onPosition={onPositionAnimated}\n            boundaryOptions={{ padding: { top: 8, bottom: 8, left: 0, right: 0 } }}>\n            <div\n              ref={dropdownRef}\n              id={id}\n              class={dropdownStyles.base}\n              style={{ minWidth: `${minWidth || 0}px` }}\n              onKeyDown={handleKeyDown}>\n              <CollectionInteractionContext.Provider value={{ mode: 'embedded' }}>\n                {children}\n              </CollectionInteractionContext.Provider>\n            </div>\n          </Floating>\n        </Layer>\n      ) : null}\n    </>\n  );\n}\n\nfunction toLogicalParentRef(anchorRef: FloatingProps['anchorRef']) {\n  const current = anchorRef.current;\n\n  if (current) {\n    if (current instanceof Element) {\n      return anchorRef as RefObject<Element>;\n    } else if ((current as UnsafeDomHandle<Element>)[UNSAFE_DOM_ACCESS]) {\n      return anchorRef as RefObject<UnsafeDomHandle<Element>>;\n    }\n  }\n\n  return null;\n}\n"],"names":["_jsx","_Fragment"],"mappings":"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"}

package/es/{EmbeddedIconButton-3824dbe1.js → EmbeddedIconButton-8dca2a64.js}

@@ -1,7 +1,7 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx } from 'preact/jsx-runtime';
 import { forwardRef } from 'preact/compat';
-import { B as BaseButton } from './BaseButton-77bb9d91.js';
+import { B as BaseButton } from './BaseButton-f3a607e1.js';
 import { B as ButtonLabelLayout } from './ButtonLabelLayout-f1a73542.js';
 
 const EmbeddedIconButton = forwardRef(({ isDisabled = false, size = 'sm', testId, onAction, 'aria-label': accessibleLabel, 'aria-describedby': ariaDescribedBy, 'aria-hidden': ariaHidden = false, ...props }, ref) => {
@@ -9,4 +9,4 @@ const EmbeddedIconButton = forwardRef(({ isDisabled = false, size = 'sm', testId
 });
 
 export { EmbeddedIconButton as E };
-//# sourceMappingURL=EmbeddedIconButton-3824dbe1.js.map
+//# sourceMappingURL=EmbeddedIconButton-8dca2a64.js.map

package/es/{EmbeddedIconButton-3824dbe1.js.map → EmbeddedIconButton-8dca2a64.js.map}

@@ -1 +1 @@
-{"version":3,"file":"EmbeddedIconButton-3824dbe1.js","sources":["../../src/PRIVATE_EmbeddedIconButton/EmbeddedIconButton.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChild } from 'preact';\nimport { forwardRef, ForwardedRef, ElementRef } from 'preact/compat';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { BaseButton } from '../UNSAFE_BaseButton';\nimport { ButtonLabelLayout } from '../UNSAFE_ButtonLabelLayout';\n\ntype ButtonHandle = ElementRef<typeof BaseButton>;\n\ntype AriaProps =\n  | {\n      /**\n       * The ID of an element (or space separated IDs of multiple elements) that\n       * describes the button.\n       */\n      'aria-describedby'?: string;\n\n      /**\n       * Whether the button should be hidden from screen readers. When true, no aria-label is required.\n       */\n      'aria-hidden'?: false;\n\n      /**\n       * accessibleLabel - the aria label\n       */\n      'aria-label': string;\n    }\n  | {\n      'aria-describedby'?: string;\n\n      'aria-hidden': true;\n\n      'aria-label'?: string;\n    };\n\ntype BaseProps = {\n  /**\n   * Specifies the icon for the button.\n   */\n  children?: ComponentChild;\n\n  /**\n   * Specifies that the button element should be disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n   */\n  onAction?: () => void | null;\n\n  /**\n   * The size indicates how large the button is rendered. Note that only the ghost variant supports the xs size.\n   * @default 'sm'\n   */\n  size?: 'xs' | 'sm';\n};\n\ntype Props = BaseProps & AriaProps & TestIdProps;\n\nexport const EmbeddedIconButton = forwardRef(\n  (\n    {\n      isDisabled = false,\n      size = 'sm',\n      testId,\n      onAction,\n      'aria-label': accessibleLabel,\n      'aria-describedby': ariaDescribedBy,\n      'aria-hidden': ariaHidden = false,\n      ...props\n    }: Props,\n    ref: ForwardedRef<ButtonHandle>\n  ) => {\n    return (\n      <BaseButton\n        ref={ref}\n        elementDetails={{ type: 'span', isFocusable: false }}\n        isDisabled={isDisabled}\n        size={size}\n        variant={'ghost'}\n        styling={['min', 'noUserSelect']}\n        onAction={onAction}\n        testId={testId}\n        aria-describedby={ariaDescribedBy}\n        aria-hidden={ariaHidden}\n        aria-label={accessibleLabel}>\n        <ButtonLabelLayout\n          display={'icons'}\n          startIcon={props.children}\n          size={size}></ButtonLabelLayout>\n      </BaseButton>\n    );\n  }\n);\n"],"names":["_jsx"],"mappings":";;;;;;AAmEa,MAAA,kBAAkB,GAAG,UAAU,CAC1C,CACE,EACE,UAAU,GAAG,KAAK,EAClB,IAAI,GAAG,IAAI,EACX,MAAM,EACN,QAAQ,EACR,YAAY,EAAE,eAAe,EAC7B,kBAAkB,EAAE,eAAe,EACnC,aAAa,EAAE,UAAU,GAAG,KAAK,EACjC,GAAG,KAAK,EACF,EACR,GAA+B,KAC7B;AACF,IAAA,QACEA,GAAA,CAAC,UAAU,EAAA,EACT,GAAG,EAAE,GAAG,EACR,cAAc,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,EACpD,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,EAChC,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,sBACI,eAAe,EAAA,aAAA,EACpB,UAAU,EAAA,YAAA,EACX,eAAe,EAC3B,QAAA,EAAAA,GAAA,CAAC,iBAAiB,EAAA,EAChB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,KAAK,CAAC,QAAQ,EACzB,IAAI,EAAE,IAAI,EAAsB,CAAA,EAAA,CACvB,EACb;AACJ,CAAC;;;;"}
+{"version":3,"file":"EmbeddedIconButton-8dca2a64.js","sources":["../../src/PRIVATE_EmbeddedIconButton/EmbeddedIconButton.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChild } from 'preact';\nimport { forwardRef, ForwardedRef, ElementRef } from 'preact/compat';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { BaseButton } from '../UNSAFE_BaseButton';\nimport { ButtonLabelLayout } from '../UNSAFE_ButtonLabelLayout';\n\ntype ButtonHandle = ElementRef<typeof BaseButton>;\n\ntype AriaProps =\n  | {\n      /**\n       * The ID of an element (or space separated IDs of multiple elements) that\n       * describes the button.\n       */\n      'aria-describedby'?: string;\n\n      /**\n       * Whether the button should be hidden from screen readers. When true, no aria-label is required.\n       */\n      'aria-hidden'?: false;\n\n      /**\n       * accessibleLabel - the aria label\n       */\n      'aria-label': string;\n    }\n  | {\n      'aria-describedby'?: string;\n\n      'aria-hidden': true;\n\n      'aria-label'?: string;\n    };\n\ntype BaseProps = {\n  /**\n   * Specifies the icon for the button.\n   */\n  children?: ComponentChild;\n\n  /**\n   * Specifies that the button element should be disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n   */\n  onAction?: () => void | null;\n\n  /**\n   * The size indicates how large the button is rendered. Note that only the ghost variant supports the xs size.\n   * @default 'sm'\n   */\n  size?: 'xs' | 'sm';\n};\n\ntype Props = BaseProps & AriaProps & TestIdProps;\n\nexport const EmbeddedIconButton = forwardRef(\n  (\n    {\n      isDisabled = false,\n      size = 'sm',\n      testId,\n      onAction,\n      'aria-label': accessibleLabel,\n      'aria-describedby': ariaDescribedBy,\n      'aria-hidden': ariaHidden = false,\n      ...props\n    }: Props,\n    ref: ForwardedRef<ButtonHandle>\n  ) => {\n    return (\n      <BaseButton\n        ref={ref}\n        elementDetails={{ type: 'span', isFocusable: false }}\n        isDisabled={isDisabled}\n        size={size}\n        variant={'ghost'}\n        styling={['min', 'noUserSelect']}\n        onAction={onAction}\n        testId={testId}\n        aria-describedby={ariaDescribedBy}\n        aria-hidden={ariaHidden}\n        aria-label={accessibleLabel}>\n        <ButtonLabelLayout\n          display={'icons'}\n          startIcon={props.children}\n          size={size}></ButtonLabelLayout>\n      </BaseButton>\n    );\n  }\n);\n"],"names":["_jsx"],"mappings":";;;;;;AAmEa,MAAA,kBAAkB,GAAG,UAAU,CAC1C,CACE,EACE,UAAU,GAAG,KAAK,EAClB,IAAI,GAAG,IAAI,EACX,MAAM,EACN,QAAQ,EACR,YAAY,EAAE,eAAe,EAC7B,kBAAkB,EAAE,eAAe,EACnC,aAAa,EAAE,UAAU,GAAG,KAAK,EACjC,GAAG,KAAK,EACF,EACR,GAA+B,KAC7B;AACF,IAAA,QACEA,GAAA,CAAC,UAAU,EAAA,EACT,GAAG,EAAE,GAAG,EACR,cAAc,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,EACpD,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,EAChC,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,sBACI,eAAe,EAAA,aAAA,EACpB,UAAU,EAAA,YAAA,EACX,eAAe,EAC3B,QAAA,EAAAA,GAAA,CAAC,iBAAiB,EAAA,EAChB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,KAAK,CAAC,QAAQ,EACzB,IAAI,EAAE,IAAI,EAAsB,CAAA,EAAA,CACvB,EACb;AACJ,CAAC;;;;"}

package/es/{EmbeddedTextField-12d0e0a7.js → EmbeddedTextField-e4b319a0.js}

@@ -1,7 +1,7 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsxs, jsx } from 'preact/jsx-runtime';
 import { forwardRef } from 'preact/compat';
-import { u as useTestId } from './useTestId-20c68501.js';
+import { u as useTestId } from './useTestId-2c0e08d3.js';
 import { S as StyledTextField, R as ReadonlyTextFieldContent } from './StyledTextField-56e1a6e7.js';
 import { m as mergeRefs } from './refUtils-76275c69.js';
 import { T as TextFieldContent } from './TextFieldContent-5e5ed450.js';
@@ -98,4 +98,4 @@ const EmbeddedTextField = ({ columnSpan, compactUserAssistance, contentVariant,
 };
 
 export { EmbeddedReadonlyTextField as E, EmbeddedTextField as a };
-//# sourceMappingURL=EmbeddedTextField-12d0e0a7.js.map
+//# sourceMappingURL=EmbeddedTextField-e4b319a0.js.map

package/es/{EmbeddedTextField-12d0e0a7.js.map → EmbeddedTextField-e4b319a0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"EmbeddedTextField-12d0e0a7.js","sources":["../../src/PRIVATE_EmbeddedTextField/EmbeddedReadonlyTextField.tsx","../../src/UNSAFE_TextField/TextFieldEdgeInsets.ts","../../src/PRIVATE_EmbeddedTextField/EmbeddedTextField.tsx"],"sourcesContent":["import type { ComponentProps, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\n\nimport { useTestId } from '#hooks/UNSAFE_useTestId';\nimport type {\n  ReadonlyTextField as ReadonlyTextFieldComponent,\n  TextField as TextFieldComponent\n} from '#UNSAFE_TextField';\nimport { ReadonlyTextFieldContent } from '#UNSAFE_TextField/ReadonlyTextFieldContent';\nimport { StyledTextField } from '#UNSAFE_TextField/StyledTextField';\nimport { mergeRefs } from '#utils/PRIVATE_refUtils';\n\ntype TextFieldProps = ComponentProps<typeof TextFieldComponent>;\ntype ReadonlyTextFieldProps = ComponentProps<typeof ReadonlyTextFieldComponent>;\ntype Props = Pick<\n  ReadonlyTextFieldProps,\n  | 'columnSpan'\n  | 'compactUserAssistance'\n  | 'endContent'\n  | 'hasZeroStartMargin'\n  | 'mainContent'\n  | 'onBlur'\n  | 'onFocus'\n  | 'onKeyDown'\n  | 'onMouseDown'\n  | 'onMouseEnter'\n  | 'onMouseLeave'\n  | 'resize'\n  | 'role'\n  | 'startContent'\n  | 'testId'\n  | 'variant'\n> & {\n  rootRef?: TextFieldProps['rootRef'];\n  styleVariant?: TextFieldProps['styleVariant'];\n};\n\n/**\n * `EmbeddedReadonlyTextField` is the reduced readonly shell for the true embedded variant.\n * Compared with `ReadonlyTextField`, it deliberately does less:\n * - no `LabelValueLayout`\n * - no inside/start/top label handling\n * - no inline user assistance slot\n * - no assembly of the larger default readonly field theme/class stack\n *\n * The surrounding embedded base code is responsible for only calling this component when the\n * resolved configuration is the narrow embedded case. If a visible label or richer user\n * assistance behavior is needed, the code should route back through `ReadonlyTextField`\n * instead.\n */\nexport const EmbeddedReadonlyTextField = forwardRef(\n  (\n    {\n      columnSpan,\n      compactUserAssistance,\n      endContent,\n      hasZeroStartMargin,\n      mainContent,\n      resize,\n      rootRef,\n      startContent,\n      styleVariant,\n      testId,\n      variant,\n      onBlur,\n      onFocus,\n      onKeyDown,\n      onMouseDown,\n      onMouseEnter,\n      onMouseLeave,\n      ...props\n    }: Props,\n    ref?: Ref<HTMLElement>\n  ) => {\n    const testIdProps = useTestId(testId);\n\n    // Embedded mode needs the same styled outer shell as the default readonly field, but not the\n    // higher-level readonly layout features. Compose StyledTextField directly with\n    // ReadonlyTextFieldContent so this private variant stays aligned with embedded requirements,\n    // while InputBase continues to own the fallback to the richer default readonly path.\n    return (\n      <StyledTextField\n        columnSpan={columnSpan}\n        onFocusIn={onFocus}\n        onFocusOut={onBlur}\n        onKeyDown={onKeyDown}\n        onMouseDown={onMouseDown}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        ref={mergeRefs(ref, rootRef)}\n        variant={styleVariant}\n        {...props}\n        {...testIdProps}>\n        {compactUserAssistance}\n        {variant ? (\n          <ReadonlyTextFieldContent\n            endContent={endContent}\n            hasZeroStartMargin={hasZeroStartMargin}\n            mainContent={mainContent}\n            resize={resize}\n            startContent={startContent}\n            variant={variant}\n          />\n        ) : (\n          <ReadonlyTextFieldContent\n            endContent={endContent}\n            hasZeroStartMargin={hasZeroStartMargin}\n            mainContent={mainContent}\n            startContent={startContent}\n          />\n        )}\n      </StyledTextField>\n    );\n  }\n);\n","import { assignInlineVars } from '@vanilla-extract/dynamic';\n\nimport { type Size, sizeToCSS } from '#utils/UNSAFE_size';\nimport {\n  edgeContentVisualOffsetValues,\n  type EdgeContentVisualOffset,\n  textFieldEdgeInsetVars\n} from './themes/TextFieldStyles.css';\n\ntype EmbeddedTextFieldEdgeInsetStyleOptions = {\n  edgeInsetStart?: Size;\n  edgeInsetEnd?: Size;\n  startContentVisualOffset?: EdgeContentVisualOffset;\n  endContentVisualOffset?: EdgeContentVisualOffset;\n};\n\n/**\n * Returns the slot-specific inset for known internal button-like content.\n *\n * Embedded edge insets describe the distance from the field edge to the first visible thing.\n * For IconButton-like occupants, the button target is wider than the centered icon, so using the\n * raw inset on the slot wrapper makes the visible icon appear too far inward. This helper\n * subtracts the known target-to-icon whitespace only for the internal occupants that opt in.\n */\nconst getEdgeContentVisualInset = (edgeInset?: Size, visualOffset?: EdgeContentVisualOffset) =>\n  edgeInset !== undefined && visualOffset !== undefined && visualOffset !== 'none'\n    ? `max(0px, calc(${sizeToCSS(edgeInset)} - ${edgeContentVisualOffsetValues[visualOffset]}))`\n    : undefined;\n\n/**\n * Builds the local CSS-var assignment for EmbeddedTextField.\n *\n * Keeping assignment here lets the editable embedded shell opt in per instance while regular\n * TextField/InputBase paths keep their default spacing and never receive inset props.\n */\nconst getEmbeddedTextFieldEdgeInsetStyle = ({\n  edgeInsetStart,\n  edgeInsetEnd,\n  startContentVisualOffset,\n  endContentVisualOffset\n}: EmbeddedTextFieldEdgeInsetStyleOptions) => {\n  if (edgeInsetStart === undefined && edgeInsetEnd === undefined) {\n    return undefined;\n  }\n\n  const startContentInset = getEdgeContentVisualInset(edgeInsetStart, startContentVisualOffset);\n  const endContentInset = getEdgeContentVisualInset(edgeInsetEnd, endContentVisualOffset);\n\n  return assignInlineVars({\n    ...(edgeInsetStart !== undefined && {\n      [textFieldEdgeInsetVars.start]: `${sizeToCSS(edgeInsetStart)}`\n    }),\n    ...(startContentInset && {\n      [textFieldEdgeInsetVars.startContent]: startContentInset\n    }),\n    ...(edgeInsetEnd !== undefined && {\n      [textFieldEdgeInsetVars.end]: `${sizeToCSS(edgeInsetEnd)}`\n    }),\n    ...(endContentInset && {\n      [textFieldEdgeInsetVars.endContent]: endContentInset\n    })\n  });\n};\n\nexport { getEdgeContentVisualInset, getEmbeddedTextFieldEdgeInsetStyle };\nexport type { EdgeContentVisualOffset };\n","import type { ComponentProps } from 'preact';\n\nimport { useTestId } from '#hooks/UNSAFE_useTestId';\nimport type { TextField as TextFieldComponent } from '#UNSAFE_TextField';\nimport { StyledTextField } from '#UNSAFE_TextField/StyledTextField';\nimport { TextFieldContent } from '#UNSAFE_TextField/TextFieldContent';\nimport {\n  getEmbeddedTextFieldEdgeInsetStyle,\n  type EdgeContentVisualOffset\n} from '#UNSAFE_TextField/TextFieldEdgeInsets';\nimport type { Size } from '#utils/UNSAFE_size';\n\ntype TextFieldProps = ComponentProps<typeof TextFieldComponent>;\ntype Props = Pick<\n  TextFieldProps,\n  | 'columnSpan'\n  | 'compactUserAssistance'\n  | 'contentVariant'\n  | 'endContent'\n  | 'mainContent'\n  | 'mainFieldRef'\n  | 'onBlur'\n  | 'onFocus'\n  | 'onKeyDown'\n  | 'onMouseDown'\n  | 'onMouseEnter'\n  | 'onMouseLeave'\n  | 'resize'\n  | 'rootRef'\n  | 'startContent'\n  | 'statusVariant'\n  | 'styleVariant'\n  | 'testId'\n> & {\n  /**\n   * Effective embedded edge insets normalized by EmbeddedInputBase.\n   *\n   * These are private shell values, not public TextField props. When omitted, the embedded shell\n   * keeps the standard text-field spacing for that edge.\n   */\n  edgeInsetStart?: Size;\n  edgeInsetEnd?: Size;\n  /**\n   * Internal content hints for controls whose first visible edge occupant is a button-like target.\n   */\n  startContentVisualOffset?: EdgeContentVisualOffset;\n  endContentVisualOffset?: EdgeContentVisualOffset;\n  hasZeroStartMargin?: TextFieldProps['hasZeroStartMargin'];\n};\n\n/**\n * `EmbeddedTextField` is the reduced editable shell for the true embedded variant.\n * Compared with `TextField`, it deliberately does less:\n * - no `LabelValueLayout`\n * - no inside/start/top label handling\n * - no inline user assistance slot\n * - no assembly of the larger default field layout\n *\n * The surrounding embedded base code is responsible for only calling this component when the\n * resolved configuration is the narrow embedded case. If a visible label or richer user\n * assistance behavior is needed, the code should route back through `TextField` instead.\n */\nexport const EmbeddedTextField = ({\n  columnSpan,\n  compactUserAssistance,\n  contentVariant,\n  edgeInsetEnd,\n  edgeInsetStart,\n  endContent,\n  endContentVisualOffset,\n  hasZeroStartMargin,\n  mainContent,\n  mainFieldRef,\n  resize,\n  rootRef,\n  startContent,\n  startContentVisualOffset,\n  statusVariant,\n  styleVariant,\n  onBlur,\n  onFocus,\n  onKeyDown,\n  onMouseDown,\n  onMouseEnter,\n  onMouseLeave,\n  testId\n}: Props) => {\n  const testIdProps = useTestId(testId);\n  const inlineEdgeInsetStyles = getEmbeddedTextFieldEdgeInsetStyle({\n    edgeInsetStart,\n    edgeInsetEnd,\n    startContentVisualOffset,\n    endContentVisualOffset\n  });\n\n  // Embedded mode needs the same styled outer shell and field content as the default text field,\n  // but not the higher-level TextField layout features. Compose StyledTextField directly with\n  // TextFieldContent so this private variant stays focused on the embedded configuration, while\n  // InputBase continues to own the fallback to the richer default TextField path.\n  return (\n    <StyledTextField\n      columnSpan={columnSpan}\n      onFocusIn={onFocus}\n      onFocusOut={onBlur}\n      onKeyDown={onKeyDown}\n      onMouseDown={onMouseDown}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      ref={rootRef}\n      style={inlineEdgeInsetStyles}\n      variant={styleVariant}\n      {...testIdProps}>\n      {compactUserAssistance}\n      <TextFieldContent\n        contentVariant={contentVariant}\n        endContent={endContent}\n        hasZeroStartMargin={hasZeroStartMargin}\n        mainContent={mainContent}\n        resize={resize}\n        rootRef={mainFieldRef}\n        startContent={startContent}\n        statusVariant={statusVariant}\n        styleVariant={styleVariant}\n      />\n    </StyledTextField>\n  );\n};\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"EmbeddedTextField-e4b319a0.js","sources":["../../src/PRIVATE_EmbeddedTextField/EmbeddedReadonlyTextField.tsx","../../src/UNSAFE_TextField/TextFieldEdgeInsets.ts","../../src/PRIVATE_EmbeddedTextField/EmbeddedTextField.tsx"],"sourcesContent":["import type { ComponentProps, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\n\nimport { useTestId } from '#hooks/UNSAFE_useTestId';\nimport type {\n  ReadonlyTextField as ReadonlyTextFieldComponent,\n  TextField as TextFieldComponent\n} from '#UNSAFE_TextField';\nimport { ReadonlyTextFieldContent } from '#UNSAFE_TextField/ReadonlyTextFieldContent';\nimport { StyledTextField } from '#UNSAFE_TextField/StyledTextField';\nimport { mergeRefs } from '#utils/PRIVATE_refUtils';\n\ntype TextFieldProps = ComponentProps<typeof TextFieldComponent>;\ntype ReadonlyTextFieldProps = ComponentProps<typeof ReadonlyTextFieldComponent>;\ntype Props = Pick<\n  ReadonlyTextFieldProps,\n  | 'columnSpan'\n  | 'compactUserAssistance'\n  | 'endContent'\n  | 'hasZeroStartMargin'\n  | 'mainContent'\n  | 'onBlur'\n  | 'onFocus'\n  | 'onKeyDown'\n  | 'onMouseDown'\n  | 'onMouseEnter'\n  | 'onMouseLeave'\n  | 'resize'\n  | 'role'\n  | 'startContent'\n  | 'testId'\n  | 'variant'\n> & {\n  rootRef?: TextFieldProps['rootRef'];\n  styleVariant?: TextFieldProps['styleVariant'];\n};\n\n/**\n * `EmbeddedReadonlyTextField` is the reduced readonly shell for the true embedded variant.\n * Compared with `ReadonlyTextField`, it deliberately does less:\n * - no `LabelValueLayout`\n * - no inside/start/top label handling\n * - no inline user assistance slot\n * - no assembly of the larger default readonly field theme/class stack\n *\n * The surrounding embedded base code is responsible for only calling this component when the\n * resolved configuration is the narrow embedded case. If a visible label or richer user\n * assistance behavior is needed, the code should route back through `ReadonlyTextField`\n * instead.\n */\nexport const EmbeddedReadonlyTextField = forwardRef(\n  (\n    {\n      columnSpan,\n      compactUserAssistance,\n      endContent,\n      hasZeroStartMargin,\n      mainContent,\n      resize,\n      rootRef,\n      startContent,\n      styleVariant,\n      testId,\n      variant,\n      onBlur,\n      onFocus,\n      onKeyDown,\n      onMouseDown,\n      onMouseEnter,\n      onMouseLeave,\n      ...props\n    }: Props,\n    ref?: Ref<HTMLElement>\n  ) => {\n    const testIdProps = useTestId(testId);\n\n    // Embedded mode needs the same styled outer shell as the default readonly field, but not the\n    // higher-level readonly layout features. Compose StyledTextField directly with\n    // ReadonlyTextFieldContent so this private variant stays aligned with embedded requirements,\n    // while InputBase continues to own the fallback to the richer default readonly path.\n    return (\n      <StyledTextField\n        columnSpan={columnSpan}\n        onFocusIn={onFocus}\n        onFocusOut={onBlur}\n        onKeyDown={onKeyDown}\n        onMouseDown={onMouseDown}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        ref={mergeRefs(ref, rootRef)}\n        variant={styleVariant}\n        {...props}\n        {...testIdProps}>\n        {compactUserAssistance}\n        {variant ? (\n          <ReadonlyTextFieldContent\n            endContent={endContent}\n            hasZeroStartMargin={hasZeroStartMargin}\n            mainContent={mainContent}\n            resize={resize}\n            startContent={startContent}\n            variant={variant}\n          />\n        ) : (\n          <ReadonlyTextFieldContent\n            endContent={endContent}\n            hasZeroStartMargin={hasZeroStartMargin}\n            mainContent={mainContent}\n            startContent={startContent}\n          />\n        )}\n      </StyledTextField>\n    );\n  }\n);\n","import { assignInlineVars } from '@vanilla-extract/dynamic';\n\nimport { type Size, sizeToCSS } from '#utils/UNSAFE_size';\nimport {\n  edgeContentVisualOffsetValues,\n  type EdgeContentVisualOffset,\n  textFieldEdgeInsetVars\n} from './themes/TextFieldStyles.css';\n\ntype EmbeddedTextFieldEdgeInsetStyleOptions = {\n  edgeInsetStart?: Size;\n  edgeInsetEnd?: Size;\n  startContentVisualOffset?: EdgeContentVisualOffset;\n  endContentVisualOffset?: EdgeContentVisualOffset;\n};\n\n/**\n * Returns the slot-specific inset for known internal button-like content.\n *\n * Embedded edge insets describe the distance from the field edge to the first visible thing.\n * For IconButton-like occupants, the button target is wider than the centered icon, so using the\n * raw inset on the slot wrapper makes the visible icon appear too far inward. This helper\n * subtracts the known target-to-icon whitespace only for the internal occupants that opt in.\n */\nconst getEdgeContentVisualInset = (edgeInset?: Size, visualOffset?: EdgeContentVisualOffset) =>\n  edgeInset !== undefined && visualOffset !== undefined && visualOffset !== 'none'\n    ? `max(0px, calc(${sizeToCSS(edgeInset)} - ${edgeContentVisualOffsetValues[visualOffset]}))`\n    : undefined;\n\n/**\n * Builds the local CSS-var assignment for EmbeddedTextField.\n *\n * Keeping assignment here lets the editable embedded shell opt in per instance while regular\n * TextField/InputBase paths keep their default spacing and never receive inset props.\n */\nconst getEmbeddedTextFieldEdgeInsetStyle = ({\n  edgeInsetStart,\n  edgeInsetEnd,\n  startContentVisualOffset,\n  endContentVisualOffset\n}: EmbeddedTextFieldEdgeInsetStyleOptions) => {\n  if (edgeInsetStart === undefined && edgeInsetEnd === undefined) {\n    return undefined;\n  }\n\n  const startContentInset = getEdgeContentVisualInset(edgeInsetStart, startContentVisualOffset);\n  const endContentInset = getEdgeContentVisualInset(edgeInsetEnd, endContentVisualOffset);\n\n  return assignInlineVars({\n    ...(edgeInsetStart !== undefined && {\n      [textFieldEdgeInsetVars.start]: `${sizeToCSS(edgeInsetStart)}`\n    }),\n    ...(startContentInset && {\n      [textFieldEdgeInsetVars.startContent]: startContentInset\n    }),\n    ...(edgeInsetEnd !== undefined && {\n      [textFieldEdgeInsetVars.end]: `${sizeToCSS(edgeInsetEnd)}`\n    }),\n    ...(endContentInset && {\n      [textFieldEdgeInsetVars.endContent]: endContentInset\n    })\n  });\n};\n\nexport { getEdgeContentVisualInset, getEmbeddedTextFieldEdgeInsetStyle };\nexport type { EdgeContentVisualOffset };\n","import type { ComponentProps } from 'preact';\n\nimport { useTestId } from '#hooks/UNSAFE_useTestId';\nimport type { TextField as TextFieldComponent } from '#UNSAFE_TextField';\nimport { StyledTextField } from '#UNSAFE_TextField/StyledTextField';\nimport { TextFieldContent } from '#UNSAFE_TextField/TextFieldContent';\nimport {\n  getEmbeddedTextFieldEdgeInsetStyle,\n  type EdgeContentVisualOffset\n} from '#UNSAFE_TextField/TextFieldEdgeInsets';\nimport type { Size } from '#utils/UNSAFE_size';\n\ntype TextFieldProps = ComponentProps<typeof TextFieldComponent>;\ntype Props = Pick<\n  TextFieldProps,\n  | 'columnSpan'\n  | 'compactUserAssistance'\n  | 'contentVariant'\n  | 'endContent'\n  | 'mainContent'\n  | 'mainFieldRef'\n  | 'onBlur'\n  | 'onFocus'\n  | 'onKeyDown'\n  | 'onMouseDown'\n  | 'onMouseEnter'\n  | 'onMouseLeave'\n  | 'resize'\n  | 'rootRef'\n  | 'startContent'\n  | 'statusVariant'\n  | 'styleVariant'\n  | 'testId'\n> & {\n  /**\n   * Effective embedded edge insets normalized by EmbeddedInputBase.\n   *\n   * These are private shell values, not public TextField props. When omitted, the embedded shell\n   * keeps the standard text-field spacing for that edge.\n   */\n  edgeInsetStart?: Size;\n  edgeInsetEnd?: Size;\n  /**\n   * Internal content hints for controls whose first visible edge occupant is a button-like target.\n   */\n  startContentVisualOffset?: EdgeContentVisualOffset;\n  endContentVisualOffset?: EdgeContentVisualOffset;\n  hasZeroStartMargin?: TextFieldProps['hasZeroStartMargin'];\n};\n\n/**\n * `EmbeddedTextField` is the reduced editable shell for the true embedded variant.\n * Compared with `TextField`, it deliberately does less:\n * - no `LabelValueLayout`\n * - no inside/start/top label handling\n * - no inline user assistance slot\n * - no assembly of the larger default field layout\n *\n * The surrounding embedded base code is responsible for only calling this component when the\n * resolved configuration is the narrow embedded case. If a visible label or richer user\n * assistance behavior is needed, the code should route back through `TextField` instead.\n */\nexport const EmbeddedTextField = ({\n  columnSpan,\n  compactUserAssistance,\n  contentVariant,\n  edgeInsetEnd,\n  edgeInsetStart,\n  endContent,\n  endContentVisualOffset,\n  hasZeroStartMargin,\n  mainContent,\n  mainFieldRef,\n  resize,\n  rootRef,\n  startContent,\n  startContentVisualOffset,\n  statusVariant,\n  styleVariant,\n  onBlur,\n  onFocus,\n  onKeyDown,\n  onMouseDown,\n  onMouseEnter,\n  onMouseLeave,\n  testId\n}: Props) => {\n  const testIdProps = useTestId(testId);\n  const inlineEdgeInsetStyles = getEmbeddedTextFieldEdgeInsetStyle({\n    edgeInsetStart,\n    edgeInsetEnd,\n    startContentVisualOffset,\n    endContentVisualOffset\n  });\n\n  // Embedded mode needs the same styled outer shell and field content as the default text field,\n  // but not the higher-level TextField layout features. Compose StyledTextField directly with\n  // TextFieldContent so this private variant stays focused on the embedded configuration, while\n  // InputBase continues to own the fallback to the richer default TextField path.\n  return (\n    <StyledTextField\n      columnSpan={columnSpan}\n      onFocusIn={onFocus}\n      onFocusOut={onBlur}\n      onKeyDown={onKeyDown}\n      onMouseDown={onMouseDown}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      ref={rootRef}\n      style={inlineEdgeInsetStyles}\n      variant={styleVariant}\n      {...testIdProps}>\n      {compactUserAssistance}\n      <TextFieldContent\n        contentVariant={contentVariant}\n        endContent={endContent}\n        hasZeroStartMargin={hasZeroStartMargin}\n        mainContent={mainContent}\n        resize={resize}\n        rootRef={mainFieldRef}\n        startContent={startContent}\n        statusVariant={statusVariant}\n        styleVariant={styleVariant}\n      />\n    </StyledTextField>\n  );\n};\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;AAqCA;;;;;;;;;;;;AAYG;MACU,yBAAyB,GAAG,UAAU,CACjD,CACE,EACE,UAAU,EACV,qBAAqB,EACrB,UAAU,EACV,kBAAkB,EAClB,WAAW,EACX,MAAM,EACN,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,MAAM,EACN,OAAO,EACP,MAAM,EACN,OAAO,EACP,SAAS,EACT,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,GAAG,KAAK,EACF,EACR,GAAsB,KACpB;AACF,IAAA,MAAM,WAAW,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;;;;;IAMtC,QACEA,IAAC,CAAA,eAAe,EACd,EAAA,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,OAAO,EAClB,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,GAAG,EAAE,SAAS,CAAC,GAAG,EAAE,OAAO,CAAC,EAC5B,OAAO,EAAE,YAAY,EAAA,GACjB,KAAK,EAAA,GACL,WAAW,EAAA,QAAA,EAAA,CACd,qBAAqB,EACrB,OAAO,IACNC,GAAC,CAAA,wBAAwB,EACvB,EAAA,UAAU,EAAE,UAAU,EACtB,kBAAkB,EAAE,kBAAkB,EACtC,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,EAAA,CAChB,KAEFA,GAAC,CAAA,wBAAwB,IACvB,UAAU,EAAE,UAAU,EACtB,kBAAkB,EAAE,kBAAkB,EACtC,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,CAAA,CACH,CACe,EAAA,CAAA,EAClB;AACJ,CAAC;;ACjGH;;;;;;;AAOG;AACH,MAAM,yBAAyB,GAAG,CAAC,SAAgB,EAAE,YAAsC,KACzF,SAAS,KAAK,SAAS,IAAI,YAAY,KAAK,SAAS,IAAI,YAAY,KAAK,MAAM;MAC5E,CAAiB,cAAA,EAAA,SAAS,CAAC,SAAS,CAAC,CAAA,GAAA,EAAM,6BAA6B,CAAC,YAAY,CAAC,CAAI,EAAA,CAAA;MAC1F,SAAS,CAAC;AAEhB;;;;;AAKG;AACH,MAAM,kCAAkC,GAAG,CAAC,EAC1C,cAAc,EACd,YAAY,EACZ,wBAAwB,EACxB,sBAAsB,EACiB,KAAI;IAC3C,IAAI,cAAc,KAAK,SAAS,IAAI,YAAY,KAAK,SAAS,EAAE;AAC9D,QAAA,OAAO,SAAS,CAAC;KAClB;IAED,MAAM,iBAAiB,GAAG,yBAAyB,CAAC,cAAc,EAAE,wBAAwB,CAAC,CAAC;IAC9F,MAAM,eAAe,GAAG,yBAAyB,CAAC,YAAY,EAAE,sBAAsB,CAAC,CAAC;AAExF,IAAA,OAAO,gBAAgB,CAAC;AACtB,QAAA,IAAI,cAAc,KAAK,SAAS,IAAI;YAClC,CAAC,sBAAsB,CAAC,KAAK,GAAG,GAAG,SAAS,CAAC,cAAc,CAAC,CAAE,CAAA;SAC/D,CAAC;QACF,IAAI,iBAAiB,IAAI;AACvB,YAAA,CAAC,sBAAsB,CAAC,YAAY,GAAG,iBAAiB;SACzD,CAAC;AACF,QAAA,IAAI,YAAY,KAAK,SAAS,IAAI;YAChC,CAAC,sBAAsB,CAAC,GAAG,GAAG,GAAG,SAAS,CAAC,YAAY,CAAC,CAAE,CAAA;SAC3D,CAAC;QACF,IAAI,eAAe,IAAI;AACrB,YAAA,CAAC,sBAAsB,CAAC,UAAU,GAAG,eAAe;SACrD,CAAC;AACH,KAAA,CAAC,CAAC;AACL,CAAC;;ACZD;;;;;;;;;;;AAWG;AACU,MAAA,iBAAiB,GAAG,CAAC,EAChC,UAAU,EACV,qBAAqB,EACrB,cAAc,EACd,YAAY,EACZ,cAAc,EACd,UAAU,EACV,sBAAsB,EACtB,kBAAkB,EAClB,WAAW,EACX,YAAY,EACZ,MAAM,EACN,OAAO,EACP,YAAY,EACZ,wBAAwB,EACxB,aAAa,EACb,YAAY,EACZ,MAAM,EACN,OAAO,EACP,SAAS,EACT,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,MAAM,EACA,KAAI;AACV,IAAA,MAAM,WAAW,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;IACtC,MAAM,qBAAqB,GAAG,kCAAkC,CAAC;QAC/D,cAAc;QACd,YAAY;QACZ,wBAAwB;QACxB,sBAAsB;AACvB,KAAA,CAAC,CAAC;;;;;AAMH,IAAA,QACED,IAAC,CAAA,eAAe,IACd,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,OAAO,EAClB,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,GAAG,EAAE,OAAO,EACZ,KAAK,EAAE,qBAAqB,EAC5B,OAAO,EAAE,YAAY,EAAA,GACjB,WAAW,EAAA,QAAA,EAAA,CACd,qBAAqB,EACtBC,GAAA,CAAC,gBAAgB,EACf,EAAA,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,kBAAkB,EAAE,kBAAkB,EACtC,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,YAAY,EACrB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,EAC1B,CAAA,CAAA,EAAA,CACc,EAClB;AACJ;;;;"}

package/es/{EnvironmentProvider-12bbb301.js → EnvironmentProvider-60423f29.js}

@@ -1,8 +1,8 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx } from 'preact/jsx-runtime';
-import { E as EnvironmentContext, D as DefaultEnvironment } from './LayerHost-20500ac8.js';
+import { E as EnvironmentContext, D as DefaultEnvironment } from './LayerHost-c4481db3.js';
 import { useMemo, useContext } from 'preact/hooks';
-import { L as LayerManager } from './LayerManager-55001240.js';
+import { L as LayerManager } from './LayerManager-4b79a6a2.js';
 
 // Custom merge function
 function mergeEnvironment(env1, env2) {
@@ -55,4 +55,4 @@ function EnvironmentProvider({ children, environment }) {
 }
 
 export { EnvironmentProvider as E, RootEnvironmentProvider as R };
-//# sourceMappingURL=EnvironmentProvider-12bbb301.js.map
+//# sourceMappingURL=EnvironmentProvider-60423f29.js.map

package/es/{EnvironmentProvider-12bbb301.js.map → EnvironmentProvider-60423f29.js.map}

@@ -1 +1 @@
-{"version":3,"file":"EnvironmentProvider-12bbb301.js","sources":["../../src/UNSAFE_Environment/EnvironmentProvider.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport {\n  CompleteEnvironmentType,\n  DefaultEnvironment,\n  Environment,\n  EnvironmentContext,\n  RootEnvironment\n} from './EnvironmentContext';\nimport { useContext, useMemo } from 'preact/hooks';\n\nimport { ComponentChildren } from 'preact';\nimport { LayerManager } from '../UNSAFE_Layer/LayerManager';\n\n// EnvironmentProvider properties\nexport declare type ProviderProperties<Env extends RootEnvironment | Environment> = {\n  environment?: Env;\n  children?: ComponentChildren;\n};\n\n// Custom merge function\nfunction mergeEnvironment(\n  env1: CompleteEnvironmentType,\n  env2: Partial<RootEnvironment> | undefined\n) {\n  const userValue = Object.assign({}, env1.user, env2?.user);\n  const themeValue = Object.assign({}, env1.theme, env2?.theme);\n\n  // Merge translation values - one level merge\n  const targetTranslations = Object.assign({}, env1.translations);\n  const sourceTranslations = env2?.translations || {};\n  Object.keys(sourceTranslations).forEach((key) => {\n    let newVal = sourceTranslations[key];\n    if (targetTranslations[key]) {\n      // merge is needed\n      newVal = Object.assign({}, targetTranslations[key], newVal);\n    }\n    targetTranslations[key] = newVal;\n  });\n\n  return {\n    user: userValue,\n    theme: themeValue,\n    translations: targetTranslations,\n    colorScheme: env2?.colorScheme ?? env1.colorScheme,\n    scale: env2?.scale ?? env1.scale,\n    currentBgColor: env2?.currentBgColor ?? env1.currentBgColor,\n    mode: env2?.mode ?? env1.mode,\n    density: env2?.density ?? env1.density\n  };\n}\n\n/**\n * The RootEnvironmentProvider component bootstraps essential services and\n * must be placed at the root of any application using components from '@oracle/oraclejet-preact'.\n * Minimally, the application must load the appropriate translation bundle for the user's locale\n * and set it on the RootEnvironmentProvider.\n */\nexport function RootEnvironmentProvider({\n  children,\n  environment\n}: ProviderProperties<RootEnvironment>) {\n  const mergedEnvironment = useMemo(\n    () => mergeEnvironment(DefaultEnvironment, environment),\n    [environment]\n  );\n  return (\n    <EnvironmentContext.Provider value={mergedEnvironment}>\n      <LayerManager>{children}</LayerManager>\n    </EnvironmentContext.Provider>\n  );\n}\n\n/**\n * The EnvironmentProvider is a component that should be used by the application when there is a need to overwrite\n * environment values for a subtree.\n * The component receives an Environment object that will be merged into the values provided by the nearest ancestor Provider.\n * The new environment will be passed to the component's children.\n * Note that some environment values cannot be overwritten. See the description of the Environment type for the list of values\n * that can be replaced.\n */\nexport function EnvironmentProvider({ children, environment }: ProviderProperties<Environment>) {\n  const consumerEnv = useContext(EnvironmentContext);\n  const mergedEnvironment = useMemo(\n    () => mergeEnvironment(consumerEnv, environment),\n    [consumerEnv, environment]\n  );\n\n  return (\n    <EnvironmentContext.Provider value={mergedEnvironment}>{children}</EnvironmentContext.Provider>\n  );\n}\n"],"names":["_jsx"],"mappings":";;;;;;AA0BA;AACA,SAAS,gBAAgB,CACvB,IAA6B,EAC7B,IAA0C,EAAA;AAE1C,IAAA,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AAC3D,IAAA,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;;AAG9D,IAAA,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;AAChE,IAAA,MAAM,kBAAkB,GAAG,IAAI,EAAE,YAAY,IAAI,EAAE,CAAC;IACpD,MAAM,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,KAAI;AAC9C,QAAA,IAAI,MAAM,GAAG,kBAAkB,CAAC,GAAG,CAAC,CAAC;AACrC,QAAA,IAAI,kBAAkB,CAAC,GAAG,CAAC,EAAE;;AAE3B,YAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,kBAAkB,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,CAAC;SAC7D;AACD,QAAA,kBAAkB,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC;AACnC,KAAC,CAAC,CAAC;IAEH,OAAO;AACL,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,KAAK,EAAE,UAAU;AACjB,QAAA,YAAY,EAAE,kBAAkB;AAChC,QAAA,WAAW,EAAE,IAAI,EAAE,WAAW,IAAI,IAAI,CAAC,WAAW;AAClD,QAAA,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,IAAI,CAAC,KAAK;AAChC,QAAA,cAAc,EAAE,IAAI,EAAE,cAAc,IAAI,IAAI,CAAC,cAAc;AAC3D,QAAA,IAAI,EAAE,IAAI,EAAE,IAAI,IAAI,IAAI,CAAC,IAAI;AAC7B,QAAA,OAAO,EAAE,IAAI,EAAE,OAAO,IAAI,IAAI,CAAC,OAAO;KACvC,CAAC;AACJ,CAAC;AAED;;;;;AAKG;SACa,uBAAuB,CAAC,EACtC,QAAQ,EACR,WAAW,EACyB,EAAA;AACpC,IAAA,MAAM,iBAAiB,GAAG,OAAO,CAC/B,MAAM,gBAAgB,CAAC,kBAAkB,EAAE,WAAW,CAAC,EACvD,CAAC,WAAW,CAAC,CACd,CAAC;AACF,IAAA,QACEA,GAAC,CAAA,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,iBAAiB,EAAA,QAAA,EACnDA,IAAC,YAAY,EAAA,EAAA,QAAA,EAAE,QAAQ,EAAgB,CAAA,EAAA,CACX,EAC9B;AACJ,CAAC;AAED;;;;;;;AAOG;SACa,mBAAmB,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAmC,EAAA;AAC5F,IAAA,MAAM,WAAW,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;IACnD,MAAM,iBAAiB,GAAG,OAAO,CAC/B,MAAM,gBAAgB,CAAC,WAAW,EAAE,WAAW,CAAC,EAChD,CAAC,WAAW,EAAE,WAAW,CAAC,CAC3B,CAAC;AAEF,IAAA,QACEA,GAAA,CAAC,kBAAkB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,iBAAiB,EAAA,QAAA,EAAG,QAAQ,EAAA,CAA+B,EAC/F;AACJ;;;;"}
+{"version":3,"file":"EnvironmentProvider-60423f29.js","sources":["../../src/UNSAFE_Environment/EnvironmentProvider.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport {\n  CompleteEnvironmentType,\n  DefaultEnvironment,\n  Environment,\n  EnvironmentContext,\n  RootEnvironment\n} from './EnvironmentContext';\nimport { useContext, useMemo } from 'preact/hooks';\n\nimport { ComponentChildren } from 'preact';\nimport { LayerManager } from '../UNSAFE_Layer/LayerManager';\n\n// EnvironmentProvider properties\nexport declare type ProviderProperties<Env extends RootEnvironment | Environment> = {\n  environment?: Env;\n  children?: ComponentChildren;\n};\n\n// Custom merge function\nfunction mergeEnvironment(\n  env1: CompleteEnvironmentType,\n  env2: Partial<RootEnvironment> | undefined\n) {\n  const userValue = Object.assign({}, env1.user, env2?.user);\n  const themeValue = Object.assign({}, env1.theme, env2?.theme);\n\n  // Merge translation values - one level merge\n  const targetTranslations = Object.assign({}, env1.translations);\n  const sourceTranslations = env2?.translations || {};\n  Object.keys(sourceTranslations).forEach((key) => {\n    let newVal = sourceTranslations[key];\n    if (targetTranslations[key]) {\n      // merge is needed\n      newVal = Object.assign({}, targetTranslations[key], newVal);\n    }\n    targetTranslations[key] = newVal;\n  });\n\n  return {\n    user: userValue,\n    theme: themeValue,\n    translations: targetTranslations,\n    colorScheme: env2?.colorScheme ?? env1.colorScheme,\n    scale: env2?.scale ?? env1.scale,\n    currentBgColor: env2?.currentBgColor ?? env1.currentBgColor,\n    mode: env2?.mode ?? env1.mode,\n    density: env2?.density ?? env1.density\n  };\n}\n\n/**\n * The RootEnvironmentProvider component bootstraps essential services and\n * must be placed at the root of any application using components from '@oracle/oraclejet-preact'.\n * Minimally, the application must load the appropriate translation bundle for the user's locale\n * and set it on the RootEnvironmentProvider.\n */\nexport function RootEnvironmentProvider({\n  children,\n  environment\n}: ProviderProperties<RootEnvironment>) {\n  const mergedEnvironment = useMemo(\n    () => mergeEnvironment(DefaultEnvironment, environment),\n    [environment]\n  );\n  return (\n    <EnvironmentContext.Provider value={mergedEnvironment}>\n      <LayerManager>{children}</LayerManager>\n    </EnvironmentContext.Provider>\n  );\n}\n\n/**\n * The EnvironmentProvider is a component that should be used by the application when there is a need to overwrite\n * environment values for a subtree.\n * The component receives an Environment object that will be merged into the values provided by the nearest ancestor Provider.\n * The new environment will be passed to the component's children.\n * Note that some environment values cannot be overwritten. See the description of the Environment type for the list of values\n * that can be replaced.\n */\nexport function EnvironmentProvider({ children, environment }: ProviderProperties<Environment>) {\n  const consumerEnv = useContext(EnvironmentContext);\n  const mergedEnvironment = useMemo(\n    () => mergeEnvironment(consumerEnv, environment),\n    [consumerEnv, environment]\n  );\n\n  return (\n    <EnvironmentContext.Provider value={mergedEnvironment}>{children}</EnvironmentContext.Provider>\n  );\n}\n"],"names":["_jsx"],"mappings":";;;;;;AA0BA;AACA,SAAS,gBAAgB,CACvB,IAA6B,EAC7B,IAA0C,EAAA;AAE1C,IAAA,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AAC3D,IAAA,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;;AAG9D,IAAA,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;AAChE,IAAA,MAAM,kBAAkB,GAAG,IAAI,EAAE,YAAY,IAAI,EAAE,CAAC;IACpD,MAAM,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,KAAI;AAC9C,QAAA,IAAI,MAAM,GAAG,kBAAkB,CAAC,GAAG,CAAC,CAAC;AACrC,QAAA,IAAI,kBAAkB,CAAC,GAAG,CAAC,EAAE;;AAE3B,YAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,kBAAkB,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,CAAC;SAC7D;AACD,QAAA,kBAAkB,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC;AACnC,KAAC,CAAC,CAAC;IAEH,OAAO;AACL,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,KAAK,EAAE,UAAU;AACjB,QAAA,YAAY,EAAE,kBAAkB;AAChC,QAAA,WAAW,EAAE,IAAI,EAAE,WAAW,IAAI,IAAI,CAAC,WAAW;AAClD,QAAA,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,IAAI,CAAC,KAAK;AAChC,QAAA,cAAc,EAAE,IAAI,EAAE,cAAc,IAAI,IAAI,CAAC,cAAc;AAC3D,QAAA,IAAI,EAAE,IAAI,EAAE,IAAI,IAAI,IAAI,CAAC,IAAI;AAC7B,QAAA,OAAO,EAAE,IAAI,EAAE,OAAO,IAAI,IAAI,CAAC,OAAO;KACvC,CAAC;AACJ,CAAC;AAED;;;;;AAKG;SACa,uBAAuB,CAAC,EACtC,QAAQ,EACR,WAAW,EACyB,EAAA;AACpC,IAAA,MAAM,iBAAiB,GAAG,OAAO,CAC/B,MAAM,gBAAgB,CAAC,kBAAkB,EAAE,WAAW,CAAC,EACvD,CAAC,WAAW,CAAC,CACd,CAAC;AACF,IAAA,QACEA,GAAC,CAAA,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,iBAAiB,EAAA,QAAA,EACnDA,IAAC,YAAY,EAAA,EAAA,QAAA,EAAE,QAAQ,EAAgB,CAAA,EAAA,CACX,EAC9B;AACJ,CAAC;AAED;;;;;;;AAOG;SACa,mBAAmB,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAmC,EAAA;AAC5F,IAAA,MAAM,WAAW,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;IACnD,MAAM,iBAAiB,GAAG,OAAO,CAC/B,MAAM,gBAAgB,CAAC,WAAW,EAAE,WAAW,CAAC,EAChD,CAAC,WAAW,EAAE,WAAW,CAAC,CAC3B,CAAC;AAEF,IAAA,QACEA,GAAA,CAAC,kBAAkB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,iBAAiB,EAAA,QAAA,EAAG,QAAQ,EAAA,CAA+B,EAC/F;AACJ;;;;"}

package/es/Expander-19633442.js

@@ -1,12 +1,12 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx } from 'preact/jsx-runtime';
-import { E as EmbeddedIconButton } from './EmbeddedIconButton-3824dbe1.js';
+import { E as EmbeddedIconButton } from './EmbeddedIconButton-8dca2a64.js';
 import { S as SvgChevronDown } from './ChevronDown-ec33b889.js';
 import { S as SvgChevronRight } from './ChevronRight-d5e46240.js';
 import { S as SvgChevronUp } from './ChevronUp-9d281114.js';
 import './ExpandableContext-9b4f9741.js';
 import { u as useExpandableContext } from './useExpandableContext-1ed0e968.js';
-import { u as useTranslationBundle } from './useTranslationBundle-ded09d52.js';
+import { u as useTranslationBundle } from './useTranslationBundle-752de59a.js';
 import { useRef } from 'preact/hooks';
 import { U as UNSAFE_DOM_ACCESS } from './unsafeDomAccess-453eb74e.js';
 import { g as getClientHints } from './clientHints-502748e3.js';

package/es/FilmStrip-c0155ba5.js

@@ -2,7 +2,7 @@
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { toChildArray } from 'preact';
 import { useRef, useState, useEffect, useLayoutEffect } from 'preact/hooks';
-import { u as useUser } from './useUser-e1199cab.js';
+import { u as useUser } from './useUser-2c24ff59.js';
 import { S as SvgChevronDown } from './ChevronDown-ec33b889.js';
 import { S as SvgChevronLeft } from './ChevronLeft-bad5a908.js';
 import { S as SvgChevronRight } from './ChevronRight-d5e46240.js';

package/es/{Flex-f0f1bb0d.js → Flex-f5fe143f.js}

@@ -1,6 +1,6 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx } from 'preact/jsx-runtime';
-import { u as useTestId } from './useTestId-20c68501.js';
+import { u as useTestId } from './useTestId-2c0e08d3.js';
 import { c as classNames } from './classNames-4e12b00d.js';
 import { b as boxAlignmentInterpolations } from './boxalignment-ff3279b7.js';
 import { d as dimensionInterpolations } from './dimensions-598464f2.js';
@@ -27,4 +27,4 @@ const Flex = ({ children, hasZeroMargins = true, testId, ...props }) => {
 };
 
 export { Flex as F };
-//# sourceMappingURL=Flex-f0f1bb0d.js.map
+//# sourceMappingURL=Flex-f5fe143f.js.map

package/es/{Flex-f0f1bb0d.js.map → Flex-f5fe143f.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Flex-f0f1bb0d.js","sources":["../../src/UNSAFE_Flex/Flex.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport type { BoxAlignmentProps } from '../utils/UNSAFE_interpolations/boxalignment';\nimport { boxAlignmentInterpolations } from '../utils/UNSAFE_interpolations/boxalignment';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport type { FlexboxProps } from '../utils/UNSAFE_interpolations/flexbox';\nimport { flexboxInterpolations } from '../utils/UNSAFE_interpolations/flexbox';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { baseStyles, marginZeroStyles } from './FlexStyles.css';\n\ntype StyleProps = DimensionProps & FlexboxProps & FlexitemProps & BoxAlignmentProps;\n\ntype Props = StyleProps &\n  TestIdProps & {\n    children?: ComponentChildren;\n    /**\n     * @default true\n     */\n    hasZeroMargins?: boolean;\n  };\n\nconst interpolations = [\n  ...Object.values(dimensionInterpolations),\n  ...Object.values(flexboxInterpolations),\n  ...Object.values(flexitemInterpolations),\n  ...Object.values(boxAlignmentInterpolations)\n];\n\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\nexport const Flex = ({ children, hasZeroMargins = true, testId, ...props }: Props) => {\n  const flexComponentClasses = classNames([baseStyles, hasZeroMargins && marginZeroStyles]);\n  const { class: cls, ...styles } = styleInterpolations(props);\n  const testIdProps = useTestId(testId);\n  return (\n    <div class={`${flexComponentClasses} ${cls}`} style={styles} {...testIdProps}>\n      {children}\n    </div>\n  );\n};\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;AAgCA,MAAM,cAAc,GAAG;AACrB,IAAA,GAAG,MAAM,CAAC,MAAM,CAAC,uBAAuB,CAAC;AACzC,IAAA,GAAG,MAAM,CAAC,MAAM,CAAC,qBAAqB,CAAC;AACvC,IAAA,GAAG,MAAM,CAAC,MAAM,CAAC,sBAAsB,CAAC;AACxC,IAAA,GAAG,MAAM,CAAC,MAAM,CAAC,0BAA0B,CAAC;CAC7C,CAAC;AAEF,MAAM,mBAAmB,GAAG,mBAAmB,CAAQ,cAAc,CAAC,CAAC;AAE1D,MAAA,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,cAAc,GAAG,IAAI,EAAE,MAAM,EAAE,GAAG,KAAK,EAAS,KAAI;AACnF,IAAA,MAAM,oBAAoB,GAAG,UAAU,CAAC,CAAC,UAAU,EAAE,cAAc,IAAI,gBAAgB,CAAC,CAAC,CAAC;AAC1F,IAAA,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,MAAM,EAAE,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;AAC7D,IAAA,MAAM,WAAW,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;AACtC,IAAA,QACEA,GAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,CAAG,EAAA,oBAAoB,IAAI,GAAG,CAAA,CAAE,EAAE,KAAK,EAAE,MAAM,EAAM,GAAA,WAAW,YACzE,QAAQ,EAAA,CACL,EACN;AACJ;;;;"}
+{"version":3,"file":"Flex-f5fe143f.js","sources":["../../src/UNSAFE_Flex/Flex.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport type { BoxAlignmentProps } from '../utils/UNSAFE_interpolations/boxalignment';\nimport { boxAlignmentInterpolations } from '../utils/UNSAFE_interpolations/boxalignment';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport type { FlexboxProps } from '../utils/UNSAFE_interpolations/flexbox';\nimport { flexboxInterpolations } from '../utils/UNSAFE_interpolations/flexbox';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { baseStyles, marginZeroStyles } from './FlexStyles.css';\n\ntype StyleProps = DimensionProps & FlexboxProps & FlexitemProps & BoxAlignmentProps;\n\ntype Props = StyleProps &\n  TestIdProps & {\n    children?: ComponentChildren;\n    /**\n     * @default true\n     */\n    hasZeroMargins?: boolean;\n  };\n\nconst interpolations = [\n  ...Object.values(dimensionInterpolations),\n  ...Object.values(flexboxInterpolations),\n  ...Object.values(flexitemInterpolations),\n  ...Object.values(boxAlignmentInterpolations)\n];\n\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\nexport const Flex = ({ children, hasZeroMargins = true, testId, ...props }: Props) => {\n  const flexComponentClasses = classNames([baseStyles, hasZeroMargins && marginZeroStyles]);\n  const { class: cls, ...styles } = styleInterpolations(props);\n  const testIdProps = useTestId(testId);\n  return (\n    <div class={`${flexComponentClasses} ${cls}`} style={styles} {...testIdProps}>\n      {children}\n    </div>\n  );\n};\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;AAgCA,MAAM,cAAc,GAAG;AACrB,IAAA,GAAG,MAAM,CAAC,MAAM,CAAC,uBAAuB,CAAC;AACzC,IAAA,GAAG,MAAM,CAAC,MAAM,CAAC,qBAAqB,CAAC;AACvC,IAAA,GAAG,MAAM,CAAC,MAAM,CAAC,sBAAsB,CAAC;AACxC,IAAA,GAAG,MAAM,CAAC,MAAM,CAAC,0BAA0B,CAAC;CAC7C,CAAC;AAEF,MAAM,mBAAmB,GAAG,mBAAmB,CAAQ,cAAc,CAAC,CAAC;AAE1D,MAAA,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,cAAc,GAAG,IAAI,EAAE,MAAM,EAAE,GAAG,KAAK,EAAS,KAAI;AACnF,IAAA,MAAM,oBAAoB,GAAG,UAAU,CAAC,CAAC,UAAU,EAAE,cAAc,IAAI,gBAAgB,CAAC,CAAC,CAAC;AAC1F,IAAA,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,MAAM,EAAE,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;AAC7D,IAAA,MAAM,WAAW,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;AACtC,IAAA,QACEA,GAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,CAAG,EAAA,oBAAoB,IAAI,GAAG,CAAA,CAAE,EAAE,KAAK,EAAE,MAAM,EAAM,GAAA,WAAW,YACzE,QAAQ,EAAA,CACL,EACN;AACJ;;;;"}

package/es/{Floating-87cd2bbf.js → Floating-91e0f4c1.js}

@@ -2,10 +2,10 @@
 import { jsxs, jsx } from 'preact/jsx-runtime';
 import { useRef, useState, useLayoutEffect, useMemo, useCallback, useEffect } from 'preact/hooks';
 import { forwardRef } from 'preact/compat';
-import { o as offset, f as flip, l as logicalSide, s as shift, a as limitShift, b as arrow, c as size, u as useFloating, d as autoUpdate } from './useFloating-38c13cfa.js';
+import { o as offset, f as flip, l as logicalSide, s as shift, a as limitShift, b as arrow, c as size, u as useFloating, d as autoUpdate } from './useFloating-98ad16ec.js';
 import { m as mergeRefs } from './refUtils-76275c69.js';
-import { u as useOutsideClick } from './useOutsideClick-552699e3.js';
-import { u as useUser } from './useUser-e1199cab.js';
+import { u as useOutsideClick } from './useOutsideClick-cad76f8b.js';
+import { u as useUser } from './useUser-2c24ff59.js';
 import { u as useComponentTheme } from './useComponentTheme-5f800588.js';
 import { c as classNames } from './classNames-4e12b00d.js';
 import { r as rgba } from './utils-c307ad0a.js';
@@ -462,4 +462,4 @@ const Floating = forwardRef(({ children, backgroundColor, onClickOutside, placem
 });
 
 export { Floating as F };
-//# sourceMappingURL=Floating-87cd2bbf.js.map
+//# sourceMappingURL=Floating-91e0f4c1.js.map