@oracle/oraclejet-preact 15.0.6 → 15.0.8

package/cjs/Floating-afb66f0e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Floating-afb66f0e.js","sources":["../../src/UNSAFE_Floating/FloatingTail.tsx","../../src/UNSAFE_Floating/Floating.tsx"],"sourcesContent":["import { forwardRef, ForwardedRef } from 'preact/compat';\nimport { useMemo, useLayoutEffect, useRef, useState } from 'preact/hooks';\nimport { RefObject } from 'preact';\nimport { PositionData, Coords } from './Floating.types';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { FloatingStyles } from './themes/FloatingStyles.css';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { mergeRefs } from '../utils/PRIVATE_refUtils';\nimport type { ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { Property } from 'csstype';\nimport { rgba } from '../UNSAFE_Theme/utils';\nimport { colorSchemeVars } from '../Common/themes/themeContract.css';\nimport { FloatingRedwoodTheme } from './themes/redwood/FloatingTheme';\n\ntype Props = Pick<ColorProps, 'backgroundColor'> & {\n  data?: PositionData;\n  anchorRef: RefObject<Element | Coords>;\n  tail: 'none' | 'simple';\n  isRtl: boolean;\n};\n\nconst ARROW_SIZE = 7;\nconst ARROW_SIZE_CORNER = 6;\nconst ARROW_INNER_SIZE = 5;\nconst ARROW_INNER_SIZE_CORNER = 5;\n\nconst FloatingTail = forwardRef(\n  (\n    { data, anchorRef, tail, isRtl, backgroundColor }: Props,\n    ref: ForwardedRef<HTMLDivElement | null>\n  ) => {\n    const { styles, baseTheme } = useComponentTheme<never, FloatingStyles>(FloatingRedwoodTheme);\n    const { baseStyle } = styles;\n    const arrowRef = useRef<HTMLDivElement | null>(null);\n    const [arrowStyles, setArrowStyles] = useState({\n      arrowStyle: { visibility: 'hidden' },\n      arrowInnerStyle: { visibility: 'hidden' }\n    });\n\n    useLayoutEffect(() => {\n      if (arrowRef.current == null) return;\n      const { isCornerVerticalPlacement, isCornerHorizontalPlacement } = isCorner(\n        anchorRef,\n        tail,\n        data\n      );\n      setArrowStyles(\n        setStyles(\n          tail,\n          isRtl,\n          isCornerVerticalPlacement,\n          isCornerHorizontalPlacement,\n          data,\n          backgroundColor\n        )\n      );\n    }, [data?.placement, data?.x, data?.y, data?.offset, data?.arrow, tail, isRtl, anchorRef]);\n\n    const stableRef = useMemo(() => mergeRefs(ref, arrowRef), [ref, arrowRef]);\n    return (\n      tail === 'simple' && (\n        <div\n          ref={stableRef}\n          class={classNames([baseTheme, baseStyle])}\n          style={arrowStyles.arrowStyle}>\n          {' '}\n          {/*Outer arrow - shadow*/}\n          <div class={classNames([baseStyle])} style={arrowStyles.arrowInnerStyle}></div>{' '}\n          {/*Inner arrow - body*/}\n        </div>\n      )\n    );\n  }\n);\n\nfunction isCorner(\n  anchorRef: RefObject<Element | Coords>,\n  tail: 'none' | 'simple',\n  data?: PositionData\n) {\n  if (tail === 'simple' && data && data.arrow) {\n    const { centerOffset } = data.arrow;\n    const arrowSize = ARROW_SIZE;\n    let anchorRefHeight = 0;\n    let anchorRefWidth = 0;\n    const current = anchorRef.current;\n    // @ts-ignore. Type 'Element | Coords' issues\n    // Property 'x' does not exist on type 'Element'.\n    // Property 'y' does not exist on type 'Element'.\n    const isAnchorRefElement = current?.x === undefined && current?.y === undefined;\n    if (isAnchorRefElement) {\n      // @ts-ignore. Property 'getBoundingClientRect' does not exist on type 'Coords'.\n      anchorRefHeight = Math.round(current.getBoundingClientRect().height);\n      // @ts-ignore. Property 'getBoundingClientRect' does not exist on type 'Coords'.\n      anchorRefWidth = Math.round(anchorRef.current?.getBoundingClientRect().width);\n    }\n    const isCornerVerticalPlacement = isAnchorRefElement\n      ? Math.abs(centerOffset) >= anchorRefHeight / 2 - arrowSize / 2\n      : ['start-top-corner', 'start-bottom-corner', 'end-top-corner', 'end-bottom-corner'].includes(\n          data.origPlacement\n        );\n    const isCornerHorizontalPlacement = isAnchorRefElement\n      ? Math.abs(centerOffset) >= anchorRefWidth / 2 - arrowSize / 2\n      : ['top-start-corner', 'top-end-corner', 'bottom-start-corner', 'bottom-end-corner'].includes(\n          data.origPlacement\n        );\n\n    return { isCornerVerticalPlacement, isCornerHorizontalPlacement };\n  } else return { isCornerVerticalPlacement: false, isCornerHorizontalPlacement: false };\n}\n\nfunction setStyles(\n  //arrowEl: HTMLDivElement,\n  tail: 'none' | 'simple',\n  isRtl: boolean,\n  isCornerVerticalPlacement: boolean,\n  isCornerHorizontalPlacement: boolean,\n  data?: PositionData,\n  backgroundColor?: Property.BackgroundColor\n) {\n  const result = { visibility: 'visible' };\n  const innerResult = { visibility: 'visible' };\n  if (tail === 'simple' && data && data.arrow) {\n    const { x, y, centerOffset } = data.arrow;\n    const arrowSize = ARROW_SIZE;\n    const arrowSizeCorner = ARROW_SIZE_CORNER;\n    //const arrowInnerEl = arrowEl.querySelector('div') as Element;\n    const arrowInnerSize = ARROW_INNER_SIZE;\n    const arrowInnerSizeCorner = ARROW_INNER_SIZE_CORNER;\n\n    const isCenter = centerOffset === 0;\n    const isCenterOffsetPositive = centerOffset > 0;\n\n    // Set sizes of the arrow\n    setArrowSizes(isCornerVerticalPlacement || isCornerHorizontalPlacement);\n\n    // Corner vs. normal arrow\n    function setArrowSizes(isCornerPlacement?: boolean) {\n      // Outer arrow (shadow)\n      const arrowFinalSize = isCornerPlacement ? arrowSizeCorner : arrowSize;\n      setArrowStyle(\n        {\n          // Tracked: https://jira.oraclecorp.com/jira/browse/JET-58480\n          borderTop: `${getSize(arrowFinalSize)} solid ${rgba(\n            colorSchemeVars.palette.neutral[90],\n            0.1\n          )}`,\n          borderRight: getTransparentBorder(arrowFinalSize),\n          borderLeft: getTransparentBorder(arrowFinalSize)\n        },\n        result\n      );\n      // Inner arrow\n      const arrowInnerFinalSize = isCornerPlacement ? arrowInnerSizeCorner : arrowInnerSize;\n      setArrowInnerStyle(\n        {\n          // Tracked: https://jira.oraclecorp.com/jira/browse/JET-58480\n          borderTop: `${getSize(arrowInnerFinalSize)} solid ${backgroundColor}`,\n          borderRight: `${getTransparentBorder(arrowInnerFinalSize)}`,\n          borderLeft: `${getTransparentBorder(arrowInnerFinalSize)}`\n        },\n        innerResult\n      );\n    }\n\n    function setArrowStyle(style: object, result: object) {\n      Object.assign(result, style);\n    }\n\n    function setArrowInnerStyle(style: object, result: object) {\n      Object.assign(result, style);\n    }\n\n    function getTurn(eighth: number) {\n      return `rotate(${eighth * 45}deg)`;\n    }\n\n    function getSize(size: number) {\n      return `${size}px`;\n    }\n\n    function getTransparentBorder(size: number) {\n      return `${getSize(size)} solid transparent`;\n    }\n\n    const placementArr = data.placement.split('-');\n    const side = placementArr[0];\n\n    switch (side) {\n      case 'top':\n        setArrowTop();\n        break;\n      case 'end':\n        isRtl ? setArrowStart() : setArrowEnd();\n        break;\n      case 'bottom':\n        setArrowBottom();\n        break;\n      case 'start':\n        isRtl ? setArrowEnd() : setArrowStart();\n        break;\n    }\n\n    function setArrowTop() {\n      if (x != undefined) {\n        if (isCornerHorizontalPlacement) {\n          // Top corners\n          setArrowStyle(\n            {\n              top: '', // flip 'reset'\n              bottom: getSize(-arrowSize + 2),\n              left: getSize(x + (isCenterOffsetPositive ? 5 : -5)),\n              transform: getTurn(isCenterOffsetPositive ? 5 : 3)\n            },\n            result\n          );\n          setCornerArrowInner();\n        } else {\n          setArrowStyle(\n            {\n              top: '', // flip 'reset'\n              bottom: getSize(-arrowSize),\n              left: isCenter ? getSize(x) : getSize(x + (isCenterOffsetPositive ? 1 : -1)),\n              transform: getTurn(0)\n            },\n            result\n          );\n          setNonCornerArrowInner();\n        }\n      }\n    }\n\n    function setArrowEnd() {\n      if (y != undefined) {\n        if (isCornerVerticalPlacement) {\n          // End corners\n          setArrowStyle(\n            {\n              top: getSize(y + (isCenterOffsetPositive ? 2 : -2)),\n              right: '', // flip 'reset'\n              left: getSize(-arrowSize - 1),\n              transform: getTurn(isCenterOffsetPositive ? 7 : 5)\n            },\n            result\n          );\n          setCornerArrowInner();\n        } else {\n          // End\n          setArrowStyle(\n            {\n              top: isCenter ? getSize(y) : getSize(y + (isCenterOffsetPositive ? -2 : +2)),\n              right: '', // flip 'reset'\n              left: getSize(-arrowSize * 1.5),\n              transform: getTurn(2)\n            },\n            result\n          );\n          setNonCornerArrowInner();\n        }\n      }\n    }\n\n    function setArrowBottom() {\n      if (x != undefined) {\n        if (isCornerHorizontalPlacement) {\n          // Bottom corners\n          setArrowStyle(\n            {\n              top: getSize(-arrowSize + 3),\n              bottom: '', // flip 'reset'\n              left: getSize(x + (isCenterOffsetPositive ? 4 : -4)),\n              transform: getTurn(isCenterOffsetPositive ? 2 : 6)\n            },\n            result\n          );\n          setArrowInnerStyle(\n            {\n              top: getSize(-arrowInnerSize),\n              left: getSize(-arrowInnerSize + (isCenterOffsetPositive ? 1 : -1))\n            },\n            innerResult\n          );\n        } else {\n          setArrowStyle(\n            {\n              top: getSize(-arrowSize),\n              bottom: '', // flip 'reset'\n              left: isCenter ? getSize(x) : getSize(x + (isCenterOffsetPositive ? 1 : -1)),\n              transform: getTurn(4)\n            },\n            result\n          );\n          setNonCornerArrowInner();\n        }\n      }\n    }\n\n    function setArrowStart() {\n      if (y != undefined) {\n        if (isCornerVerticalPlacement) {\n          // Start corners\n          setArrowStyle(\n            {\n              top: getSize(y + (isCenterOffsetPositive ? 2 : -2)),\n              right: getSize(-arrowSize - 1),\n              left: '', // flip 'reset'\n              transform: getTurn(isCenterOffsetPositive ? 1 : 3)\n            },\n            result\n          );\n          setArrowInnerStyle(\n            {\n              top: getSize(-arrowInnerSize),\n              left: getSize(-arrowInnerSize + (isCenterOffsetPositive ? -2 : 2))\n            },\n            innerResult\n          );\n        } else {\n          // Start\n          setArrowStyle(\n            {\n              top: isCenter ? getSize(y) : getSize(y + (isCenterOffsetPositive ? -2 : +2)),\n              right: getSize(-arrowSize * 1.5),\n              left: '', // flip 'reset'\n              transform: getTurn(6)\n            },\n            result\n          );\n          setNonCornerArrowInner();\n        }\n      }\n    }\n\n    function setCornerArrowInner() {\n      setArrowInnerStyle(\n        {\n          top: getSize(-arrowInnerSize),\n          left: getSize(-arrowInnerSize + (isCenterOffsetPositive ? 2 : -2))\n        },\n        innerResult\n      );\n    }\n\n    function setNonCornerArrowInner() {\n      setArrowInnerStyle(\n        {\n          top: getSize(-arrowInnerSize - 2),\n          left: getSize(-arrowInnerSize)\n        },\n        innerResult\n      );\n    }\n  }\n  return { arrowStyle: result, arrowInnerStyle: innerResult };\n}\n\nexport { FloatingTail };\n","import { RefObject } from 'preact';\nimport { useLayoutEffect, useEffect, useMemo, useState, useRef, useCallback } from 'preact/hooks';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { autoUpdate, arrow } from '@floating-ui/dom';\nimport {\n  useFloating,\n  shift,\n  flip,\n  size,\n  offset,\n  limitShift,\n  VirtualElement,\n  logicalSide\n} from '../hooks/PRIVATE_useFloating';\nimport { Offset, Placement, Coords, PositionData } from './Floating.types';\nimport { mergeRefs } from '../utils/PRIVATE_refUtils';\nimport { useOutsideClick } from '../hooks/UNSAFE_useOutsideClick';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { FloatingTail } from './FloatingTail';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { floatingStyle, floatingVisibilityStyles } from './themes/FloatingStyles.css';\nimport { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { floatingVars } from './themes/FloatingContract.css';\nimport type { ColorProps } from '../utils/UNSAFE_interpolations/colors';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children' | 'class'>;\n/**\n * Specifies the flipping behavior along the respective axis.\n */\nexport type FlipOptions = {\n  /**\n   * If set to true, enables collision detection on the main axis,\n   * which runs along the floating placement side.\n   */\n  mainAxis?: boolean;\n  /**\n   * If set to true, enables collision detection on the cross axis,\n   * which runs along the floating placement side.\n   */\n  crossAxis?: boolean;\n  /**\n   * Specifies an array of placements to try\n   * if the preferred initial placement doesn’t fit on the axes\n   * in which collision is detected.\n   */\n  fallbackPlacements?: Array<Placement>;\n};\n\n/**\n * Specifies the shift behavior along the respective axis.\n * When true, the floating element will shift to prevent overflow.\n */\nexport type ShiftOptions = {\n  /**\n   * main axis in which shifting is applied. Default <code>true</code>.\n   */\n  mainAxis?: boolean;\n  /**\n   * cross axis in which shifting is applied. Default <code>false</code>.\n   */\n  crossAxis?: boolean;\n};\n\n/**\n * This describes the virtual padding around the collision boundary (currently the view port).\n * This could be extended in the future,\n * i.e. property to define what is a boundary ( a view port, a document, some other html element)\n */\nexport type BoundaryOptions = {\n  padding?:\n    | number\n    | {\n        top: number;\n        right: number;\n        bottom: number;\n        left: number;\n      };\n};\n/**\n * Specifies the resizing behaviour for max-height and max-width of the floating component.\n * The floating element will change the size depending on the available space.\n * isMaxHeightAdjusted/isMaxWidthAdjusted - sets the max-height/max-width of the floating to the available space till the collision.\n * maxHeightCeiling/maxWidthCeiling - this is the limit for max-height/max-width that should not be exceeded, even if there is more available space till the collision.\n */\nexport type SizeOptions = {\n  isMaxWidthAdjusted?: boolean;\n  isMaxHeightAdjusted?: boolean;\n  maxHeightCeiling?: number;\n  maxWidthCeiling?: number;\n};\n\ntype Props = IntrinsicProps &\n  Pick<ColorProps, 'backgroundColor'> & {\n    /**\n     * <p>Placement of the floating element relative to its reference element.</p>\n     * <p>Placement consists of two parts, the first part is the side, the second is the alignment.</p>\n     * <p>Possible values are:</p>\n     * <p> <code>'top' </code> <code>'top-start' </code> <code> 'top-end' </code> <code> 'top-start-corner' </code> <code> 'top-end-corner' </code>\n     * <code> 'end' </code> <code> 'end-top'  </code> <code> 'end-bottom' </code> <code> 'end-top-corner' </code> <code> 'end-bottom-corner' </code>\n     * <code> 'bottom'  </code> <code> 'bottom-start'  </code> <code> 'bottom-end' </code> <code> 'bottom-start-corner' </code> <code> 'bottom-end-corner' </code>\n     * <code> 'start' </code> <code> 'start-top'  </code> <code> 'start-bottom' </code> <code> 'start-top-corner' </code> <code> 'start-bottom-corner' </code>\n     * </p>\n     */\n    placement?: Placement;\n\n    /**\n     * Trigger element reference.\n     */\n    anchorRef: RefObject<Element | Coords>;\n\n    /**\n     * Placement offset.\n     * Offset displaces the floating element from its core placement along the specified axes.\n     * Offset could be a number or an object\n     * A number represents the distance (gutter or margin) between the floating element and the reference element.\n     * This is shorthand for mainAxis.\n     * <pre>\n     *   {\n     *     mainAxis?: number;\n     *     crossAxis?: number;\n     *   }\n     * </pre>\n     * <p><code>mainAxis</code> - represents the distance (gutter or margin) between the floating element and the reference element.</p>\n     * <p><code>crossAxis</code> - represents the shifting between the floating element and the reference element.<p>\n     */\n    offsetValue?: Offset;\n\n    /**\n     * Click outside callback.\n     */\n    onClickOutside?: (event: MouseEvent) => void;\n\n    /**\n     * FlipOptions object\n     * <pre>\n     * type FlipOptions = {\n     *     mainAxis?: boolean;\n     *     crossAxis?: boolean;\n     *     fallbackPlacements?: Array<Placement>;\n     *   }\n     * </pre>\n     * <p>Specifies the flipping behavior along the respective axis.<p>\n     * <p><code>mainAxis</code> - If set to true, enables collision detection on the main axis, which runs along the floating placement side.\n     * Default is <code>true</code>.\n     * </p>\n     * <p><code>crossAxis</code> - If set to true, enables collision detection on the cross axis, which runs along the floating placement alignment.\n     * Default is <code>false</code>.\n     * </p>\n     * <p><code>fallbackPlacements</code> - specifies an array of placements to try if the preferred initial placement doesn’t fit on the axes in which collision is detected.\n     * The fallback placements will be tried in the order they are specified in the array.\n     * The following placements are allowed as values of the array:\n     * <code>'top'</code>, <code>'top-start'</code>, <code>'top-end'</code>, <code>'start'</code>, <code>'start-top'</code>, <code>'start-bottom'</code>, <code>'bottom'</code>,\n     * <code>'bottom-start'</code>, <code>'bottom-end'</code>, <code>'end'</code>, <code>'end-top'</code>, <code>'end-bottom'</code>.\n     * <p>\n     * If not specified, the default behaviour is to flip to the side <code>opposite</code> to the one in which collision is detected\n     * </p>\n     * </p>\n     */\n    flipOptions?: FlipOptions;\n\n    /**\n     * Specifies the shift behavior along the respective axis. When true, the floating element will shift to prevent overflow.\n     * <pre>\n     * type ShiftOptions = {\n     *  mainAxis?: boolean;\n     *  crossAxis?: boolean;\n     * };\n     * </pre>\n     * <p><code>mainAxis</code> - main axis in which shifting is applied. Default <code>true</code>.</p>\n     * <p><code>crossAxis</code> - cross axis in which shifting is applied. Default <code>false</code>.</p>\n     */\n    shiftOptions?: ShiftOptions;\n\n    /**\n     *  Triggered when placement or coordinates are changed after collision is detected\n     */\n    onPosition?: (data: PositionData) => void;\n\n    /**\n     * Tail\n     */\n    tail?: 'none' | 'simple';\n\n    /**\n     * Specifies the resizing behaviour for max-height and max-width of the floating component.\n     * <pre>\n     * type SizeOptions = {\n     *    isMaxWidthAdjusted?: boolean;\n     *    isMaxHeightAdjusted?: boolean;\n     *    maxHeightCeiling?: number;\n     *    maxWidthCeiling?: number;\n     *  }\n     * </pre>\n     * <p><code>isMaxHeightAdjusted</code> and <code>isMaxWidthAdjusted</code> - sets the max-height/max-width of the floating to the available space till the collision.\n     * When either of the options isMaxHeightAdjusted, isMaxWidthAdjusted is true, the floating element will change the size depending on the available space.\n     * Default values are <code>'false'</code>.</p>\n     * <p><code>maxHeightCeiling</code> and <code>maxWidthCeiling</code> - are maximal values that could not be exceeded.\n     * Defaults are undefined and it means to use full available width/height.</p>\n     */\n    sizeOptions?: SizeOptions;\n\n    /**\n     * <p>This describes the virtual padding around the collision boundary (currently the view port).</p>\n     * <p>This could be extended in the future,\n     * i.e. property to define what is a boundary\n     * ( a view port, a document, some other html element)</p>\n     * <pre>\n     * type BoundaryOptions = {\n     *  padding?: number | {\n     *    top: number;\n     *    right: number;\n     *    bottom: number;\n     *    left: number;\n     *  };\n     * }\n     * </pre>\n     * Default value for padding is 0.\n     */\n    boundaryOptions?: BoundaryOptions;\n  };\n\nfunction isElement(value: any): value is Element {\n  return value instanceof Element;\n}\n\n/**\n * A floating component allows the user to create a floating element that is displayed relative to an anchor element or pointer coordinates\n * and at the same time on the \"top layer\" of all other elements.\n * The Floating component is a base component and is often used by such components as Popup, Tooltip, SelectMultiple, Menu and other components.\n */\nexport const Floating = forwardRef(\n  (\n    {\n      children,\n      backgroundColor,\n      onClickOutside,\n      placement = 'bottom',\n      anchorRef,\n      offsetValue,\n      class: className,\n      tail = 'none',\n      flipOptions = { mainAxis: true, crossAxis: false },\n      shiftOptions = { mainAxis: true, crossAxis: false },\n      sizeOptions = { isMaxHeightAdjusted: false, isMaxWidthAdjusted: false },\n      boundaryOptions = { padding: 0 },\n      onPosition\n    }: Props,\n    ref: ForwardedRef<HTMLElement | null>\n  ) => {\n    const arrowRef = useRef<HTMLDivElement>(null);\n    const [positionData, setPositionData] = useState<PositionData>();\n\n    const [previousAnchor, setPreviousAnchor] = useState<Element | Coords | null>(null);\n\n    // we need to be sure anchorRef.current exists in first call\n    // to be able to set the previousAnchor state\n    useLayoutEffect(() => {\n      setPreviousAnchor(anchorRef.current);\n    }, []);\n\n    // In case anchorRef.current changes and we need to update floating position\n    // when it changes, we need to have copy in the state.\n    // For example when anchorRef is Coords( virtual element)\n    if (anchorRef.current !== previousAnchor) {\n      setPreviousAnchor(anchorRef.current);\n    }\n\n    const { direction } = useUser();\n    const isRtl = direction === 'rtl';\n\n    const _onPosition = useCallback(\n      (data: PositionData) => {\n        setPositionData(data);\n        onPosition?.(data);\n      },\n      [placement, anchorRef, tail, onPosition]\n    );\n\n    const middleware = [\n      offset(offsetValue),\n      flip({\n        mainAxis: flipOptions.mainAxis,\n        crossAxis: flipOptions.crossAxis,\n        fallbackPlacements: flipOptions.fallbackPlacements?.map((placement) =>\n          logicalSide(placement, direction)\n        ),\n        padding: boundaryOptions.padding\n      }),\n      shift({\n        mainAxis: shiftOptions.mainAxis,\n        crossAxis: shiftOptions.crossAxis,\n        limiter: limitShift({\n          mainAxis: shiftOptions.mainAxis,\n          crossAxis: shiftOptions.crossAxis\n        })\n      }),\n      ...(arrowRef.current\n        ? [\n            arrow({\n              element: arrowRef.current\n            })\n          ]\n        : [])\n    ];\n    if (sizeOptions.isMaxHeightAdjusted || sizeOptions.isMaxWidthAdjusted) {\n      middleware.push(\n        size({\n          apply({ availableWidth, availableHeight, elements }) {\n            if (sizeOptions.isMaxHeightAdjusted) {\n              if (parseInt(elements.floating.style.maxHeight) !== availableHeight) {\n                Object.assign(elements.floating.style, {\n                  maxHeight: `${Math.min(\n                    availableHeight,\n                    sizeOptions.maxHeightCeiling || availableHeight\n                  )}px`\n                });\n              }\n            }\n\n            if (sizeOptions.isMaxWidthAdjusted) {\n              if (parseInt(elements.floating.style.maxWidth) !== availableWidth) {\n                Object.assign(elements.floating.style, {\n                  maxWidth: `${Math.min(\n                    availableWidth,\n                    sizeOptions.maxWidthCeiling || availableWidth\n                  )}px`\n                });\n              }\n            }\n          },\n\n          padding: boundaryOptions.padding\n        })\n      );\n    }\n\n    const { x, y, reference, floating, refs, update } = useFloating({\n      placement: placement,\n      middleware: middleware,\n      onPosition: _onPosition\n    });\n\n    // To solve \"loop limit exceeds\" problem from the ResizeObserver in autoUpdate\n    // we need to make sure that we utilize autoUpdate function\n    // after the Floating component is positioned and has x, y coordinates.\n    const [isPositioned, setIsPositioned] = useState(false);\n\n    // here autoUpdate should be called only once during the Component lifecycle,\n    // if the floating, reference, placement and middleware do not change\n    useEffect(() => {\n      if (!refs.reference.current || !refs.floating.current || isPositioned !== true) {\n        return;\n      }\n\n      return autoUpdate(refs.reference.current, refs.floating.current, update);\n    }, [refs.floating, refs.reference, update, isPositioned]);\n\n    // here we should know when the Floating is positioned\n    useEffect(() => {\n      if (x != null && y != null) {\n        setIsPositioned(true);\n      }\n    }, [x, y]);\n\n    useOutsideClick({ isDisabled: false, ref: refs.floating, handler: onClickOutside });\n\n    useLayoutEffect(() => {\n      if (isElement(previousAnchor)) {\n        const element = previousAnchor as Element;\n        reference(element);\n        return;\n      }\n      const coords = previousAnchor as Coords;\n      const virtualEl: VirtualElement = {\n        getBoundingClientRect() {\n          return {\n            width: 0,\n            height: 0,\n            x: coords!.x,\n            y: coords!.y,\n            top: coords!.y,\n            left: coords!.x,\n            right: coords!.x,\n            bottom: coords!.y\n          };\n        }\n      };\n      if (coords && coords.x != null) {\n        reference(virtualEl);\n      }\n    }, [previousAnchor, reference]);\n\n    const stableRef = useMemo(() => mergeRefs(ref, floating), [ref, floating]);\n    const positionStyle = { top: y, left: x };\n\n    let assignedVars = {}; // empty var override unless background is specified\n    if (backgroundColor) {\n      assignedVars = assignInlineVars({\n        [floatingVars.backgroundColor]: backgroundColor\n      });\n    }\n\n    const visibilityStyles =\n      x == null && y == null ? floatingVisibilityStyles.hidden : floatingVisibilityStyles.visible;\n    const floatingClasses = classNames([className, floatingStyle, visibilityStyles]);\n    const content = (\n      <div class={floatingClasses} ref={stableRef} style={{ ...positionStyle, ...assignedVars }}>\n        {children}\n        <FloatingTail\n          ref={arrowRef}\n          backgroundColor={backgroundColor}\n          data={positionData}\n          anchorRef={anchorRef}\n          tail={tail}\n          isRtl={isRtl}\n        />\n      </div>\n    );\n    return content;\n  }\n);\n"],"names":["forwardRef","useComponentTheme","FloatingRedwoodTheme","useRef","useState","useLayoutEffect","useMemo","mergeRefs","_jsxs","classNames","_jsx","rgba","colorSchemeVars","useUser","useCallback","offset","flip","logicalSide","shift","limitShift","arrow","size","useFloating","useEffect","autoUpdate","useOutsideClick","assignInlineVars","floatingVars","floatingVisibilityStyles","floatingStyle"],"mappings":"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"}

package/cjs/FocusTrap-39ad5af0.js

@@ -0,0 +1,137 @@
+/* @oracle/oraclejet-preact: 15.0.8 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var preact = require('preact');
+var compat = require('preact/compat');
+require('./utils/UNSAFE_classNames.js');
+
+var utils_PRIVATE_tabbableUtils = require('./utils/PRIVATE_tabbableUtils.js');
+var classNames = require('./classNames-7b5d0acc.js');
+
+const styles = {
+  guard: "_1ttpuve"
+};
+/**
+ * Styled FocusTrap sub-component to render non-visible focus guards
+ */
+const FocusGuard = compat.forwardRef(({
+  onFocus
+}, guardRef) => {
+  return jsxRuntime.jsx("div", {
+    class: styles.guard,
+    onFocus: onFocus,
+    ref: guardRef,
+    tabIndex: 0
+  });
+});
+
+/**
+ * Trap focus within a DOM node.  When a user hits Tab or Shift+Tab, focus remains in the focus trap.
+ */
+const FocusTrap = ({
+  autoFocusRef,
+  children,
+  isDisabled = false,
+  restoreFocusRef
+}) => {
+  const trapRef = compat.useRef(null);
+  const startGuardRef = compat.useRef(null);
+  const endGuardRef = compat.useRef(null);
+  const lastActiveElementRef = compat.useRef(null);
+  // classes to be set on the children wrapper
+  const classes = classNames.classNames([childrenStyles]);
+  /**
+   * contain focus if trap is enabled, and target is not already contained
+   *
+   * calling cases for side-effect of setting focus
+   *   - on initial mount of (enabled) trap, where target is not inside trap
+   *   - on enabling of a disabled trap, where target is not inside trap
+   *   - target of click event is outside of trap.
+   */
+  const conditionallyContainFocus = compat.useCallback(target => {
+    const trap = trapRef.current;
+    //  short-circuit, if trap or target not valid
+    if (isDisabled || !trap || !target) return;
+    // just update ref if, target already has focus
+    if (target && hasFocus([trap, startGuardRef.current, endGuardRef.current], target)) {
+      lastActiveElementRef.current = target;
+      return;
+    }
+    // set focus to last active tab-stop if lastElement is defined and inside trap
+    if (lastActiveElementRef.current) {
+      utils_PRIVATE_tabbableUtils.focusOn(lastActiveElementRef.current);
+    } else {
+      // otherwise just contain focus within trap as target is outside enabled trap and we have no last-known tab-stop
+      utils_PRIVATE_tabbableUtils.focusWithin(trap);
+    }
+  }, [isDisabled]);
+  // loop focus
+  const handleStartGuardOnFocus = event => {
+    if (isDisabled || !trapRef.current) return;
+    utils_PRIVATE_tabbableUtils.focusOnEnd(trapRef.current);
+    // prevent scroll jump and bubbling this event up as a focus event
+    event.stopPropagation();
+    event.preventDefault();
+  };
+  const handleEndGuardOnFocus = event => {
+    if (isDisabled || !trapRef.current) return;
+    utils_PRIVATE_tabbableUtils.focusOnStart(trapRef.current);
+    // prevent scroll jump and bubbling guard event up as a focus event
+    event.stopPropagation();
+    event.preventDefault();
+  };
+  const handleTrapOnFocus = event => {
+    lastActiveElementRef.current = event.target;
+  };
+  // handle initial render or re-render as enabled
+  compat.useEffect(() => {
+    const trap = trapRef.current;
+    if (!trap || isDisabled) return;
+    const originalActiveElement = utils_PRIVATE_tabbableUtils.getActiveElement(trap);
+    // init focus
+    if (autoFocusRef && autoFocusRef.current) {
+      utils_PRIVATE_tabbableUtils.focusOn(autoFocusRef.current);
+    } else {
+      conditionallyContainFocus(originalActiveElement);
+    }
+    const restoreFocusRefForCleanup = restoreFocusRef;
+    return () => {
+      if (restoreFocusRefForCleanup === false) return;
+      restoreFocusAfterUnmount(restoreFocusRefForCleanup?.current || originalActiveElement);
+    };
+  }, [autoFocusRef, conditionallyContainFocus, isDisabled, restoreFocusRef]);
+  return jsxRuntime.jsxs(preact.Fragment, {
+    children: [!isDisabled && jsxRuntime.jsx(FocusGuard, {
+      onFocus: handleStartGuardOnFocus,
+      ref: startGuardRef
+    }), jsxRuntime.jsx("div", {
+      onFocus: handleTrapOnFocus,
+      ref: trapRef,
+      class: classes,
+      children: children
+    }), !isDisabled && jsxRuntime.jsx(FocusGuard, {
+      onFocus: handleEndGuardOnFocus,
+      ref: endGuardRef
+    })]
+  });
+};
+// setTimeout ensures that unmount lifecycle has completed
+const restoreFocusAfterUnmount = element => {
+  if (element && utils_PRIVATE_tabbableUtils.isTabbableElement(element)) {
+    setTimeout(() => {
+      utils_PRIVATE_tabbableUtils.focusOn(element);
+    }, 0);
+  }
+};
+// is focus already contained?
+const hasFocus = (elements, target) => {
+  if (elements.length === 0) return false;
+  const activeElement = target ?? utils_PRIVATE_tabbableUtils.getActiveElement(elements[0]);
+  return elements.some(el => el === activeElement || el?.contains(activeElement));
+};
+// remove margins from children
+const childrenStyles = "p8b9rb";
+
+exports.FocusTrap = FocusTrap;
+//# sourceMappingURL=FocusTrap-39ad5af0.js.map

package/cjs/FocusTrap-39ad5af0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FocusTrap-39ad5af0.js","sources":["../../src/UNSAFE_FocusTrap/FocusGuard.tsx","../../src/UNSAFE_FocusTrap/FocusTrap.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 { forwardRef, ForwardedRef } from 'preact/compat';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\ntype Props = {\n  onFocus: (event: FocusEvent) => void;\n};\n\nconst styles = {\n  guard: cssProps`${{\n    height: '0px',\n    left: 0,\n    position: 'fixed',\n    top: 0,\n    width: '1px'\n  }}`\n};\n\n/**\n * Styled FocusTrap sub-component to render non-visible focus guards\n */\nconst FocusGuard = forwardRef(({ onFocus }: Props, guardRef: ForwardedRef<HTMLDivElement>) => {\n  return <div class={styles.guard} onFocus={onFocus} ref={guardRef} tabIndex={0} />;\n});\n\nexport default FocusGuard;\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 */\nimport { ComponentChildren, Fragment, RefObject } from 'preact';\nimport { useCallback, useEffect, useRef } from 'preact/compat';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport {\n  focusOn,\n  focusOnEnd,\n  focusOnStart,\n  focusWithin,\n  getActiveElement,\n  isTabbableElement\n} from '../utils/PRIVATE_tabbableUtils';\nimport FocusGuard from './FocusGuard';\n\ntype Props = {\n  children: ComponentChildren;\n  /**\n   * Optional Ref to an element to focus on when component mounts\n   * @default - undefined - behavior is to focus on first tabbableElement\n   */\n  autoFocusRef?: RefObject<HTMLElement | null>;\n\n  /**\n   * Sets whether focus is managed and whether guards are present\n   * @default false\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Why a isDisabled prop as compared to ONLY supporting conditional rendering?\n   *\n   *   1) We need an actual HTML Element for the trap, conditional rendering an element potentially breaks consumer CSS\n   *   2) Conditional rendering can short-circuit event bubbling in preact and lead to expected events not bubbling.\n   */\n\n  /**\n   * Optional Ref to element to focus on when component un-mounts, false to disable.\n   * @default - undefined - behavior is to focus on the original activeElement when focus trap was enabled\n   */\n  restoreFocusRef?: RefObject<HTMLElement> | false;\n};\n\n/**\n * Trap focus within a DOM node.  When a user hits Tab or Shift+Tab, focus remains in the focus trap.\n */\nexport const FocusTrap = ({\n  autoFocusRef,\n  children,\n  isDisabled = false,\n  restoreFocusRef\n}: Props) => {\n  const trapRef = useRef<HTMLDivElement>(null);\n  const startGuardRef = useRef<HTMLDivElement>(null);\n  const endGuardRef = useRef<HTMLDivElement>(null);\n  const lastActiveElementRef = useRef<HTMLElement | null>(null);\n\n  // classes to be set on the children wrapper\n  const classes = classNames([childrenStyles]);\n\n  /**\n   * contain focus if trap is enabled, and target is not already contained\n   *\n   * calling cases for side-effect of setting focus\n   *   - on initial mount of (enabled) trap, where target is not inside trap\n   *   - on enabling of a disabled trap, where target is not inside trap\n   *   - target of click event is outside of trap.\n   */\n  const conditionallyContainFocus = useCallback(\n    (target: HTMLElement | null) => {\n      const trap = trapRef.current;\n      //  short-circuit, if trap or target not valid\n      if (isDisabled || !trap || !target) return;\n\n      // just update ref if, target already has focus\n      if (target && hasFocus([trap, startGuardRef.current, endGuardRef.current], target)) {\n        lastActiveElementRef.current = target;\n        return;\n      }\n\n      // set focus to last active tab-stop if lastElement is defined and inside trap\n      if (lastActiveElementRef.current) {\n        focusOn(lastActiveElementRef.current);\n      } else {\n        // otherwise just contain focus within trap as target is outside enabled trap and we have no last-known tab-stop\n        focusWithin(trap);\n      }\n    },\n    [isDisabled]\n  );\n\n  // loop focus\n  const handleStartGuardOnFocus = (event: FocusEvent) => {\n    if (isDisabled || !trapRef.current) return;\n    focusOnEnd(trapRef.current);\n\n    // prevent scroll jump and bubbling this event up as a focus event\n    event.stopPropagation();\n    event.preventDefault();\n  };\n\n  const handleEndGuardOnFocus = (event: FocusEvent) => {\n    if (isDisabled || !trapRef.current) return;\n    focusOnStart(trapRef.current);\n\n    // prevent scroll jump and bubbling guard event up as a focus event\n    event.stopPropagation();\n    event.preventDefault();\n  };\n\n  const handleTrapOnFocus = (event: FocusEvent) => {\n    lastActiveElementRef.current = event.target as HTMLElement;\n  };\n\n  // handle initial render or re-render as enabled\n  useEffect(() => {\n    const trap = trapRef.current;\n    if (!trap || isDisabled) return;\n\n    const originalActiveElement = getActiveElement(trap);\n\n    // init focus\n    if (autoFocusRef && autoFocusRef.current) {\n      focusOn(autoFocusRef.current);\n    } else {\n      conditionallyContainFocus(originalActiveElement);\n    }\n\n    const restoreFocusRefForCleanup = restoreFocusRef;\n\n    return () => {\n      if (restoreFocusRefForCleanup === false) return;\n      restoreFocusAfterUnmount(restoreFocusRefForCleanup?.current || originalActiveElement);\n    };\n  }, [autoFocusRef, conditionallyContainFocus, isDisabled, restoreFocusRef]);\n\n  return (\n    <Fragment>\n      {!isDisabled && <FocusGuard onFocus={handleStartGuardOnFocus} ref={startGuardRef} />}\n      <div onFocus={handleTrapOnFocus} ref={trapRef} class={classes}>\n        {children}\n      </div>\n      {!isDisabled && <FocusGuard onFocus={handleEndGuardOnFocus} ref={endGuardRef} />}\n    </Fragment>\n  );\n};\n\n// setTimeout ensures that unmount lifecycle has completed\nconst restoreFocusAfterUnmount = (element: HTMLElement | null) => {\n  if (element && isTabbableElement(element)) {\n    setTimeout(() => {\n      focusOn(element);\n    }, 0);\n  }\n};\n\n// is focus already contained?\nconst hasFocus = (elements: (HTMLElement | null)[], target: Element) => {\n  if (elements.length === 0) return false;\n  const activeElement = target ?? getActiveElement(elements[0] as Node);\n  return elements.some((el) => el === activeElement || el?.contains(activeElement));\n};\n\n// remove margins from children\nconst childrenStyles = cssProps`${{\n  /* @ts-ignore */\n  '& > *': {\n    marginTop: '0 !important',\n    marginBottom: '0 !important',\n    marginLeft: '0 !important',\n    marginRight: '0 !important'\n  }\n}}`;\n"],"names":["styles","FocusGuard","forwardRef","onFocus","guardRef","_jsx","class","guard","ref","tabIndex","FocusTrap","autoFocusRef","children","isDisabled","restoreFocusRef","trapRef","useRef","startGuardRef","endGuardRef","lastActiveElementRef","conditionallyContainFocus","useCallback","target","trap","current","hasFocus","focusOn","handleStartGuardOnFocus","event","focusOnEnd","handleEndGuardOnFocus","focusOnStart","handleTrapOnFocus","originalActiveElement","getActiveElement","restoreFocusAfterUnmount","restoreFocusRefForCleanup","element","isTabbableElement","elements","length","childrenStyles"],"mappings":"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"}

package/cjs/Heading-ab1c563b.js

@@ -0,0 +1,29 @@
+/* @oracle/oraclejet-preact: 15.0.8 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var utils_UNSAFE_arrayUtils = require('./utils/UNSAFE_arrayUtils.js');
+var UNSAFE_Heading_themes_HeadingStyles_css = require('./UNSAFE_Heading/themes/HeadingStyles.css.js');
+
+const headingElementTypes = utils_UNSAFE_arrayUtils.stringLiteralArray(['h1', 'h2', 'h3', 'h4', 'h5', 'h6']);
+const headingsizeMap = {
+    h1: '2xl',
+    h2: 'xl',
+    h3: 'lg',
+    h4: 'md',
+    h5: 'sm',
+    h6: 'xs'
+};
+const sizeOptions = ['xs', 'sm', 'md', 'lg', 'xl', '2xl', 'inherit'];
+function Heading({ children, as, size, id }) {
+    const Component = as;
+    //@ts-ignore
+    size = size ?? headingsizeMap[Component];
+    const classes = UNSAFE_Heading_themes_HeadingStyles_css.multiVariantStyles({ size });
+    return (jsxRuntime.jsx(Component, { className: classes, id: id, children: children }));
+}
+
+exports.Heading = Heading;
+exports.headingElementTypes = headingElementTypes;
+exports.sizeOptions = sizeOptions;
+//# sourceMappingURL=Heading-ab1c563b.js.map

package/cjs/Heading-ab1c563b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading-ab1c563b.js","sources":["../../src/UNSAFE_Heading/Heading.tsx"],"sourcesContent":["import { ComponentChildren } from 'preact';\nimport { stringLiteralArray } from '../utils/UNSAFE_arrayUtils';\nimport { multiVariantStyles } from './themes/HeadingStyles.css';\n\nexport const headingElementTypes = stringLiteralArray(['h1', 'h2', 'h3', 'h4', 'h5', 'h6']);\n\ntype ElementType = typeof headingElementTypes[number];\n\ntype HeadingProps = {\n  /**\n   * Specifies the heading tag\n   */\n  as: ElementType;\n\n  /**\n   * Specifies the font size and line height. The default value of this property is theme driven.\n   */\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'inherit';\n\n  /**\n   * Specifies the header id\n   */\n  id?: string;\n\n  /**\n   * Specifies the children\n   */\n  children: ComponentChildren;\n};\n\nconst headingsizeMap: { [headingType in ElementType]: string } = {\n  h1: '2xl',\n  h2: 'xl',\n  h3: 'lg',\n  h4: 'md',\n  h5: 'sm',\n  h6: 'xs'\n};\n\nexport const sizeOptions = ['xs', 'sm', 'md', 'lg', 'xl', '2xl', 'inherit'];\n\nexport function Heading({ children, as, size, id }: HeadingProps) {\n  const Component = as;\n  //@ts-ignore\n  size = size ?? headingsizeMap[Component];\n  const classes = multiVariantStyles({ size });\n  return (\n    <Component className={classes} id={id}>\n      {children}\n    </Component>\n  );\n}\n"],"names":["stringLiteralArray","multiVariantStyles","_jsx"],"mappings":";;;;;;;MAIa,mBAAmB,GAAGA,0CAAkB,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE;AA0B5F,MAAM,cAAc,GAA6C;AAC/D,IAAA,EAAE,EAAE,KAAK;AACT,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,EAAE,EAAE,IAAI;CACT,CAAC;AAEW,MAAA,WAAW,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE;AAEtE,SAAU,OAAO,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAgB,EAAA;IAC9D,MAAM,SAAS,GAAG,EAAE,CAAC;;AAErB,IAAA,IAAI,GAAG,IAAI,IAAI,cAAc,CAAC,SAAS,CAAC,CAAC;IACzC,MAAM,OAAO,GAAGC,0DAAkB,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;AAC7C,IAAA,QACEC,cAAA,CAAC,SAAS,EAAA,EAAC,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,EAAA,QAAA,EAClC,QAAQ,EAAA,CACC,EACZ;AACJ;;;;;;"}

package/cjs/HiddenAccessible-13fc40df.js

@@ -0,0 +1,27 @@
+/* @oracle/oraclejet-preact: 15.0.8 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+
+
+const hiddenAccessibleStyle = "sz8rxx";
+/**
+ * HiddenAccessible is a helper component that hides its children visually,
+ * but keeps them visible to screen readers.
+ *
+ */
+function HiddenAccessible({
+  children,
+  id,
+  isHidden
+}) {
+  return jsxRuntime.jsx("span", {
+    id: id,
+    class: hiddenAccessibleStyle,
+    hidden: isHidden,
+    children: children
+  });
+}
+
+exports.HiddenAccessible = HiddenAccessible;
+//# sourceMappingURL=HiddenAccessible-13fc40df.js.map

package/cjs/HiddenAccessible-13fc40df.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HiddenAccessible-13fc40df.js","sources":["../../src/UNSAFE_HiddenAccessible/HiddenAccessible.tsx"],"sourcesContent":["import { ComponentChildren } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\nconst hiddenAccessibleStyle = cssProps`${{\n  border: 0,\n  clip: 'rect(0 0 0 0)',\n  height: '1px',\n  margin: '-1px',\n  overflowX: 'hidden',\n  overflowY: 'hidden',\n  paddingTop: 0,\n  paddingRight: 0,\n  paddingBottom: 0,\n  paddingLeft: 0,\n  width: '1px',\n  position: 'absolute'\n}}`;\n\ntype HiddenAccessibleProps = {\n  /**\n   * Specifies the ComponentChildren\n   */\n  children?: ComponentChildren;\n\n  /**\n   * HTML id for the rendered element\n   */\n  id?: string;\n\n  /**\n   * Specifies whether the element is hidden to the screen readers by default.\n   * However, one can override it using aria-describedby/aria-labelledby. This is\n   * useful when the content should be read only as a description for another content\n   * and not as a content of the container.\n   */\n  isHidden?: boolean;\n};\n\n/**\n * HiddenAccessible is a helper component that hides its children visually,\n * but keeps them visible to screen readers.\n *\n */\nfunction HiddenAccessible({ children, id, isHidden }: HiddenAccessibleProps) {\n  return (\n    <span id={id} class={hiddenAccessibleStyle} hidden={isHidden}>\n      {children}\n    </span>\n  );\n}\n\nexport { HiddenAccessible };\n"],"names":["hiddenAccessibleStyle","HiddenAccessible","children","id","isHidden","_jsx","class","hidden"],"mappings":";;;;;;AAGA,MAAAA,qBAAA,GAaC,QAAA,CAAA;AAsBD;;;;AAIG;AACH,SAAAC,gBAAAA,CAAA;EAAAC,QAAA;EAAAC,EAAA;AAAAC,EAAAA,QAAAA;AAAA,CAAA,EAAA;EACE,OAAAC,cAAA,CAAA,MAAA,EAAA;AAAAF,IAAAA,EAAA,EAAAA,EAAA;AAAAG,IAAAA,KAAA,EAAAN,qBAAA;AAAAO,IAAAA,MAAA,EAAAH,QAAA;AAAAF,IAAAA,QAAA,EAAAA,QAAAA;AAAA,GAAA,CAAA,CAAA;AAKF;;;;"}

package/cjs/HighlightText-1d0750b1.js

@@ -0,0 +1,44 @@
+/* @oracle/oraclejet-preact: 15.0.8 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var preact = require('preact');
+
+
+const highlightStyles = "_1nutpct";
+/**
+ * Renders a text string with highlighting applied to the given text to match.
+ */
+function HighlightText({
+  children = '',
+  matchText = ''
+}) {
+  return highlighter(children, matchText);
+}
+const HIGHLIGHT_TOKEN = '__@@__';
+const HIGHLIGHT_PATTERN = `${HIGHLIGHT_TOKEN}$&${HIGHLIGHT_TOKEN}`;
+function highlighter(unhighlightedText, matchText) {
+  if (matchText.length > 0 && unhighlightedText.length > 0) {
+    const escapedMatchText = escapeRegExp(matchText);
+    const highlightedText = unhighlightedText.replace(new RegExp(escapedMatchText, 'gi'), HIGHLIGHT_PATTERN);
+    const tokens = highlightedText.split(HIGHLIGHT_TOKEN);
+    const nodes = tokens.map((current, index) => index % 2 == 0 ? current : jsxRuntime.jsx("span", {
+      class: highlightStyles,
+      children: current
+    }));
+    return jsxRuntime.jsx(preact.Fragment, {
+      children: nodes
+    });
+  }
+  return jsxRuntime.jsx(preact.Fragment, {
+    children: unhighlightedText
+  });
+}
+function escapeRegExp(str) {
+  // copied from:
+  // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions#Escaping
+  return str.replace(/[.*+\-?^${}()|[\]\\]/g, '\\$&'); // $& means the whole matched string
+}
+
+exports.HighlightText = HighlightText;
+//# sourceMappingURL=HighlightText-1d0750b1.js.map

package/cjs/HighlightText-1d0750b1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HighlightText-1d0750b1.js","sources":["../../src/UNSAFE_HighlightText/HighlightText.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 { Fragment } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\nconst highlightStyles = cssProps`${{\n  fontWeight: 700\n}}`;\n\ntype Props = {\n  /**\n   * The text string to apply highlighting to.\n   */\n  children?: string;\n  /**\n   * The text string to match.\n   */\n  matchText?: string;\n};\n\n/**\n * Renders a text string with highlighting applied to the given text to match.\n */\nexport function HighlightText({ children = '', matchText = '' }: Props) {\n  return highlighter(children, matchText);\n}\n\nconst HIGHLIGHT_TOKEN = '__@@__';\nconst HIGHLIGHT_PATTERN = `${HIGHLIGHT_TOKEN}$&${HIGHLIGHT_TOKEN}`;\n\nfunction highlighter(unhighlightedText: string, matchText: string) {\n  if (matchText.length > 0 && unhighlightedText.length > 0) {\n    const escapedMatchText = escapeRegExp(matchText);\n    const highlightedText = unhighlightedText.replace(\n      new RegExp(escapedMatchText, 'gi'),\n      HIGHLIGHT_PATTERN\n    );\n    const tokens = highlightedText.split(HIGHLIGHT_TOKEN);\n    const nodes = tokens.map((current, index) =>\n      index % 2 == 0 ? current : <span class={highlightStyles}>{current}</span>\n    );\n    return <Fragment>{nodes}</Fragment>;\n  }\n  return <Fragment>{unhighlightedText}</Fragment>;\n}\n\nfunction escapeRegExp(str: string) {\n  // copied from:\n  // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions#Escaping\n  return str.replace(/[.*+\\-?^${}()|[\\]\\\\]/g, '\\\\$&'); // $& means the whole matched string\n}\n"],"names":["highlightStyles","HighlightText","children","matchText","highlighter","HIGHLIGHT_TOKEN","HIGHLIGHT_PATTERN","unhighlightedText","escapedMatchText","escapeRegExp","highlightedText","replace","RegExp","nodes","tokens","map","current","index","_jsx","class","Fragment","str"],"mappings":";;;;;;;AAWA,MAAAA,eAAA,GAEC,UAAA,CAAA;AAaD;;AAEG;AACH,SAAAC,aAAAA,CAAA;AAAAC,EAAAA,QAAA,GAAA,EAAA;AAAAC,EAAAA,SAAA,GAAA,EAAA;AAAA,CAAA,EAAA;AACE,EAAA,OAAAC,WAAA,CAAAF,QAAA,EAAAC,SAAA,CAAA,CAAA;AACF,CAAA;AAEA,MAAAE,eAAA,GAAA,QAAA,CAAA;AACA,MAAAC,iBAAA,GAAA,CAAA,EAAAD,eAAA,CAAA,EAAA,EAAAA,eAAA,CAAA,CAAA,CAAA;AAEA,SAAAD,WAAAA,CAAAG,iBAAA,EAAAJ,SAAA,EAAA;;AAEI,IAAA,MAAAK,gBAAA,GAAAC,YAAA,CAAAN,SAAA,CAAA,CAAA;AACA,IAAA,MAAAO,eAAA,GAAAH,iBAAA,CAAAI,OAAA,CAAA,IAAAC,MAAA,CAAAJ,gBAAA,EAAA,IAAA,CAAA,EAAAF,iBAAA,CAAA,CAAA;;IAKA,MAAAO,KAAA,GAAAC,MAAA,CAAAC,GAAA,CAAA,CAAAC,OAAA,EAAAC,KAAA,KAAAA,KAAA,GAAA,CAAA,IAAA,CAAA,GAAAD,OAAA,GAAAE,cAAA,CAAA,MAAA,EAAA;AAAAC,MAAAA,KAAA,EAAAnB,eAAA;AAAAE,MAAAA,QAAA,EAAAc,OAAAA;AAAA,KAAA,CAAA,CAAA,CAAA;IAGA,OAAAE,cAAA,CAAAE,eAAA,EAAA;AAAAlB,MAAAA,QAAA,EAAAW,KAAAA;AAAA,KAAA,CAAA,CAAA;AACD,GAAA;EACD,OAAAK,cAAA,CAAAE,eAAA,EAAA;AAAAlB,IAAAA,QAAA,EAAAK,iBAAAA;AAAA,GAAA,CAAA,CAAA;AACF,CAAA;AAEA,SAAAE,YAAAA,CAAAY,GAAA,EAAA;;;;AAIA;;;;"}

package/cjs/Icon-d53bfd6f.js

@@ -0,0 +1,48 @@
+/* @oracle/oraclejet-preact: 15.0.8 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var preact = require('preact');
+var utils_UNSAFE_size = require('./utils/UNSAFE_size.js');
+var hooks_UNSAFE_useTooltip = require('./hooks/UNSAFE_useTooltip.js');
+var UNSAFE_Icon_themes_IconStyle_css = require('./UNSAFE_Icon/themes/IconStyle.css.js');
+
+const Icon = ({ size = '1em', color = 'currentColor', accessibleLabel = '', viewBox = 'none', children }) => (jsxRuntime.jsx(Svg, { height: "1em", width: "1em", viewBox: viewBox, accessibleLabel: accessibleLabel, class: UNSAFE_Icon_themes_IconStyle_css.styles[color], style: { fontSize: size === '1em' ? size : `${utils_UNSAFE_size.sizeToCSS(size)}` }, children: children }));
+const Svg = ({ accessibleLabel, ...otherProps }) => accessibleLabel ? (jsxRuntime.jsx(SemanticSvg, { accessibleLabel: accessibleLabel, ...otherProps })) : (jsxRuntime.jsx(DecorativeSvg, { ...otherProps }));
+const DecorativeSvg = (props) => jsxRuntime.jsx("svg", { ...props });
+const SemanticSvg = ({ accessibleLabel, children, ...props }) => {
+    // See JET-56791.
+    // We want the same effect as specifying a SVG <title> element for showing a tooltip.
+    // When <title> is used, the SVG is not keyboard focusable by default, and the tooltip only shows up
+    // on mouse hover. Typically any accessibility requirements beyond this should be handled by making the parent
+    // element accessible. This was the approved behavior by APO, and is consistent with the behavior of icons
+    // from other libraries.
+    //
+    // We need to use useTooltip for displaying the tooltip, but it appears spreading the onFocus and onBlur event
+    // handlers generated by the useTooltip hook onto the <svg> causes it to become keyboard focusable*.
+    // To fix this we need to omit spreading the onFocus and onBlur event handlers from the tooltipProps.
+    //
+    // *Most browsers implement the SVG 1.1 spec. There's also a SVG 1.2 Tiny spec that's not
+    // fully implemented in most browsers.
+    // The non-draft version of SVG 1.1 doesn't document the focus conditions and behavior AFAICT.
+    // However it appears browsers implemented the same behavior as the focusable="auto" behavior as described
+    // in SVG 1.2 Tiny: https://www.w3.org/TR/SVGTiny12/interact.html#focus
+    // In particular, it states that if the SVG element has focus related event listeners registered on it, then it becomes focusable.
+    // The spec mentions focusin and focusout event handlers, but not focus event handlers. The reality is
+    // that having a focus event handler registered also causes the <svg> to become focusable (tested on Chrome), and that's
+    // probably because a focus event always precedes a focusin event.
+    // Note also setting focusable="false", or setting tabindex="-1" on the <svg> to prevent it from becoming focusable
+    // doesn't work based on my testing, and that's most probably because the focusable and tabindex attributes are not part
+    // of the SVG 1.1 spec.
+    const { tooltipContent, tooltipProps: { onFocus, onBlur, ...restTooltipProps } } = hooks_UNSAFE_useTooltip.useTooltip({
+        text: accessibleLabel,
+        anchor: {
+            x: 'element',
+            y: 'element'
+        }
+    });
+    return (jsxRuntime.jsxs(preact.Fragment, { children: [jsxRuntime.jsx("svg", { role: "img", ...props, ...restTooltipProps, "aria-label": accessibleLabel, children: children }), tooltipContent] }));
+};
+
+exports.Icon = Icon;
+//# sourceMappingURL=Icon-d53bfd6f.js.map

package/cjs/Icon-d53bfd6f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon-d53bfd6f.js","sources":["../../src/UNSAFE_Icon/Icon.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 { JSX, Fragment } from 'preact';\nimport { Size, sizeToCSS } from '../utils/UNSAFE_size';\nimport { useTooltip } from '../hooks/UNSAFE_useTooltip';\nimport { styles } from './themes/IconStyle.css';\n\ntype IntrinsicProps = JSX.SVGAttributes<SVGSVGElement>;\n\ntype Props = Pick<IntrinsicProps, 'viewBox' | 'children'> & {\n  /**\n   * The size of the component. Defaults to '1em', which means the font size of the parent is used.\n   */\n  size?: Size | '1em';\n  /**\n   * The color of the component. Defaults to 'currentColor', which behaves like the CSS 'currentColor' value.\n   */\n  color?: keyof typeof styles;\n  /**\n   * A label to be used for accessibility purposes.\n   */\n  accessibleLabel?: string;\n};\n\nexport const Icon = ({\n  size = '1em',\n  color = 'currentColor',\n  accessibleLabel = '',\n  viewBox = 'none',\n  children\n}: Props) => (\n  <Svg\n    height=\"1em\"\n    width=\"1em\"\n    viewBox={viewBox}\n    accessibleLabel={accessibleLabel}\n    class={styles[color]}\n    style={{ fontSize: size === '1em' ? size : `${sizeToCSS(size)}` }}>\n    {children}\n  </Svg>\n);\n\ntype BaseSvgProps = Pick<\n  IntrinsicProps,\n  'height' | 'width' | 'viewBox' | 'class' | 'children' | 'style'\n>;\ntype SvgProps = BaseSvgProps & {\n  accessibleLabel: string;\n};\n\nconst Svg = ({ accessibleLabel, ...otherProps }: SvgProps) =>\n  accessibleLabel ? (\n    <SemanticSvg accessibleLabel={accessibleLabel} {...otherProps} />\n  ) : (\n    <DecorativeSvg {...otherProps} />\n  );\n\nconst DecorativeSvg = (props: BaseSvgProps) => <svg {...props} />;\n\nconst SemanticSvg = ({ accessibleLabel, children, ...props }: SvgProps) => {\n  // See JET-56791.\n  // We want the same effect as specifying a SVG <title> element for showing a tooltip.\n  // When <title> is used, the SVG is not keyboard focusable by default, and the tooltip only shows up\n  // on mouse hover. Typically any accessibility requirements beyond this should be handled by making the parent\n  // element accessible. This was the approved behavior by APO, and is consistent with the behavior of icons\n  // from other libraries.\n  //\n  // We need to use useTooltip for displaying the tooltip, but it appears spreading the onFocus and onBlur event\n  // handlers generated by the useTooltip hook onto the <svg> causes it to become keyboard focusable*.\n  // To fix this we need to omit spreading the onFocus and onBlur event handlers from the tooltipProps.\n  //\n  // *Most browsers implement the SVG 1.1 spec. There's also a SVG 1.2 Tiny spec that's not\n  // fully implemented in most browsers.\n  // The non-draft version of SVG 1.1 doesn't document the focus conditions and behavior AFAICT.\n  // However it appears browsers implemented the same behavior as the focusable=\"auto\" behavior as described\n  // in SVG 1.2 Tiny: https://www.w3.org/TR/SVGTiny12/interact.html#focus\n  // In particular, it states that if the SVG element has focus related event listeners registered on it, then it becomes focusable.\n  // The spec mentions focusin and focusout event handlers, but not focus event handlers. The reality is\n  // that having a focus event handler registered also causes the <svg> to become focusable (tested on Chrome), and that's\n  // probably because a focus event always precedes a focusin event.\n  // Note also setting focusable=\"false\", or setting tabindex=\"-1\" on the <svg> to prevent it from becoming focusable\n  // doesn't work based on my testing, and that's most probably because the focusable and tabindex attributes are not part\n  // of the SVG 1.1 spec.\n  const {\n    tooltipContent,\n    tooltipProps: { onFocus, onBlur, ...restTooltipProps }\n  } = useTooltip({\n    text: accessibleLabel,\n    anchor: {\n      x: 'element',\n      y: 'element'\n    }\n  });\n\n  return (\n    <Fragment>\n      <svg role=\"img\" {...props} {...restTooltipProps} aria-label={accessibleLabel}>\n        {children}\n      </svg>\n      {tooltipContent}\n    </Fragment>\n  );\n};\n"],"names":["_jsx","styles","sizeToCSS","useTooltip","_jsxs","Fragment"],"mappings":";;;;;;;;;AA6Ba,MAAA,IAAI,GAAG,CAAC,EACnB,IAAI,GAAG,KAAK,EACZ,KAAK,GAAG,cAAc,EACtB,eAAe,GAAG,EAAE,EACpB,OAAO,GAAG,MAAM,EAChB,QAAQ,EACF,MACNA,cAAA,CAAC,GAAG,EAAA,EACF,MAAM,EAAC,KAAK,EACZ,KAAK,EAAC,KAAK,EACX,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,EAChC,KAAK,EAAEC,uCAAM,CAAC,KAAK,CAAC,EACpB,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,KAAK,KAAK,GAAG,IAAI,GAAG,CAAG,EAAAC,2BAAS,CAAC,IAAI,CAAC,CAAE,CAAA,EAAE,YAChE,QAAQ,EAAA,CACL,EACN;AAUF,MAAM,GAAG,GAAG,CAAC,EAAE,eAAe,EAAE,GAAG,UAAU,EAAY,KACvD,eAAe,IACbF,cAAA,CAAC,WAAW,EAAA,EAAC,eAAe,EAAE,eAAe,EAAM,GAAA,UAAU,GAAI,KAEjEA,cAAC,CAAA,aAAa,OAAK,UAAU,EAAA,CAAI,CAClC,CAAC;AAEJ,MAAM,aAAa,GAAG,CAAC,KAAmB,KAAKA,cAAA,CAAA,KAAA,EAAA,EAAA,GAAS,KAAK,EAAA,CAAI,CAAC;AAElE,MAAM,WAAW,GAAG,CAAC,EAAE,eAAe,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAY,KAAI;;;;;;;;;;;;;;;;;;;;;;;;AAwBxE,IAAA,MAAM,EACJ,cAAc,EACd,YAAY,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,gBAAgB,EAAE,EACvD,GAAGG,kCAAU,CAAC;AACb,QAAA,IAAI,EAAE,eAAe;AACrB,QAAA,MAAM,EAAE;AACN,YAAA,CAAC,EAAE,SAAS;AACZ,YAAA,CAAC,EAAE,SAAS;AACb,SAAA;AACF,KAAA,CAAC,CAAC;IAEH,QACEC,gBAACC,eAAQ,EAAA,EAAA,QAAA,EAAA,CACPL,wBAAK,IAAI,EAAC,KAAK,EAAK,GAAA,KAAK,KAAM,gBAAgB,EAAA,YAAA,EAAc,eAAe,EACzE,QAAA,EAAA,QAAQ,GACL,EACL,cAAc,CACN,EAAA,CAAA,EACX;AACJ,CAAC;;;;"}

package/cjs/IconButton-7b40f870.js

@@ -0,0 +1,21 @@
+/* @oracle/oraclejet-preact: 15.0.8 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var preact = require('preact');
+require('./UNSAFE_BaseButton.js');
+require('./UNSAFE_ButtonLayout.js');
+var compat = require('preact/compat');
+var hooks_UNSAFE_useTooltip = require('./hooks/UNSAFE_useTooltip.js');
+var BaseButton = require('./BaseButton-b2a017a6.js');
+var ButtonLayout = require('./ButtonLayout-1b892763.js');
+
+const IconButton = compat.forwardRef(({ variant = 'outlined', isDisabled = false, isRepeat = false, size = 'md', autofocus, onAction, tooltip, 'aria-label': accessibleLabel, 'aria-describedby': ariaDescribedBy, ...props }, ref) => {
+    const { tooltipContent, tooltipProps } = hooks_UNSAFE_useTooltip.useTooltip({
+        text: tooltip ? tooltip : accessibleLabel
+    });
+    return (jsxRuntime.jsxs(preact.Fragment, { children: [jsxRuntime.jsx(BaseButton.BaseButton, { ...tooltipProps, ref: ref, isDisabled: isDisabled, isRepeat: isRepeat, size: size, autofocus: autofocus, variant: variant, styling: ['min'], onAction: onAction, "aria-describedby": ariaDescribedBy, "aria-label": accessibleLabel ?? tooltip, children: jsxRuntime.jsx(ButtonLayout.ButtonLayout, { display: 'icons', startIcon: props.children, size: size }) }), tooltipContent] }));
+});
+
+exports.IconButton = IconButton;
+//# sourceMappingURL=IconButton-7b40f870.js.map

package/cjs/IconButton-7b40f870.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton-7b40f870.js","sources":["../../src/UNSAFE_IconButton/IconButton.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, Fragment, Ref } from 'preact';\nimport { BaseButton } from '../UNSAFE_BaseButton';\nimport { ButtonLayout } from '../UNSAFE_ButtonLayout';\nimport { forwardRef } from 'preact/compat';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { useTooltip } from '../hooks/UNSAFE_useTooltip';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLButtonElement>, 'autofocus'>;\n\n/**\n * Note that only the ghost variant supports the xs size.\n */\ntype VariantSizeProps =\n  | {\n      /**\n       * Indicates in what states the button has chrome (background and border).\n       *     \"ghost\": \"Ghost buttons are the least prominent variant. Ghost buttons are\n       * useful for performing low-priority tasks, such as manipulating the UI.\",\n       *     \"borderless\"': \"Borderless buttons are a more prominent variant. Borderless\n       * buttons are useful for supplemental actions that require minimal emphasis.\",\n       *     \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n       * solid buttons. Outlined buttons are useful for secondary actions.\",\n       *     \"solid\"': \"Solid buttons stand out, and direct the user's attention to the\n       *  most important actions in the UI.\",\n       *     \"callToAction\"': \"A Call To Action (CTA) button guides the user to take or\n       * complete the action that is the main goal of the page or page section. There\n       * should only be one CTA button on a page at any given time.\",\n       *     \"danger\"': \"A Danger button alerts the user to a dangerous situation.\"\n       */\n      variant?: 'ghost';\n      /**\n       * The size indicates how large the button is rendered.\n       */\n      size?: 'xs' | 'sm' | 'md' | 'lg';\n    }\n  | {\n      variant?: 'borderless' | 'outlined' | 'solid' | 'callToAction' | 'danger';\n\n      size?: 'sm' | 'md' | 'lg';\n    };\n\ntype BaseProps = IntrinsicProps & {\n  /**\n   * Specifies the icon for the button.\n   */\n  children?: ComponentChild;\n\n  /**\n   * Specifies that the button element should be disabled.\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Specifies if repeated events are dispatched for key or pointer held down\n   */\n  isRepeat?: boolean;\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   * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n   */\n  onAction?: () => void | null;\n};\n\n/**\n * Note that either an accessibleLabel or tooltip must be specified.\n */\ntype VariationAccessibleLabelProps =\n  | {\n      /**\n       * accessibleLabel - the aria label\n       */\n      'aria-label': string;\n\n      /**\n       * tooltip - overrides the accessibleLabel for the tooltip\n       */\n      tooltip?: string;\n    }\n  | {\n      'aria-label'?: string;\n\n      tooltip: string;\n    };\n\nexport const IconButton = forwardRef(\n  (\n    {\n      variant = 'outlined',\n      isDisabled = false,\n      isRepeat = false,\n      size = 'md',\n      autofocus,\n      onAction,\n      tooltip,\n      'aria-label': accessibleLabel,\n      'aria-describedby': ariaDescribedBy,\n      ...props\n    }: BaseProps & VariantSizeProps & VariationAccessibleLabelProps,\n    ref?: Ref<HTMLButtonElement>\n  ) => {\n    const { tooltipContent, tooltipProps } = useTooltip({\n      text: tooltip ? tooltip : accessibleLabel\n    });\n    return (\n      <Fragment>\n        <BaseButton\n          {...tooltipProps}\n          ref={ref as Ref<HTMLButtonElement> & Ref<HTMLAnchorElement> & Ref<HTMLSpanElement>}\n          isDisabled={isDisabled}\n          isRepeat={isRepeat}\n          size={size}\n          autofocus={autofocus}\n          variant={variant}\n          styling={['min']}\n          onAction={onAction}\n          aria-describedby={ariaDescribedBy}\n          aria-label={accessibleLabel ?? tooltip}>\n          <ButtonLayout display={'icons'} startIcon={props.children} size={size}></ButtonLayout>\n        </BaseButton>\n        {tooltipContent}\n      </Fragment>\n    );\n  }\n);\n"],"names":["forwardRef","useTooltip","_jsxs","Fragment","_jsx","BaseButton","ButtonLayout"],"mappings":";;;;;;;;;;;;MAiGa,UAAU,GAAGA,iBAAU,CAClC,CACE,EACE,OAAO,GAAG,UAAU,EACpB,UAAU,GAAG,KAAK,EAClB,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,IAAI,EACX,SAAS,EACT,QAAQ,EACR,OAAO,EACP,YAAY,EAAE,eAAe,EAC7B,kBAAkB,EAAE,eAAe,EACnC,GAAG,KAAK,EACqD,EAC/D,GAA4B,KAC1B;AACF,IAAA,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,GAAGC,kCAAU,CAAC;QAClD,IAAI,EAAE,OAAO,GAAG,OAAO,GAAG,eAAe;AAC1C,KAAA,CAAC,CAAC;AACH,IAAA,QACEC,eAAA,CAACC,eAAQ,EAAA,EAAA,QAAA,EAAA,CACPC,eAACC,qBAAU,EAAA,EAAA,GACL,YAAY,EAChB,GAAG,EAAE,GAA6E,EAClF,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,CAAC,KAAK,CAAC,EAChB,QAAQ,EAAE,QAAQ,EACA,kBAAA,EAAA,eAAe,EACrB,YAAA,EAAA,eAAe,IAAI,OAAO,EAAA,QAAA,EACtCD,cAAC,CAAAE,yBAAY,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,GAAiB,EAC3E,CAAA,EACZ,cAAc,CAAA,EAAA,CACN,EACX;AACJ,CAAC;;;;"}

package/cjs/IconMenuButton-c303cdb0.js

@@ -0,0 +1,41 @@
+/* @oracle/oraclejet-preact: 15.0.8 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+require('./UNSAFE_ButtonLayout.js');
+require('./PRIVATE_ThemedIcons/ChevronDownIcon.js');
+require('./UNSAFE_Menu.js');
+var hooks_UNSAFE_useMenuAction = require('./hooks/UNSAFE_useMenuAction.js');
+var hooks_UNSAFE_useTooltip = require('./hooks/UNSAFE_useTooltip.js');
+require('./UNSAFE_BaseButton.js');
+var preact = require('preact');
+var compat = require('preact/compat');
+var hooks = require('preact/hooks');
+var utils_UNSAFE_mergeProps = require('./utils/UNSAFE_mergeProps.js');
+var BaseButton = require('./BaseButton-b2a017a6.js');
+var ButtonLayout = require('./ButtonLayout-1b892763.js');
+var index = require('./index-de85b964.js');
+var Menu = require('./Menu-4eb8547b.js');
+
+/**
+ * A IconMenuButton is a combined action and menu button.
+ */
+const IconMenuButton = compat.forwardRef(({ children, tooltip, accessibleLabel, variant = 'outlined', isDisabled = false, isMenuOpen = false, isIconOnly = false, onToggleMenu, size = 'md', width, icon, 'aria-describedby': ariaDescribedBy }, ref) => {
+    const buttonRef = hooks.useRef(null);
+    hooks.useImperativeHandle(ref, () => buttonRef.current, [buttonRef]);
+    const { triggerProps, menuProps } = hooks_UNSAFE_useMenuAction.useMenuAction({
+        isDisabled: isDisabled,
+        onToggleMenu: onToggleMenu,
+        isMenuOpen: isMenuOpen,
+        anchorRef: buttonRef
+    });
+    const { tooltipContent, tooltipProps } = hooks_UNSAFE_useTooltip.useTooltip({
+        text: tooltip ? tooltip : accessibleLabel,
+        isDisabled: isMenuOpen
+    });
+    const rootButton = (jsxRuntime.jsx(preact.Fragment, { children: jsxRuntime.jsxs(BaseButton.BaseButton, { ...utils_UNSAFE_mergeProps.mergeProps(tooltipProps, triggerProps), styling: isMenuOpen ? ['min', 'active'] : ['min'], isDisabled: isDisabled, variant: variant, width: width, size: size, ref: buttonRef, "aria-describedby": ariaDescribedBy, "aria-label": accessibleLabel ?? tooltip, children: [jsxRuntime.jsx(ButtonLayout.ButtonLayout, { display: 'icons', startIcon: icon, endIcon: isIconOnly ? null : jsxRuntime.jsx(index.SvgChevronDown, {}), size: size }), tooltipContent] }) }));
+    return isDisabled ? (rootButton) : (jsxRuntime.jsxs(preact.Fragment, { children: [rootButton, jsxRuntime.jsx(Menu.Menu, { ...menuProps, children: children })] }));
+});
+
+exports.IconMenuButton = IconMenuButton;
+//# sourceMappingURL=IconMenuButton-c303cdb0.js.map

package/cjs/IconMenuButton-c303cdb0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconMenuButton-c303cdb0.js","sources":["../../src/UNSAFE_IconMenuButton/IconMenuButton.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 { ButtonLayout } from '../UNSAFE_ButtonLayout';\n\nimport { ChevronDownIcon } from '../PRIVATE_ThemedIcons/ChevronDownIcon';\n\nimport { Menu } from '../UNSAFE_Menu';\nimport { useMenuAction, MenuToggleDetail } from '../hooks/UNSAFE_useMenuAction';\nimport { useTooltip } from '../hooks/UNSAFE_useTooltip';\n\nimport { BaseButton } from '../UNSAFE_BaseButton';\n\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\n\nimport { ComponentChildren, ComponentChild, Fragment } from 'preact';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { useRef, useImperativeHandle } from 'preact/hooks';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\n\ntype WidthInterpolationProps = Pick<DimensionProps, 'width'>;\n\nexport type BaseProps = WidthInterpolationProps & {\n  /**\n   * children - One or more MenuItems, dividers, or Menu groups\n   */\n  children?: ComponentChildren;\n\n  /**\n   * The icon is the button's icon.  Note that this is not the menu\n   * expand icon shown on the right (or to the left in right to left mode).\n   */\n  icon?: ComponentChild;\n\n  /**\n   * Specifies that the button element should be disabled.\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Specifies if only the icon is shown, and no down chevron.\n   */\n  isIconOnly?: boolean;\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   * Specifies if the menu is open\n   */\n  isMenuOpen?: boolean;\n\n  /**\n   * Property that triggers a callback immediately when toggle happens and value of expanded property should be updated\n   */\n  onToggleMenu?: (details: MenuToggleDetail) => void;\n\n  /**\n   * Indicates in what states the button has chrome (background and border).\n   *     \"borderless\"': \"Borderless buttons are a more prominent variation. Borderless\n   * buttons are useful for supplemental actions that require minimal emphasis.\",\n   *     \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n   * solid buttons. Outlined buttons are useful for secondary actions.\",\n   *     \"solid\"': \"Solid buttons stand out, and direct the user's attention to the\n   *  most important actions in the UI.\"\n   */\n  variant?: 'borderless' | 'outlined' | 'solid';\n\n  /**\n   * The size indicates how large the button is rendered: \"sm\", \"md\" (default), \"lg\".\n   */\n  size?: 'sm' | 'md' | 'lg';\n};\n\n/**\n * Note that either an accessibleLabel or tooltip must be specified.\n */\ntype VariationAccessibleLabelProps =\n  | {\n      /**\n       * accessibleLabel - the aria label\n       */\n      accessibleLabel: string;\n\n      /**\n       * tooltip - overrides the accessibleLabel for the tooltip\n       */\n      tooltip?: string;\n    }\n  | {\n      accessibleLabel?: string;\n\n      tooltip: string;\n    };\n\n/**\n * A IconMenuButton is a combined action and menu button.\n */\nexport const IconMenuButton = forwardRef(\n  (\n    {\n      children,\n      tooltip,\n      accessibleLabel,\n      variant = 'outlined',\n      isDisabled = false,\n      isMenuOpen = false,\n      isIconOnly = false,\n      onToggleMenu,\n      size = 'md',\n      width,\n      icon,\n      'aria-describedby': ariaDescribedBy\n    }: BaseProps & VariationAccessibleLabelProps,\n    ref?: ForwardedRef<HTMLButtonElement>\n  ) => {\n    const buttonRef = useRef<HTMLButtonElement>(null);\n    useImperativeHandle(ref!, () => buttonRef.current!, [buttonRef]);\n\n    const { triggerProps, menuProps } = useMenuAction({\n      isDisabled: isDisabled,\n      onToggleMenu: onToggleMenu,\n      isMenuOpen: isMenuOpen,\n      anchorRef: buttonRef\n    });\n\n    const { tooltipContent, tooltipProps } = useTooltip({\n      text: tooltip ? tooltip : accessibleLabel,\n      isDisabled: isMenuOpen\n    });\n\n    const rootButton = (\n      <Fragment>\n        <BaseButton\n          {...mergeProps(tooltipProps, triggerProps)}\n          styling={isMenuOpen ? ['min', 'active'] : ['min']}\n          isDisabled={isDisabled}\n          variant={variant}\n          width={width}\n          size={size}\n          ref={buttonRef}\n          aria-describedby={ariaDescribedBy}\n          aria-label={accessibleLabel ?? tooltip}>\n          <ButtonLayout\n            display={'icons'}\n            startIcon={icon}\n            endIcon={isIconOnly ? null : <ChevronDownIcon />}\n            size={size}></ButtonLayout>\n          {tooltipContent}\n        </BaseButton>\n      </Fragment>\n    );\n\n    return isDisabled ? (\n      rootButton\n    ) : (\n      <Fragment>\n        {rootButton}\n        <Menu {...menuProps}>{children}</Menu>\n      </Fragment>\n    );\n  }\n);\n"],"names":["forwardRef","useRef","useImperativeHandle","useMenuAction","useTooltip","_jsx","Fragment","_jsxs","BaseButton","mergeProps","ButtonLayout","ChevronDownIcon","Menu"],"mappings":";;;;;;;;;;;;;;;;;;;AAsGA;;AAEG;MACU,cAAc,GAAGA,iBAAU,CACtC,CACE,EACE,QAAQ,EACR,OAAO,EACP,eAAe,EACf,OAAO,GAAG,UAAU,EACpB,UAAU,GAAG,KAAK,EAClB,UAAU,GAAG,KAAK,EAClB,UAAU,GAAG,KAAK,EAClB,YAAY,EACZ,IAAI,GAAG,IAAI,EACX,KAAK,EACL,IAAI,EACJ,kBAAkB,EAAE,eAAe,EACO,EAC5C,GAAqC,KACnC;AACF,IAAA,MAAM,SAAS,GAAGC,YAAM,CAAoB,IAAI,CAAC,CAAC;AAClD,IAAAC,yBAAmB,CAAC,GAAI,EAAE,MAAM,SAAS,CAAC,OAAQ,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;AAEjE,IAAA,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,GAAGC,wCAAa,CAAC;AAChD,QAAA,UAAU,EAAE,UAAU;AACtB,QAAA,YAAY,EAAE,YAAY;AAC1B,QAAA,UAAU,EAAE,UAAU;AACtB,QAAA,SAAS,EAAE,SAAS;AACrB,KAAA,CAAC,CAAC;AAEH,IAAA,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,GAAGC,kCAAU,CAAC;QAClD,IAAI,EAAE,OAAO,GAAG,OAAO,GAAG,eAAe;AACzC,QAAA,UAAU,EAAE,UAAU;AACvB,KAAA,CAAC,CAAC;IAEH,MAAM,UAAU,IACdC,cAAA,CAACC,eAAQ,EACP,EAAA,QAAA,EAAAC,eAAA,CAACC,qBAAU,EACL,EAAA,GAAAC,kCAAU,CAAC,YAAY,EAAE,YAAY,CAAC,EAC1C,OAAO,EAAE,UAAU,GAAG,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,EACjD,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,SAAS,sBACI,eAAe,EAAA,YAAA,EACrB,eAAe,IAAI,OAAO,aACtCJ,cAAC,CAAAK,yBAAY,IACX,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,IAAI,EACf,OAAO,EAAE,UAAU,GAAG,IAAI,GAAGL,cAAC,CAAAM,oBAAe,KAAG,EAChD,IAAI,EAAE,IAAI,EAAA,CAAiB,EAC5B,cAAc,CAAA,EAAA,CACJ,EACJ,CAAA,CACZ,CAAC;IAEF,OAAO,UAAU,IACf,UAAU,KAEVJ,eAAA,CAACD,eAAQ,EACN,EAAA,QAAA,EAAA,CAAA,UAAU,EACXD,cAAA,CAACO,SAAI,EAAA,EAAA,GAAK,SAAS,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAQ,CAC7B,EAAA,CAAA,CACZ,CAAC;AACJ,CAAC;;;;"}