@oracle/oraclejet-preact 15.0.4 → 15.1.0

package/cjs/hooks/UNSAFE_useTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_useTooltip.js","sources":["../../../src/hooks/UNSAFE_useTooltip/TooltipContent.tsx","../../../src/hooks/UNSAFE_useTooltip/useTooltipControlled.tsx","../../../src/hooks/UNSAFE_useTooltip/useTooltip.tsx","../../../src/hooks/UNSAFE_useTooltip/index.ts"],"sourcesContent":["import { useAnimation } from '../UNSAFE_useAnimation';\nimport { useComponentTheme } from '../UNSAFE_useComponentTheme';\nimport { useEffect, useRef } from 'preact/hooks';\nimport { HTMLAttributesSignalExcluded } from '../../utils/UNSAFE_attributeUtils';\nimport {\n  TooltipContentVariantOptions,\n  TooltipContentStyles\n} from './themes/TooltipContentStyles.css';\n\nimport { useThemeInterpolations } from '../UNSAFE_useThemeInterpolations';\nimport { classNames } from '../../utils/UNSAFE_classNames';\nimport { TooltipContentRedwoodTheme } from './themes/redwood/TooltipContentTheme';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children'>;\n\ntype Status = 'mounted' | 'unmounted';\n\ntype ContentProps = IntrinsicProps & {\n  id: string;\n  isOpen: boolean;\n  isDatatip: boolean;\n  onTransitionEnd: () => void;\n};\n\nexport const TooltipContent = ({\n  children,\n  id,\n  isOpen,\n  isDatatip,\n  onTransitionEnd,\n  ...props\n}: ContentProps) => {\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const popoverRef = useRef<HTMLDivElement>(null);\n\n  const { classes, styles } = useComponentTheme<TooltipContentVariantOptions, TooltipContentStyles>(\n    TooltipContentRedwoodTheme,\n    {\n      variant: isDatatip ? 'datatip' : 'tooltip'\n    }\n  );\n\n  const schemeClass = useThemeInterpolations();\n\n  const { nodeRef } = useAnimation<Status, HTMLDivElement>(isOpen ? 'mounted' : 'unmounted', {\n    animationStates: {\n      mounted: (_node) => {\n        const childNode = _node.firstChild as HTMLDivElement;\n        return {\n          from: {\n            maxHeight: '0',\n            opacity: '0%'\n          },\n          to: {\n            maxHeight: `${childNode?.offsetHeight}px`,\n            opacity: isDatatip ? '100%' : '95%'\n          },\n          options: {\n            duration: isDatatip ? 1 : 100,\n            easing: [0.0, 0.0, 0.2, 1]\n          }\n        };\n      },\n      unmounted: (_node) => {\n        return {\n          from: {\n            opacity: isDatatip ? '100%' : '95%'\n          },\n          to: {\n            maxHeight: '0',\n            opacity: '0%'\n          },\n          options: {\n            duration: isDatatip ? 1 : 100,\n            easing: [0.0, 0.0, 0.2, 1]\n          }\n        };\n      }\n    },\n    isAnimatedOnMount: true,\n    onAnimationEnd: () => onTransitionEnd?.()\n  });\n\n  // Set up initial wrapper height so Tooltip can animate from the bottom to the top\n  useEffect(() => {\n    if (wrapperRef.current && popoverRef.current?.offsetHeight) {\n      wrapperRef.current.style.height = `${popoverRef.current?.offsetHeight}px`;\n    }\n  }, []);\n\n  return (\n    <div ref={wrapperRef} id={id} role=\"tooltip\" class={classNames([styles.wrapper, schemeClass])}>\n      <div ref={nodeRef} class={styles.inner} {...props}>\n        <div ref={popoverRef} class={classes}>\n          {children}\n        </div>\n      </div>\n    </div>\n  );\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 { ComponentChild } from 'preact';\nimport { useState, useRef, useEffect, useLayoutEffect, useCallback } from 'preact/hooks';\nimport { useId } from '../UNSAFE_useId';\nimport { Floating, Placement, Coords } from '../../UNSAFE_Floating';\nimport { Layer } from '../../UNSAFE_Layer';\nimport { useHover } from '../UNSAFE_useHover';\nimport { useFocus } from '../UNSAFE_useFocus';\nimport { useTouch } from '../UNSAFE_useTouch';\nimport { mergeProps } from '../../utils/UNSAFE_mergeProps';\nimport { stringLiteralArray } from '../../utils/UNSAFE_arrayUtils';\nimport { TooltipContent } from './TooltipContent';\nimport { EnvironmentProvider } from '../../UNSAFE_Environment';\nimport { useColorScheme } from '../UNSAFE_useColorScheme';\n\nexport const positions = stringLiteralArray([\n  'start',\n  'top-start',\n  'top',\n  'top-end',\n  'end',\n  'bottom-end',\n  'bottom',\n  'bottom-start'\n]);\ntype Position = typeof positions[number];\n\nconst positionToPlacement = (position: Position) => {\n  let placement: Placement = 'bottom';\n\n  switch (position) {\n    case 'top':\n    case 'end':\n    case 'bottom':\n    case 'start':\n      placement = position as Placement;\n      break;\n\n    case 'top-end':\n      placement = 'top-end-corner';\n      break;\n\n    case 'bottom-end':\n      placement = 'bottom-end-corner';\n      break;\n\n    case 'bottom-start':\n      placement = 'bottom-start-corner';\n      break;\n\n    case 'top-start':\n      placement = 'top-start-corner';\n      break;\n  }\n\n  return placement;\n};\n\nexport const anchorTos = stringLiteralArray(['element', 'pointer']);\ntype AnchorTo = typeof anchorTos[number];\n\ntype AnchorModel = { x: AnchorTo; y: AnchorTo };\n\ntype Props = {\n  text?: string;\n  variant?: 'tooltip' | 'datatip';\n  isOpen: boolean;\n  position?: Position;\n  isDisabled?: boolean;\n  anchor?: AnchorModel;\n  offset?: { mainAxis?: number; crossAxis?: number };\n  onToggle?: (details: { value: boolean }) => void;\n};\n\n/**\n * The 'mounting' and 'unmounting' states are related to the animation. The 'unmounted' state\n * is used for conditional rendering. In this state, the Tooltip content is completely removed\n * from the DOM. The 'mountPending' and 'unmountPending' are used when timeout is active.\n * The 'reposition' state is used to trigger a transition with new coordinates within\n * the same element.\n */\ntype Status =\n  | 'unmounted'\n  | 'mountPending'\n  | 'mounting'\n  | 'mounted'\n  | 'unmountPending'\n  | 'unmounting';\n\nexport const useTooltipControlled = ({\n  text,\n  isOpen = false,\n  variant = 'tooltip',\n  position = 'bottom',\n  isDisabled = false,\n  anchor = { x: 'element', y: 'element' },\n  offset = { mainAxis: 0, crossAxis: 0 },\n  onToggle\n}: Props): {\n  tooltipContent: ComponentChild;\n  tooltipProps: Record<string, any>;\n} => {\n  const disabled = isDisabled || !text;\n  const isInitialRenderState = useRef<boolean>(true);\n  const hiddenWithEsc = useRef<boolean>(false);\n\n  const [state, setState] = useState<Status>(!disabled && isOpen ? 'mounting' : 'unmounted');\n  const [needsUpdate, setNeedsUpdate] = useState<boolean>(false);\n  setNeedsUpdate(false);\n\n  const isDatatip = variant === 'datatip';\n\n  const isInitialRenderTrigger = useRef<boolean>(true);\n  const { hoverProps, isHover } = useHover({});\n  const { touchProps, isTouch } = useTouch({ isDisabled }); // TODO replace by useLongPress actionhook\n  // we only care about keyboard focus, don't enable useFocus hook if isHover or isTouch are active\n  const { focusProps, isFocus } = useFocus({ isDisabled: isHover || isTouch });\n  const { hoverProps: popoverHoverProps, isHover: popoverIsHover } = useHover({ isDisabled });\n\n  const isPointer = anchor.x === 'pointer' || anchor.y === 'pointer';\n\n  const uniqueIdRef = useRef<string>(useId());\n  const targetRef = useRef<HTMLElement | null>(null);\n  const coordsRef = useRef<Coords>({ x: 0, y: 0 });\n  // if anchor is set to pointer and target does not have keyboard focus, use coords\n  const usedRef = isPointer && !isFocus ? coordsRef : targetRef;\n  const delay = isDatatip ? 0 : 250;\n  const toggleTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const updateTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const toggleTimeoutClear = () => {\n    if (toggleTimeoutRef.current) {\n      clearTimeout(toggleTimeoutRef.current);\n    }\n  };\n\n  const updateTimeoutClear = () => {\n    if (updateTimeoutRef.current) {\n      clearTimeout(updateTimeoutRef.current);\n    }\n  };\n\n  const updateState = useCallback(\n    (open: boolean) => {\n      if (open) {\n        // At least one toggle event is set to true\n        switch (state) {\n          case 'unmounting':\n          case 'unmounted':\n            setState('mountPending'); // Set mount pending state if tooltip is unmounted or in unmounting transition\n            break;\n          case 'unmountPending':\n            toggleTimeoutClear();\n            setState('mounted'); // Clear timers immediately and keep the tooltip mounted\n            break;\n        }\n      } else {\n        // No toggle events are set to true\n        switch (state) {\n          case 'mounting':\n          case 'mounted':\n            setState('unmountPending'); // Set unmount pending state if tooltip is mounted or in mounting transition\n            break;\n          case 'mountPending':\n            toggleTimeoutClear();\n            __resetCoords();\n            setState('unmounted'); // Unmount tooltip immediately if mounting is pending\n            break;\n        }\n      }\n    },\n    [state]\n  );\n\n  useEffect(() => {\n    if (isInitialRenderState.current) {\n      // On onitial render do not trigger rerender\n      isInitialRenderState.current = false;\n      return;\n    }\n    setState(isOpen ? 'mounting' : 'unmounting');\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (isInitialRenderTrigger.current) {\n      // On onitial render do not trigger rerender\n      isInitialRenderTrigger.current = false;\n      return;\n    }\n    // When pointer is used, handleMouseMove method is responsible for state updates\n    // until the tooltip is mounted\n    if (isPointer && isHover && state === 'unmounted') {\n      return;\n    }\n    updateTimeoutClear();\n    // isHover and popoverIsHover may change rapidly as the pointer moves between the target\n    // and tooltip. Need to wait for changes to settle to avoid flashing.\n    updateTimeoutRef.current = setTimeout(() => {\n      updateState(isHover || (isFocus && !hiddenWithEsc.current) || popoverIsHover || isTouch);\n    }, 20);\n  }, [\n    isHover,\n    isFocus,\n    popoverIsHover,\n    isTouch,\n    isPointer,\n    state,\n    updateState,\n    hiddenWithEsc.current\n  ]);\n\n  /*\n   In some cases, several state transitions can occur at once. Due to the asynchronous nature\n   of hooks, this can create a race condition. For example, when the cursor leaves the target\n   element and immediately moves to the tooltip itself, the following sequence occurs:\n   1. isHover is set to false and a new render is triggered\n   2. The state is set to 'unmountPending' and a new render is triggered\n   3. Pending timeout is set\n   4. isHover is set to true and a new render is triggered\n   5. Pending timeout is cleared\n   However, sometimes the timeout is cleared before it is set. The useLayoutEffect prevents this\n   race condition by always scheduling the timeout synchronously.\n  */\n  useLayoutEffect(() => {\n    if (state === 'mountPending' || state === 'unmountPending') {\n      toggleTimeoutRef.current = setTimeout(\n        () => onToggle?.({ value: state === 'mountPending' }),\n        delay\n      );\n    }\n  }, [state, delay, onToggle]);\n\n  const handleMouseMove = (event: MouseEvent) => {\n    // we only want track mouse move while the state is 'unmounted' or when moving a 'mounted' datatip\n    if (state !== 'unmounted' && !(variant === 'datatip' && state === 'mounted')) {\n      return;\n    }\n    const targetRect = targetRef?.current?.getBoundingClientRect();\n\n    // Tooltip maintains static offset from left side of window\n    const distanceX = document.body.scrollLeft + (targetRect?.left || 0) + (targetRect?.width || 0);\n\n    // Tooltip maintains static offset from top side of the window\n    const distanceY = document.body.scrollTop + (targetRect?.top || 0) + (targetRect?.height || 0);\n\n    // Display tooltip at the mouse position if both anchors are set to pointer\n    const x = anchor.x === 'pointer' ? event.clientX : distanceX;\n    const y = anchor.y === 'pointer' ? event.clientY : distanceY;\n\n    if (state === 'mounted') {\n      coordsRef.current = { x, y };\n      if (needsUpdate !== true) setNeedsUpdate(true);\n    } else if (state === 'unmounted') {\n      toggleTimeoutClear();\n      toggleTimeoutRef.current = setTimeout(() => {\n        if (state === 'unmounted') {\n          coordsRef.current = { x, y };\n          onToggle?.({ value: true });\n        }\n      }, delay);\n    }\n  };\n\n  const focusInitProps = {\n    onFocus: useCallback(\n      (event: FocusEvent) => {\n        if (\n          event.eventPhase === Event.AT_TARGET ||\n          (event.eventPhase === Event.BUBBLING_PHASE && isDatatip)\n        ) {\n          targetRef.current = event.target as HTMLElement;\n        }\n      },\n      [isDatatip]\n    ),\n\n    onBlur: useCallback((event: FocusEvent) => {\n      if (event.eventPhase === Event.AT_TARGET) {\n        hiddenWithEsc.current = false;\n      }\n    }, [])\n  };\n\n  const hoverInitProps = {\n    onMouseEnter: useCallback(\n      (event: MouseEvent) => {\n        if (\n          event.eventPhase === Event.AT_TARGET ||\n          (event.eventPhase === Event.BUBBLING_PHASE && isDatatip)\n        ) {\n          targetRef.current = event.target as HTMLElement;\n        }\n      },\n      [isDatatip]\n    )\n  };\n\n  const keyInitProps = {\n    onKeyUp: useCallback(\n      (event: KeyboardEvent) => {\n        if (event.code === 'Escape') {\n          event.preventDefault();\n          hiddenWithEsc.current = true;\n          onToggle?.({ value: false });\n        }\n      },\n      [onToggle]\n    )\n  };\n\n  let actionableProps;\n\n  const __resetCoords = () => {\n    coordsRef.current = {x: -9999, y: -9999};\n  }\n\n  if (disabled) {\n    actionableProps = mergeProps(hoverProps, focusProps, hoverInitProps, focusInitProps);\n  } else {\n    const anchorInitProps = {\n      'aria-describedby': uniqueIdRef.current,\n\n      ...(isPointer && {\n        onMouseLeave: () => {\n          if (state === 'mounting') {\n            return;\n          }\n          toggleTimeoutClear();\n        },\n        onMouseMove: (event: MouseEvent) => {\n          if (\n            event.eventPhase === Event.AT_TARGET ||\n            (event.eventPhase === Event.BUBBLING_PHASE && isDatatip)\n          ) {\n            handleMouseMove(event);\n          }\n        }\n      })\n    };\n    actionableProps = mergeProps(\n      hoverProps,\n      focusProps,\n      touchProps,\n      hoverInitProps,\n      focusInitProps,\n      anchorInitProps,\n      keyInitProps\n    );\n  }\n\n  // No need to process tooltip if disabled or no text is provided\n  // Include actionableProps to detect mouseenter in components\n  // hovered state won't update unless actionableProps are already present in the component when mouse enters\n  if (disabled) {\n    toggleTimeoutClear();\n    __resetCoords();\n    return {\n      tooltipContent: null,\n      tooltipProps: actionableProps\n    };\n  }\n\n  const placement = positionToPlacement(position);\n\n  const handleTransitionEnd = () => {\n    if (state === 'mounting') {\n      setState('mounted');\n    }\n    if (state === 'unmounting') {\n      __resetCoords();\n      setState('unmounted');\n    }\n  };\n\n  const currentColorScheme = useColorScheme();\n  const newColorScheme = !currentColorScheme || currentColorScheme === 'light' ? 'dark' : 'light';\n\n  const renderRawContent = (\n    <TooltipContent\n      id={uniqueIdRef.current}\n      isOpen={['mounting', 'mounted', 'unmountPending'].includes(state)}\n      {...popoverHoverProps}\n      isDatatip={isDatatip}\n      onTransitionEnd={handleTransitionEnd}>\n      {text}\n    </TooltipContent>\n  );\n\n  const renderTooltipOrDatatip = () => {\n    if (variant === 'tooltip') {\n      return (\n        <EnvironmentProvider environment={{ colorScheme: newColorScheme }}>\n          {renderRawContent}\n        </EnvironmentProvider>\n      );\n    } else {\n      return <>{renderRawContent}</>;\n    }\n  };\n\n  const renderContent = (\n    <Layer logicalParentRef={targetRef}>\n      <Floating anchorRef={usedRef} placement={placement} offsetValue={offset}>\n        {renderTooltipOrDatatip()}\n      </Floating>\n    </Layer>\n  );\n\n  return {\n    tooltipContent: !['unmounted', 'mountPending'].includes(state) && renderContent,\n    tooltipProps: actionableProps\n  };\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 { useState } from 'preact/hooks';\nimport { useTooltipControlled } from './useTooltipControlled';\n\nconst defaultOffset = 8; // Redwood tooltip has a default offset of 8 pixels\n\ntype tooltipParameters = Parameters<typeof useTooltipControlled>[0];\n\ntype Props = {\n  text?: string;\n  position?: tooltipParameters['position'];\n  isDisabled?: boolean;\n  anchor?: tooltipParameters['anchor'];\n  offset?: { mainAxis?: number; crossAxis?: number };\n  variant?: tooltipParameters['variant'];\n};\n\n/**\n * A hook with tooltip implementation.\n * Returns event handlers that can enhance the target element with a tooltip displayed\n * on hover and focus.\n *\n * @param text tooltip text\n * @param position tooltip placement relative to the target element\n * @param isDisabled determines if the tooltip is disabled\n * @param anchor determines if the target is an element or the pointer\n * @param offset offset from the placement\n * @param variant specifies if the rendered popup should have 'tooltip' or 'datatip' look and behavior\n * @returns an object with the 'tooltipContent' and 'tooltipProps' properties.\n */\nexport const useTooltip = ({\n  text,\n  position = 'bottom',\n  isDisabled = false,\n  anchor = { x: 'element', y: 'element' },\n  offset,\n  variant = 'tooltip'\n}: Props): ReturnType<typeof useTooltipControlled> => {\n  const [isOpen, setIsOpen] = useState<boolean>(false);\n  const disabled = isDisabled || !text;\n  const newOffset = offset ? offset : { mainAxis: defaultOffset, crossAxis: 0 };\n  const { tooltipContent, tooltipProps } = useTooltipControlled({\n    text,\n    isOpen,\n    position,\n    isDisabled: disabled,\n    offset: newOffset,\n    anchor,\n    variant,\n    onToggle: ({ value }) => setIsOpen(value)\n  });\n\n  return {\n    tooltipContent,\n    tooltipProps\n  };\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 */\nexport { useTooltip } from './useTooltip';\nexport { useTooltipControlled } from './useTooltipControlled';\n"],"names":["useRef","useComponentTheme","TooltipContentRedwoodTheme","useThemeInterpolations","useAnimation","useEffect","_jsx","classNames","stringLiteralArray","useState","useHover","useTouch","useFocus","useId","useCallback","useLayoutEffect","mergeProps","useColorScheme","EnvironmentProvider","_Fragment","Layer","Floating"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_useTooltip.js","sources":["../../../src/hooks/UNSAFE_useTooltip/TooltipContent.tsx","../../../src/hooks/UNSAFE_useTooltip/useTooltipControlled.tsx","../../../src/hooks/UNSAFE_useTooltip/useTooltip.tsx","../../../src/hooks/UNSAFE_useTooltip/index.ts"],"sourcesContent":["import { useAnimation } from '../UNSAFE_useAnimation';\nimport { useComponentTheme } from '../UNSAFE_useComponentTheme';\nimport { useEffect, useRef } from 'preact/hooks';\nimport { HTMLAttributesSignalExcluded } from '../../utils/UNSAFE_attributeUtils';\nimport {\n  TooltipContentVariantOptions,\n  TooltipContentStyles\n} from './themes/TooltipContentStyles.css';\n\nimport { useThemeInterpolations } from '../UNSAFE_useThemeInterpolations';\nimport { classNames } from '../../utils/UNSAFE_classNames';\nimport { TooltipContentRedwoodTheme } from './themes/redwood/TooltipContentTheme';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children'>;\n\ntype Status = 'mounted' | 'unmounted';\n\ntype ContentProps = IntrinsicProps & {\n  id: string;\n  isOpen: boolean;\n  isDatatip: boolean;\n  onTransitionEnd: () => void;\n};\n\nexport const TooltipContent = ({\n  children,\n  id,\n  isOpen,\n  isDatatip,\n  onTransitionEnd,\n  ...props\n}: ContentProps) => {\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const popoverRef = useRef<HTMLDivElement>(null);\n\n  const { classes, styles } = useComponentTheme<TooltipContentVariantOptions, TooltipContentStyles>(\n    TooltipContentRedwoodTheme,\n    {\n      variant: isDatatip ? 'datatip' : 'tooltip'\n    }\n  );\n\n  const schemeClass = useThemeInterpolations();\n\n  const { nodeRef } = useAnimation<Status, HTMLDivElement>(isOpen ? 'mounted' : 'unmounted', {\n    animationStates: {\n      mounted: (_node) => {\n        const childNode = _node.firstChild as HTMLDivElement;\n        return {\n          from: {\n            maxHeight: '0',\n            opacity: '0%'\n          },\n          to: {\n            maxHeight: `${childNode?.offsetHeight}px`,\n            opacity: isDatatip ? '100%' : '95%'\n          },\n          options: {\n            duration: isDatatip ? 1 : 100,\n            easing: [0.0, 0.0, 0.2, 1]\n          }\n        };\n      },\n      unmounted: (_node) => {\n        return {\n          from: {\n            opacity: isDatatip ? '100%' : '95%'\n          },\n          to: {\n            maxHeight: '0',\n            opacity: '0%'\n          },\n          options: {\n            duration: isDatatip ? 1 : 100,\n            easing: [0.0, 0.0, 0.2, 1]\n          }\n        };\n      }\n    },\n    isAnimatedOnMount: true,\n    onAnimationEnd: () => onTransitionEnd?.()\n  });\n\n  // Set up initial wrapper height so Tooltip can animate from the bottom to the top\n  useEffect(() => {\n    if (wrapperRef.current && popoverRef.current?.offsetHeight) {\n      wrapperRef.current.style.height = `${popoverRef.current?.offsetHeight}px`;\n    }\n  }, []);\n\n  return (\n    <div ref={wrapperRef} id={id} role=\"tooltip\" class={classNames([styles.wrapper, schemeClass])}>\n      <div ref={nodeRef} class={styles.inner} {...props}>\n        <div ref={popoverRef} class={classNames([classes, styles.content])}>\n          {children}\n        </div>\n      </div>\n    </div>\n  );\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 { ComponentChild } from 'preact';\nimport { useState, useRef, useEffect, useLayoutEffect, useCallback } from 'preact/hooks';\nimport { useId } from '../UNSAFE_useId';\nimport { Floating, Placement, Coords } from '../../UNSAFE_Floating';\nimport { Layer } from '../../UNSAFE_Layer';\nimport { useHover } from '../UNSAFE_useHover';\nimport { useFocus } from '../UNSAFE_useFocus';\nimport { useTouch } from '../UNSAFE_useTouch';\nimport { mergeProps } from '../../utils/UNSAFE_mergeProps';\nimport { stringLiteralArray } from '../../utils/UNSAFE_arrayUtils';\nimport { TooltipContent } from './TooltipContent';\nimport { EnvironmentProvider } from '../../UNSAFE_Environment';\nimport { useColorScheme } from '../UNSAFE_useColorScheme';\n\nexport const positions = stringLiteralArray([\n  'start',\n  'top-start',\n  'top',\n  'top-end',\n  'end',\n  'bottom-end',\n  'bottom',\n  'bottom-start'\n]);\ntype Position = typeof positions[number];\n\nconst positionToPlacement = (position: Position) => {\n  let placement: Placement = 'bottom';\n\n  switch (position) {\n    case 'top':\n    case 'end':\n    case 'bottom':\n    case 'start':\n      placement = position as Placement;\n      break;\n\n    case 'top-end':\n      placement = 'top-end-corner';\n      break;\n\n    case 'bottom-end':\n      placement = 'bottom-end-corner';\n      break;\n\n    case 'bottom-start':\n      placement = 'bottom-start-corner';\n      break;\n\n    case 'top-start':\n      placement = 'top-start-corner';\n      break;\n  }\n\n  return placement;\n};\n\nexport const anchorTos = stringLiteralArray(['element', 'pointer']);\ntype AnchorTo = typeof anchorTos[number];\n\ntype AnchorModel = { x: AnchorTo; y: AnchorTo };\n\ntype Props = {\n  text?: string;\n  variant?: 'tooltip' | 'datatip';\n  isOpen: boolean;\n  position?: Position;\n  isDisabled?: boolean;\n  anchor?: AnchorModel;\n  offset?: { mainAxis?: number; crossAxis?: number };\n  onToggle?: (details: { value: boolean }) => void;\n};\n\n/**\n * The 'mounting' and 'unmounting' states are related to the animation. The 'unmounted' state\n * is used for conditional rendering. In this state, the Tooltip content is completely removed\n * from the DOM. The 'mountPending' and 'unmountPending' are used when timeout is active.\n * The 'reposition' state is used to trigger a transition with new coordinates within\n * the same element.\n */\ntype Status =\n  | 'unmounted'\n  | 'mountPending'\n  | 'mounting'\n  | 'mounted'\n  | 'unmountPending'\n  | 'unmounting';\n\nexport const useTooltipControlled = ({\n  text,\n  isOpen = false,\n  variant = 'tooltip',\n  position = 'bottom',\n  isDisabled = false,\n  anchor = { x: 'element', y: 'element' },\n  offset = { mainAxis: 0, crossAxis: 0 },\n  onToggle\n}: Props): {\n  tooltipContent: ComponentChild;\n  tooltipProps: Record<string, any>;\n} => {\n  const disabled = isDisabled || !text;\n  const isInitialRenderState = useRef<boolean>(true);\n  const hiddenWithEsc = useRef<boolean>(false);\n\n  const [state, setState] = useState<Status>(!disabled && isOpen ? 'mounting' : 'unmounted');\n  const [needsUpdate, setNeedsUpdate] = useState<boolean>(false);\n  setNeedsUpdate(false);\n\n  const isDatatip = variant === 'datatip';\n\n  const isInitialRenderTrigger = useRef<boolean>(true);\n  const { hoverProps, isHover } = useHover({});\n  const { touchProps, isTouch } = useTouch({ isDisabled }); // TODO replace by useLongPress actionhook\n  // we only care about keyboard focus, don't enable useFocus hook if isHover or isTouch are active\n  const { focusProps, isFocus } = useFocus({ isDisabled: isHover || isTouch });\n  const { hoverProps: popoverHoverProps, isHover: popoverIsHover } = useHover({ isDisabled });\n\n  const isPointer = anchor.x === 'pointer' || anchor.y === 'pointer';\n\n  const uniqueIdRef = useRef<string>(useId());\n  const targetRef = useRef<HTMLElement | null>(null);\n  const coordsRef = useRef<Coords>({ x: -9999, y: -9999 });\n  // if anchor is set to pointer and target does not have keyboard focus, use coords\n  const usedRef = isPointer && !isFocus ? coordsRef : targetRef;\n  const delay = isDatatip ? 0 : 250;\n  const toggleTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const updateTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const toggleTimeoutClear = () => {\n    if (toggleTimeoutRef.current) {\n      clearTimeout(toggleTimeoutRef.current);\n    }\n  };\n\n  const updateTimeoutClear = () => {\n    if (updateTimeoutRef.current) {\n      clearTimeout(updateTimeoutRef.current);\n    }\n  };\n\n  const updateState = useCallback(\n    (open: boolean) => {\n      if (open) {\n        // At least one toggle event is set to true\n        switch (state) {\n          case 'unmounting':\n          case 'unmounted':\n            setState('mountPending'); // Set mount pending state if tooltip is unmounted or in unmounting transition\n            break;\n          case 'unmountPending':\n            toggleTimeoutClear();\n            setState('mounted'); // Clear timers immediately and keep the tooltip mounted\n            break;\n        }\n      } else {\n        // No toggle events are set to true\n        switch (state) {\n          case 'mounting':\n          case 'mounted':\n            setState('unmountPending'); // Set unmount pending state if tooltip is mounted or in mounting transition\n            break;\n          case 'mountPending':\n            toggleTimeoutClear();\n            __resetCoords();\n            setState('unmounted'); // Unmount tooltip immediately if mounting is pending\n            break;\n        }\n      }\n    },\n    [state]\n  );\n\n  useEffect(() => {\n    if (isInitialRenderState.current) {\n      // On onitial render do not trigger rerender\n      isInitialRenderState.current = false;\n      return;\n    }\n    setState(isOpen ? 'mounting' : 'unmounting');\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (isInitialRenderTrigger.current) {\n      // On onitial render do not trigger rerender\n      isInitialRenderTrigger.current = false;\n      return;\n    }\n    // When pointer is used, handleMouseMove method is responsible for state updates\n    // until the tooltip is mounted\n    if (isPointer && isHover && state === 'unmounted') {\n      return;\n    }\n    updateTimeoutClear();\n    // isHover and popoverIsHover may change rapidly as the pointer moves between the target\n    // and tooltip. Need to wait for changes to settle to avoid flashing.\n    updateTimeoutRef.current = setTimeout(() => {\n      updateState(isHover || (isFocus && !hiddenWithEsc.current) || popoverIsHover || isTouch);\n    }, 20);\n  }, [\n    isHover,\n    isFocus,\n    popoverIsHover,\n    isTouch,\n    isPointer,\n    state,\n    updateState,\n    hiddenWithEsc.current\n  ]);\n\n  /*\n   In some cases, several state transitions can occur at once. Due to the asynchronous nature\n   of hooks, this can create a race condition. For example, when the cursor leaves the target\n   element and immediately moves to the tooltip itself, the following sequence occurs:\n   1. isHover is set to false and a new render is triggered\n   2. The state is set to 'unmountPending' and a new render is triggered\n   3. Pending timeout is set\n   4. isHover is set to true and a new render is triggered\n   5. Pending timeout is cleared\n   However, sometimes the timeout is cleared before it is set. The useLayoutEffect prevents this\n   race condition by always scheduling the timeout synchronously.\n  */\n  useLayoutEffect(() => {\n    if (state === 'mountPending' || state === 'unmountPending') {\n      toggleTimeoutRef.current = setTimeout(\n        () => onToggle?.({ value: state === 'mountPending' }),\n        delay\n      );\n    }\n  }, [state, delay, onToggle]);\n\n  const handleMouseMove = (event: MouseEvent) => {\n    // we only want track mouse move while the state is 'unmounted' or when moving a 'mounted' datatip\n    if (state !== 'unmounted' && !(variant === 'datatip' && state === 'mounted')) {\n      return;\n    }\n    const targetRect = targetRef?.current?.getBoundingClientRect();\n\n    // Tooltip maintains static offset from left side of window\n    const distanceX = document.body.scrollLeft + (targetRect?.left || 0) + (targetRect?.width || 0);\n\n    // Tooltip maintains static offset from top side of the window\n    const distanceY = document.body.scrollTop + (targetRect?.top || 0) + (targetRect?.height || 0);\n\n    // Display tooltip at the mouse position if both anchors are set to pointer\n    const x = anchor.x === 'pointer' ? event.clientX : distanceX;\n    const y = anchor.y === 'pointer' ? event.clientY : distanceY;\n\n    if (state === 'mounted') {\n      coordsRef.current = { x, y };\n      if (needsUpdate !== true) setNeedsUpdate(true);\n    } else if (state === 'unmounted') {\n      toggleTimeoutClear();\n      toggleTimeoutRef.current = setTimeout(() => {\n        if (state === 'unmounted') {\n          coordsRef.current = { x, y };\n          onToggle?.({ value: true });\n        }\n      }, delay);\n    }\n  };\n\n  const focusInitProps = {\n    onFocus: useCallback(\n      (event: FocusEvent) => {\n        if (\n          event.eventPhase === Event.AT_TARGET ||\n          (event.eventPhase === Event.BUBBLING_PHASE && isDatatip)\n        ) {\n          targetRef.current = event.target as HTMLElement;\n        }\n      },\n      [isDatatip]\n    ),\n\n    onBlur: useCallback((event: FocusEvent) => {\n      if (event.eventPhase === Event.AT_TARGET) {\n        hiddenWithEsc.current = false;\n      }\n    }, [])\n  };\n\n  const hoverInitProps = {\n    onMouseEnter: useCallback(\n      (event: MouseEvent) => {\n        if (\n          event.eventPhase === Event.AT_TARGET ||\n          (event.eventPhase === Event.BUBBLING_PHASE && isDatatip)\n        ) {\n          targetRef.current = event.target as HTMLElement;\n        }\n      },\n      [isDatatip]\n    )\n  };\n\n  const keyInitProps = {\n    onKeyUp: useCallback(\n      (event: KeyboardEvent) => {\n        if (event.code === 'Escape') {\n          event.preventDefault();\n          hiddenWithEsc.current = true;\n          onToggle?.({ value: false });\n        }\n      },\n      [onToggle]\n    )\n  };\n\n  let actionableProps;\n\n  const __resetCoords = () => {\n    coordsRef.current = { x: -9999, y: -9999 };\n  };\n\n  if (disabled) {\n    actionableProps = mergeProps(hoverProps, focusProps, hoverInitProps, focusInitProps);\n  } else {\n    const anchorInitProps = {\n      'aria-describedby': uniqueIdRef.current,\n\n      ...(isPointer && {\n        onMouseLeave: () => {\n          if (state === 'mounting') {\n            return;\n          }\n          toggleTimeoutClear();\n        },\n        onMouseMove: (event: MouseEvent) => {\n          if (\n            event.eventPhase === Event.AT_TARGET ||\n            (event.eventPhase === Event.BUBBLING_PHASE && isDatatip)\n          ) {\n            handleMouseMove(event);\n          }\n        }\n      })\n    };\n    actionableProps = mergeProps(\n      hoverProps,\n      focusProps,\n      touchProps,\n      hoverInitProps,\n      focusInitProps,\n      anchorInitProps,\n      keyInitProps\n    );\n  }\n\n  // No need to process tooltip if disabled or no text is provided\n  // Include actionableProps to detect mouseenter in components\n  // hovered state won't update unless actionableProps are already present in the component when mouse enters\n  if (disabled) {\n    toggleTimeoutClear();\n    __resetCoords();\n    return {\n      tooltipContent: null,\n      tooltipProps: actionableProps\n    };\n  }\n\n  const placement = positionToPlacement(position);\n\n  const handleTransitionEnd = () => {\n    if (state === 'mounting') {\n      setState('mounted');\n    }\n    if (state === 'unmounting') {\n      __resetCoords();\n      setState('unmounted');\n    }\n  };\n\n  const currentColorScheme = useColorScheme();\n  const newColorScheme = !currentColorScheme || currentColorScheme === 'light' ? 'dark' : 'light';\n\n  const renderRawContent = (\n    <TooltipContent\n      id={uniqueIdRef.current}\n      isOpen={['mounting', 'mounted', 'unmountPending'].includes(state)}\n      {...popoverHoverProps}\n      isDatatip={isDatatip}\n      onTransitionEnd={handleTransitionEnd}>\n      {text}\n    </TooltipContent>\n  );\n\n  const renderTooltipOrDatatip = () => {\n    if (variant === 'tooltip') {\n      return (\n        <EnvironmentProvider environment={{ colorScheme: newColorScheme }}>\n          {renderRawContent}\n        </EnvironmentProvider>\n      );\n    } else {\n      return <>{renderRawContent}</>;\n    }\n  };\n\n  const renderContent = (\n    <Layer logicalParentRef={targetRef}>\n      <Floating anchorRef={usedRef} placement={placement} offsetValue={offset}>\n        {renderTooltipOrDatatip()}\n      </Floating>\n    </Layer>\n  );\n\n  return {\n    tooltipContent: !['unmounted', 'mountPending'].includes(state) && renderContent,\n    tooltipProps: actionableProps\n  };\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 { useState } from 'preact/hooks';\nimport { useTooltipControlled } from './useTooltipControlled';\n\nconst defaultOffset = 8; // Redwood tooltip has a default offset of 8 pixels\n\ntype tooltipParameters = Parameters<typeof useTooltipControlled>[0];\n\ntype Props = {\n  text?: string;\n  position?: tooltipParameters['position'];\n  isDisabled?: boolean;\n  anchor?: tooltipParameters['anchor'];\n  offset?: { mainAxis?: number; crossAxis?: number };\n  variant?: tooltipParameters['variant'];\n};\n\n/**\n * A hook with tooltip implementation.\n * Returns event handlers that can enhance the target element with a tooltip displayed\n * on hover and focus.\n *\n * @param text tooltip text\n * @param position tooltip placement relative to the target element\n * @param isDisabled determines if the tooltip is disabled\n * @param anchor determines if the target is an element or the pointer\n * @param offset offset from the placement\n * @param variant specifies if the rendered popup should have 'tooltip' or 'datatip' look and behavior\n * @returns an object with the 'tooltipContent' and 'tooltipProps' properties.\n */\nexport const useTooltip = ({\n  text,\n  position = 'bottom',\n  isDisabled = false,\n  anchor = { x: 'element', y: 'element' },\n  offset,\n  variant = 'tooltip'\n}: Props): ReturnType<typeof useTooltipControlled> => {\n  const [isOpen, setIsOpen] = useState<boolean>(false);\n  const disabled = isDisabled || !text;\n  const newOffset = offset ? offset : { mainAxis: defaultOffset, crossAxis: 0 };\n  const { tooltipContent, tooltipProps } = useTooltipControlled({\n    text,\n    isOpen,\n    position,\n    isDisabled: disabled,\n    offset: newOffset,\n    anchor,\n    variant,\n    onToggle: ({ value }) => setIsOpen(value)\n  });\n\n  return {\n    tooltipContent,\n    tooltipProps\n  };\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 */\nexport { useTooltip } from './useTooltip';\nexport { useTooltipControlled } from './useTooltipControlled';\n"],"names":["useRef","useComponentTheme","TooltipContentRedwoodTheme","useThemeInterpolations","useAnimation","useEffect","_jsx","classNames","stringLiteralArray","useState","useHover","useTouch","useFocus","useId","useCallback","useLayoutEffect","mergeProps","useColorScheme","EnvironmentProvider","_Fragment","Layer","Floating"],"mappings":"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"}

package/cjs/hooks/UNSAFE_useTouch.js

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

package/cjs/hooks/UNSAFE_useTranslationBundle.js

@@ -1,10 +1,10 @@
-/* @oracle/oraclejet-preact: 15.0.4 */
+/* @oracle/oraclejet-preact: 15.1.0 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var hooks = require('preact/hooks');
-var UNSAFE_Environment = require('../index-276a6540.js');
+var UNSAFE_Environment = require('../index-d698145f.js');
 require('preact');
 require('../Common.js');
 require('../Common/themes.js');

package/cjs/hooks/UNSAFE_useUncontrolledState.js

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

package/cjs/hooks/UNSAFE_useUser.js

@@ -1,10 +1,10 @@
-/* @oracle/oraclejet-preact: 15.0.4 */
+/* @oracle/oraclejet-preact: 15.1.0 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var hooks = require('preact/hooks');
-var UNSAFE_Environment = require('../index-276a6540.js');
+var UNSAFE_Environment = require('../index-d698145f.js');
 require('preact');
 require('../Common.js');
 require('../Common/themes.js');

package/cjs/hooks/UNSAFE_useViewportIntersect.js

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

package/cjs/index-46850ea9.js

@@ -0,0 +1,401 @@
+/* @oracle/oraclejet-preact: 15.1.0 */
+'use strict';
+
+var hooks = require('preact/hooks');
+var hooks_UNSAFE_useUser = require('./hooks/UNSAFE_useUser.js');
+var utils_PRIVATE_floatingUtils = require('./utils/PRIVATE_floatingUtils.js');
+
+function t(t){return t.split("-")[0]}function e(t){return t.split("-")[1]}function n$1(e){return ["top","bottom"].includes(t(e))?"x":"y"}function r$1(t){return "y"===t?"height":"width"}function i$1(i,o,a){let{reference:l,floating:s}=i;const c=l.x+l.width/2-s.width/2,f=l.y+l.height/2-s.height/2,u=n$1(o),m=r$1(u),g=l[m]/2-s[m]/2,d="x"===u;let p;switch(t(o)){case"top":p={x:c,y:l.y-s.height};break;case"bottom":p={x:c,y:l.y+l.height};break;case"right":p={x:l.x+l.width,y:f};break;case"left":p={x:l.x-s.width,y:f};break;default:p={x:l.x,y:l.y};}switch(e(o)){case"start":p[u]-=g*(a&&d?-1:1);break;case"end":p[u]+=g*(a&&d?-1:1);}return p}const o$1=async(t,e,n)=>{const{placement:r="bottom",strategy:o="absolute",middleware:a=[],platform:l}=n,s=await(null==l.isRTL?void 0:l.isRTL(e));let c=await l.getElementRects({reference:t,floating:e,strategy:o}),{x:f,y:u}=i$1(c,r,s),m=r,g={},d=0;for(let n=0;n<a.length;n++){const{name:p,fn:h}=a[n],{x:y,y:x,data:w,reset:v}=await h({x:f,y:u,initialPlacement:r,placement:m,strategy:o,middlewareData:g,rects:c,platform:l,elements:{reference:t,floating:e}});f=null!=y?y:f,u=null!=x?x:u,g={...g,[p]:{...g[p],...w}},v&&d<=50&&(d++,"object"==typeof v&&(v.placement&&(m=v.placement),v.rects&&(c=!0===v.rects?await l.getElementRects({reference:t,floating:e,strategy:o}):v.rects),({x:f,y:u}=i$1(c,m,s))),n=-1);}return {x:f,y:u,placement:m,strategy:o,middlewareData:g}};function a$1(t){return "number"!=typeof t?function(t){return {top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}function l$1(t){return {...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}async function s$1(t,e){var n;void 0===e&&(e={});const{x:r,y:i,platform:o,rects:s,elements:c,strategy:f}=t,{boundary:u="clippingAncestors",rootBoundary:m="viewport",elementContext:g="floating",altBoundary:d=!1,padding:p=0}=e,h=a$1(p),y=c[d?"floating"===g?"reference":"floating":g],x=l$1(await o.getClippingRect({element:null==(n=await(null==o.isElement?void 0:o.isElement(y)))||n?y:y.contextElement||await(null==o.getDocumentElement?void 0:o.getDocumentElement(c.floating)),boundary:u,rootBoundary:m,strategy:f})),w=l$1(o.convertOffsetParentRelativeRectToViewportRelativeRect?await o.convertOffsetParentRelativeRectToViewportRelativeRect({rect:"floating"===g?{...s.floating,x:r,y:i}:s.reference,offsetParent:await(null==o.getOffsetParent?void 0:o.getOffsetParent(c.floating)),strategy:f}):s[g]);return {top:x.top-w.top+h.top,bottom:w.bottom-x.bottom+h.bottom,left:x.left-w.left+h.left,right:w.right-x.right+h.right}}const c$1=Math.min,f$1=Math.max;function u$1(t,e,n){return f$1(t,c$1(e,n))}const m$1=t=>({name:"arrow",options:t,async fn(i){const{element:o,padding:l=0}=null!=t?t:{},{x:s,y:c,placement:f,rects:m,platform:g}=i;if(null==o)return {};const d=a$1(l),p={x:s,y:c},h=n$1(f),y=e(f),x=r$1(h),w=await g.getDimensions(o),v="y"===h?"top":"left",b="y"===h?"bottom":"right",R=m.reference[x]+m.reference[h]-p[h]-m.floating[x],A=p[h]-m.reference[h],P=await(null==g.getOffsetParent?void 0:g.getOffsetParent(o));let T=P?"y"===h?P.clientHeight||0:P.clientWidth||0:0;0===T&&(T=m.floating[x]);const O=R/2-A/2,D=d[v],L=T-w[x]-d[b],k=T/2-w[x]/2+O,E=u$1(D,k,L),C=("start"===y?d[v]:d[b])>0&&k!==E&&m.reference[x]<=m.floating[x];return {[h]:p[h]-(C?k<D?D-k:L-k:0),data:{[h]:E,centerOffset:k-E}}}}),g$1={left:"right",right:"left",bottom:"top",top:"bottom"};function d$1(t){return t.replace(/left|right|bottom|top/g,(t=>g$1[t]))}function p$1(t,i,o){void 0===o&&(o=!1);const a=e(t),l=n$1(t),s=r$1(l);let c="x"===l?a===(o?"end":"start")?"right":"left":"start"===a?"bottom":"top";return i.reference[s]>i.floating[s]&&(c=d$1(c)),{main:c,cross:d$1(c)}}const h$1={start:"end",end:"start"};function y$1(t){return t.replace(/start|end/g,(t=>h$1[t]))}const x$1=["top","right","bottom","left"],w$1=x$1.reduce(((t,e)=>t.concat(e,e+"-start",e+"-end")),[]);const v$1=function(n){return void 0===n&&(n={}),{name:"autoPlacement",options:n,async fn(r){var i,o,a,l,c;const{x:f,y:u,rects:m,middlewareData:g,placement:d,platform:h,elements:x}=r,{alignment:v=null,allowedPlacements:b=w$1,autoAlignment:R=!0,...A}=n,P=function(n,r,i){return (n?[...i.filter((t=>e(t)===n)),...i.filter((t=>e(t)!==n))]:i.filter((e=>t(e)===e))).filter((t=>!n||e(t)===n||!!r&&y$1(t)!==t))}(v,R,b),T=await s$1(r,A),O=null!=(i=null==(o=g.autoPlacement)?void 0:o.index)?i:0,D=P[O];if(null==D)return {};const{main:L,cross:k}=p$1(D,m,await(null==h.isRTL?void 0:h.isRTL(x.floating)));if(d!==D)return {x:f,y:u,reset:{placement:P[0]}};const E=[T[t(D)],T[L],T[k]],C=[...null!=(a=null==(l=g.autoPlacement)?void 0:l.overflows)?a:[],{placement:D,overflows:E}],H=P[O+1];if(H)return {data:{index:O+1,overflows:C},reset:{placement:H}};const B=C.slice().sort(((t,e)=>t.overflows[0]-e.overflows[0])),V=null==(c=B.find((t=>{let{overflows:e}=t;return e.every((t=>t<=0))})))?void 0:c.placement,F=null!=V?V:B[0].placement;return F!==d?{data:{index:O+1,overflows:C},reset:{placement:F}}:{}}}};const b$1=function(e){return void 0===e&&(e={}),{name:"flip",options:e,async fn(n){var r;const{placement:i,middlewareData:o,rects:a,initialPlacement:l,platform:c,elements:f}=n,{mainAxis:u=!0,crossAxis:m=!0,fallbackPlacements:g,fallbackStrategy:h="bestFit",flipAlignment:x=!0,...w}=e,v=t(i),b=g||(v===l||!x?[d$1(l)]:function(t){const e=d$1(t);return [y$1(t),e,y$1(e)]}(l)),R=[l,...b],A=await s$1(n,w),P=[];let T=(null==(r=o.flip)?void 0:r.overflows)||[];if(u&&P.push(A[v]),m){const{main:t,cross:e}=p$1(i,a,await(null==c.isRTL?void 0:c.isRTL(f.floating)));P.push(A[t],A[e]);}if(T=[...T,{placement:i,overflows:P}],!P.every((t=>t<=0))){var O,D;const t=(null!=(O=null==(D=o.flip)?void 0:D.index)?O:0)+1,e=R[t];if(e)return {data:{index:t,overflows:T},reset:{placement:e}};let n="bottom";switch(h){case"bestFit":{var L;const t=null==(L=T.map((t=>[t,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])?void 0:L[0].placement;t&&(n=t);break}case"initialPlacement":n=l;}if(i!==n)return {reset:{placement:n}}}return {}}}};function R$1(t,e){return {top:t.top-e.height,right:t.right-e.width,bottom:t.bottom-e.height,left:t.left-e.width}}function A(t){return x$1.some((e=>t[e]>=0))}const P=function(t){let{strategy:e="referenceHidden",...n}=void 0===t?{}:t;return {name:"hide",async fn(t){const{rects:r}=t;switch(e){case"referenceHidden":{const e=R$1(await s$1(t,{...n,elementContext:"reference"}),r.reference);return {data:{referenceHiddenOffsets:e,referenceHidden:A(e)}}}case"escaped":{const e=R$1(await s$1(t,{...n,altBoundary:!0}),r.floating);return {data:{escapedOffsets:e,escaped:A(e)}}}default:return {}}}}};const T$1=function(r){return void 0===r&&(r=0),{name:"offset",options:r,async fn(i){const{x:o,y:a}=i,l=await async function(r,i){const{placement:o,platform:a,elements:l}=r,s=await(null==a.isRTL?void 0:a.isRTL(l.floating)),c=t(o),f=e(o),u="x"===n$1(o),m=["left","top"].includes(c)?-1:1,g=s&&u?-1:1,d="function"==typeof i?i(r):i;let{mainAxis:p,crossAxis:h,alignmentAxis:y}="number"==typeof d?{mainAxis:d,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...d};return f&&"number"==typeof y&&(h="end"===f?-1*y:y),u?{x:h*g,y:p*m}:{x:p*m,y:h*g}}(i,r);return {x:o+l.x,y:a+l.y,data:l}}}};function O(t){return "x"===t?"y":"x"}const D$1=function(e){return void 0===e&&(e={}),{name:"shift",options:e,async fn(r){const{x:i,y:o,placement:a}=r,{mainAxis:l=!0,crossAxis:c=!1,limiter:f={fn:t=>{let{x:e,y:n}=t;return {x:e,y:n}}},...m}=e,g={x:i,y:o},d=await s$1(r,m),p=n$1(t(a)),h=O(p);let y=g[p],x=g[h];if(l){const t="y"===p?"bottom":"right";y=u$1(y+d["y"===p?"top":"left"],y,y-d[t]);}if(c){const t="y"===h?"bottom":"right";x=u$1(x+d["y"===h?"top":"left"],x,x-d[t]);}const w=f.fn({...r,[p]:y,[h]:x});return {...w,data:{x:w.x-i,y:w.y-o}}}}},L$1=function(e){return void 0===e&&(e={}),{options:e,fn(r){const{x:i,y:o,placement:a,rects:l,middlewareData:s}=r,{offset:c=0,mainAxis:f=!0,crossAxis:u=!0}=e,m={x:i,y:o},g=n$1(a),d=O(g);let p=m[g],h=m[d];const y="function"==typeof c?c({...l,placement:a}):c,x="number"==typeof y?{mainAxis:y,crossAxis:0}:{mainAxis:0,crossAxis:0,...y};if(f){const t="y"===g?"height":"width",e=l.reference[g]-l.floating[t]+x.mainAxis,n=l.reference[g]+l.reference[t]-x.mainAxis;p<e?p=e:p>n&&(p=n);}if(u){var w,v,b,R;const e="y"===g?"width":"height",n=["top","left"].includes(t(a)),r=l.reference[d]-l.floating[e]+(n&&null!=(w=null==(v=s.offset)?void 0:v[d])?w:0)+(n?0:x.crossAxis),i=l.reference[d]+l.reference[e]+(n?0:null!=(b=null==(R=s.offset)?void 0:R[d])?b:0)-(n?x.crossAxis:0);h<r?h=r:h>i&&(h=i);}return {[g]:p,[d]:h}}}},k=function(n){return void 0===n&&(n={}),{name:"size",options:n,async fn(r){const{placement:i,rects:o,platform:a,elements:l}=r,{apply:c,...u}=n,m=await s$1(r,u),g=t(i),d=e(i);let p,h;"top"===g||"bottom"===g?(p=g,h=d===(await(null==a.isRTL?void 0:a.isRTL(l.floating))?"start":"end")?"left":"right"):(h=g,p="end"===d?"top":"bottom");const y=f$1(m.left,0),x=f$1(m.right,0),w=f$1(m.top,0),v=f$1(m.bottom,0),b={availableHeight:o.floating.height-(["left","right"].includes(i)?2*(0!==w||0!==v?w+v:f$1(m.top,m.bottom)):m[p]),availableWidth:o.floating.width-(["top","bottom"].includes(i)?2*(0!==y||0!==x?y+x:f$1(m.left,m.right)):m[h])},R=await a.getDimensions(l.floating);null==c||c({...r,...b});const A=await a.getDimensions(l.floating);return R.width!==A.width||R.height!==A.height?{reset:{rects:!0}}:{}}}},E$1=function(e){return void 0===e&&(e={}),{name:"inline",options:e,async fn(r){var i;const{placement:o,elements:s,rects:u,platform:m,strategy:g}=r,{padding:d=2,x:p,y:h}=e,y=l$1(m.convertOffsetParentRelativeRectToViewportRelativeRect?await m.convertOffsetParentRelativeRectToViewportRelativeRect({rect:u.reference,offsetParent:await(null==m.getOffsetParent?void 0:m.getOffsetParent(s.floating)),strategy:g}):u.reference),x=null!=(i=await(null==m.getClientRects?void 0:m.getClientRects(s.reference)))?i:[],w=a$1(d);const v=await m.getElementRects({reference:{getBoundingClientRect:function(){var e;if(2===x.length&&x[0].left>x[1].right&&null!=p&&null!=h)return null!=(e=x.find((t=>p>t.left-w.left&&p<t.right+w.right&&h>t.top-w.top&&h<t.bottom+w.bottom)))?e:y;if(x.length>=2){if("x"===n$1(o)){const e=x[0],n=x[x.length-1],r="top"===t(o),i=e.top,a=n.bottom,l=r?e.left:n.left,s=r?e.right:n.right;return {top:i,bottom:a,left:l,right:s,width:s-l,height:a-i,x:l,y:i}}const e="left"===t(o),r=f$1(...x.map((t=>t.right))),i=c$1(...x.map((t=>t.left))),a=x.filter((t=>e?t.left===i:t.right===r)),l=a[0].top,s=a[a.length-1].bottom;return {top:l,bottom:s,left:i,right:r,width:r-i,height:s-l,x:i,y:l}}return y}},floating:s.floating,strategy:g});return u.reference.x!==v.reference.x||u.reference.y!==v.reference.y||u.reference.width!==v.reference.width||u.reference.height!==v.reference.height?{reset:{rects:v}}:{}}}};
+
+function n(t){return t&&t.document&&t.location&&t.alert&&t.setInterval}function o(t){if(null==t)return window;if(!n(t)){const e=t.ownerDocument;return e&&e.defaultView||window}return t}function i(t){return o(t).getComputedStyle(t)}function r(t){return n(t)?"":t?(t.nodeName||"").toLowerCase():""}function l(){const t=navigator.userAgentData;return null!=t&&t.brands?t.brands.map((t=>t.brand+"/"+t.version)).join(" "):navigator.userAgent}function c(t){return t instanceof o(t).HTMLElement}function f(t){return t instanceof o(t).Element}function s(t){if("undefined"==typeof ShadowRoot)return !1;return t instanceof o(t).ShadowRoot||t instanceof ShadowRoot}function u(t){const{overflow:e,overflowX:n,overflowY:o}=i(t);return /auto|scroll|overlay|hidden/.test(e+o+n)}function d(t){return ["table","td","th"].includes(r(t))}function h(t){const e=/firefox/i.test(l()),n=i(t);return "none"!==n.transform||"none"!==n.perspective||"paint"===n.contain||["transform","perspective"].includes(n.willChange)||e&&"filter"===n.willChange||e&&!!n.filter&&"none"!==n.filter}function a(){return !/^((?!chrome|android).)*safari/i.test(l())}const g=Math.min,p=Math.max,m=Math.round;function w(t,e,n){var i,r,l,s;void 0===e&&(e=!1),void 0===n&&(n=!1);const u=t.getBoundingClientRect();let d=1,h=1;e&&c(t)&&(d=t.offsetWidth>0&&m(u.width)/t.offsetWidth||1,h=t.offsetHeight>0&&m(u.height)/t.offsetHeight||1);const g=f(t)?o(t):window,p=!a()&&n,w=(u.left+(p&&null!=(i=null==(r=g.visualViewport)?void 0:r.offsetLeft)?i:0))/d,v=(u.top+(p&&null!=(l=null==(s=g.visualViewport)?void 0:s.offsetTop)?l:0))/h,y=u.width/d,x=u.height/h;return {width:y,height:x,top:v,right:w+y,bottom:v+x,left:w,x:w,y:v}}function v(t){return (e=t,(e instanceof o(e).Node?t.ownerDocument:t.document)||window.document).documentElement;var e;}function y(t){return f(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function x(t){return w(v(t)).left+y(t).scrollLeft}function b(t,e,n){const o=c(e),i=v(e),l=w(t,o&&function(t){const e=w(t);return m(e.width)!==t.offsetWidth||m(e.height)!==t.offsetHeight}(e),"fixed"===n);let f={scrollLeft:0,scrollTop:0};const s={x:0,y:0};if(o||!o&&"fixed"!==n)if(("body"!==r(e)||u(i))&&(f=y(e)),c(e)){const t=w(e,!0);s.x=t.x+e.clientLeft,s.y=t.y+e.clientTop;}else i&&(s.x=x(i));return {x:l.left+f.scrollLeft-s.x,y:l.top+f.scrollTop-s.y,width:l.width,height:l.height}}function L(t){return "html"===r(t)?t:t.assignedSlot||t.parentNode||(s(t)?t.host:null)||v(t)}function R(t){return c(t)&&"fixed"!==getComputedStyle(t).position?t.offsetParent:null}function T(t){const e=o(t);let n=R(t);for(;n&&d(n)&&"static"===getComputedStyle(n).position;)n=R(n);return n&&("html"===r(n)||"body"===r(n)&&"static"===getComputedStyle(n).position&&!h(n))?e:n||function(t){let e=L(t);for(s(e)&&(e=e.host);c(e)&&!["html","body"].includes(r(e));){if(h(e))return e;e=e.parentNode;}return null}(t)||e}function W(t){if(c(t))return {width:t.offsetWidth,height:t.offsetHeight};const e=w(t);return {width:e.width,height:e.height}}function E(t){const e=L(t);return ["html","body","#document"].includes(r(e))?t.ownerDocument.body:c(e)&&u(e)?e:E(e)}function H(t,e){var n;void 0===e&&(e=[]);const i=E(t),r=i===(null==(n=t.ownerDocument)?void 0:n.body),l=o(i),c=r?[l].concat(l.visualViewport||[],u(i)?i:[]):i,f=e.concat(c);return r?f:f.concat(H(c))}function C(e,n,r){return "viewport"===n?l$1(function(t,e){const n=o(t),i=v(t),r=n.visualViewport;let l=i.clientWidth,c=i.clientHeight,f=0,s=0;if(r){l=r.width,c=r.height;const t=a();(t||!t&&"fixed"===e)&&(f=r.offsetLeft,s=r.offsetTop);}return {width:l,height:c,x:f,y:s}}(e,r)):f(n)?function(t,e){const n=w(t,!1,"fixed"===e),o=n.top+t.clientTop,i=n.left+t.clientLeft;return {top:o,left:i,x:i,y:o,right:i+t.clientWidth,bottom:o+t.clientHeight,width:t.clientWidth,height:t.clientHeight}}(n,r):l$1(function(t){var e;const n=v(t),o=y(t),r=null==(e=t.ownerDocument)?void 0:e.body,l=p(n.scrollWidth,n.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),c=p(n.scrollHeight,n.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0);let f=-o.scrollLeft+x(t);const s=-o.scrollTop;return "rtl"===i(r||n).direction&&(f+=p(n.clientWidth,r?r.clientWidth:0)-l),{width:l,height:c,x:f,y:s}}(v(e)))}function S(t){const e=H(t),n=["absolute","fixed"].includes(i(t).position)&&c(t)?T(t):t;return f(n)?e.filter((t=>f(t)&&function(t,e){const n=null==e.getRootNode?void 0:e.getRootNode();if(t.contains(e))return !0;if(n&&s(n)){let n=e;do{if(n&&t===n)return !0;n=n.parentNode||n.host;}while(n)}return !1}(t,n)&&"body"!==r(t))):[]}const D={getClippingRect:function(t){let{element:e,boundary:n,rootBoundary:o,strategy:i}=t;const r=[..."clippingAncestors"===n?S(e):[].concat(n),o],l=r[0],c=r.reduce(((t,n)=>{const o=C(e,n,i);return t.top=p(o.top,t.top),t.right=g(o.right,t.right),t.bottom=g(o.bottom,t.bottom),t.left=p(o.left,t.left),t}),C(e,l,i));return {width:c.right-c.left,height:c.bottom-c.top,x:c.left,y:c.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{rect:e,offsetParent:n,strategy:o}=t;const i=c(n),l=v(n);if(n===l)return e;let f={scrollLeft:0,scrollTop:0};const s={x:0,y:0};if((i||!i&&"fixed"!==o)&&(("body"!==r(n)||u(l))&&(f=y(n)),c(n))){const t=w(n,!0);s.x=t.x+n.clientLeft,s.y=t.y+n.clientTop;}return {...e,x:e.x-f.scrollLeft+s.x,y:e.y-f.scrollTop+s.y}},isElement:f,getDimensions:W,getOffsetParent:T,getDocumentElement:v,getElementRects:t=>{let{reference:e,floating:n,strategy:o}=t;return {reference:b(e,T(n),o),floating:{...W(n),x:0,y:0}}},getClientRects:t=>Array.from(t.getClientRects()),isRTL:t=>"rtl"===i(t).direction};function N(t,e,n,o){void 0===o&&(o={});const{ancestorScroll:i=!0,ancestorResize:r=!0,elementResize:l=!0,animationFrame:c=!1}=o,s=i&&!c,u=r&&!c,d=s||u?[...f(t)?H(t):[],...H(e)]:[];d.forEach((t=>{s&&t.addEventListener("scroll",n,{passive:!0}),u&&t.addEventListener("resize",n);}));let h,a=null;l&&(a=new ResizeObserver(n),f(t)&&!c&&a.observe(t),a.observe(e));let g=c?w(t):null;return c&&function e(){const o=w(t);!g||o.x===g.x&&o.y===g.y&&o.width===g.width&&o.height===g.height||n();g=o,h=requestAnimationFrame(e);}(),l||n(),()=>{var t;d.forEach((t=>{s&&t.removeEventListener("scroll",n),u&&t.removeEventListener("resize",n);})),null==(t=a)||t.disconnect(),a=null,c&&cancelAnimationFrame(h);}}const z=(t,n,o)=>o$1(t,n,{platform:D,...o});
+
+/**
+ * @license
+ * MIT License
+ *
+ * Copyright (c) 2021 Floating UI contributors
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+const offset = (value) => {
+    return {
+        name: 'offset',
+        options: value,
+        async fn(middlewareArguments) {
+            const newFn = (args) => {
+                // flip middleware could be called several times, until the right space is found.
+                // Every time flip is called and overflow is detected, a possible next placement
+                // is chosen and the array of middleware (including the offset middleware) is called again
+                // with the chosen next placement.
+                // Here we detect that flip is needed and we should change the offset sign if needed.
+                const overflowsData = args.middlewareData.flip?.overflows != undefined
+                    ? args.middlewareData.flip?.overflows[0]
+                    : null;
+                let offset;
+                if (overflowsData != null && value != null && typeof value === 'object') {
+                    offset = flippedOffset(args.placement, args.initialPlacement, value);
+                }
+                if (!value) {
+                    return 0;
+                }
+                const rawValue = offset ?? value;
+                return rawValue;
+            };
+            return T$1(newFn).fn(middlewareArguments);
+        }
+    };
+};
+const flippedOffset = (placement, initialPlacement, offset) => {
+    const initialSide = initialPlacement.split('-')[0];
+    const side = placement.split('-')[0];
+    const initialAlignment = initialPlacement.split('-')[1];
+    const alignment = placement.split('-')[1];
+    // if flipped around crossAxis
+    if (((initialSide === 'right' || initialSide === 'left') &&
+        initialSide === side &&
+        initialAlignment !== alignment) ||
+        ((initialSide === 'top' || initialSide === 'bottom') &&
+            initialSide === side &&
+            initialAlignment !== alignment)) {
+        return {
+            mainAxis: offset && typeof offset === 'object' && offset.mainAxis ? offset.mainAxis : 0,
+            crossAxis: offset && typeof offset === 'object' && offset.crossAxis ? -offset.crossAxis : 0
+        };
+    }
+    else {
+        return offset;
+    }
+};
+// Fork of `fast-deep-equal` that only does the comparisons we need and compares
+// functions
+function deepEqual(a, b) {
+    if (a === b) {
+        return true;
+    }
+    if (typeof a !== typeof b) {
+        return false;
+    }
+    if (typeof a === 'function' && a.toString() === b.toString()) {
+        return true;
+    }
+    let length, i, keys;
+    if (a && b && typeof a == 'object') {
+        if (Array.isArray(a)) {
+            length = a.length;
+            if (length != b.length)
+                return false;
+            for (i = length; i-- !== 0;) {
+                if (!deepEqual(a[i], b[i])) {
+                    return false;
+                }
+            }
+            return true;
+        }
+        keys = Object.keys(a);
+        length = keys.length;
+        if (length !== Object.keys(b).length) {
+            return false;
+        }
+        for (i = length; i-- !== 0;) {
+            if (!Object.prototype.hasOwnProperty.call(b, keys[i])) {
+                return false;
+            }
+        }
+        for (i = length; i-- !== 0;) {
+            const key = keys[i];
+            if (key === '_owner' && a.$$typeof) {
+                continue;
+            }
+            if (!deepEqual(a[key], b[key])) {
+                return false;
+            }
+        }
+        return true;
+    }
+    return a !== a && b !== b;
+}
+function useLatestRef(value) {
+    const ref = hooks.useRef(value);
+    hooks.useLayoutEffect(() => {
+        ref.current = value;
+    });
+    return ref;
+}
+const reverseLogicalSide = (placement, direction) => {
+    const side = placement.split('-')[0];
+    if (side === 'top' || side === 'bottom') {
+        return placement;
+    }
+    const alignment = placement.split('-')[1];
+    const reversedPhysicalSide = utils_PRIVATE_floatingUtils.reverseNormalizePosition(side, direction);
+    const alignmentSideHash = {
+        start: 'top',
+        end: 'bottom'
+    };
+    const alignmentMappedSide = alignment != null
+        ? alignment.replace(/start|end/g, (matched) => alignmentSideHash[matched])
+        : null;
+    const placements = [
+        'top',
+        'top-start',
+        'top-end',
+        'end',
+        'end-top',
+        'end-bottom',
+        'bottom-start',
+        'bottom-end',
+        'bottom',
+        'start',
+        'start-top',
+        'start-bottom'
+    ];
+    const newPlacement = placements.filter((placement) => (alignmentMappedSide && placement === `${reversedPhysicalSide}-${alignmentMappedSide}`) ||
+        (!alignmentMappedSide && placement === `${reversedPhysicalSide}`))[0];
+    if (!newPlacement) {
+        return 'bottom';
+    }
+    return newPlacement;
+};
+const logicalSide = (placement, direction) => {
+    const side = placement.split('-')[0];
+    const alignment = placement.split('-')[1];
+    const physicalSide = utils_PRIVATE_floatingUtils.normalizePosition(side, direction);
+    let alignmentSideHash;
+    let alignmentMappedSide;
+    if (alignment) {
+        alignmentSideHash = {
+            top: 'start',
+            bottom: 'end'
+        };
+        alignmentMappedSide = alignment.replace(/top|bottom/g, (matched) => alignmentSideHash[matched]);
+    }
+    const placements = [
+        'top',
+        'right',
+        'bottom',
+        'left',
+        'top-start',
+        'right-start',
+        'bottom-start',
+        'left-start',
+        'top-end',
+        'right-end',
+        'bottom-end',
+        'left-end'
+    ];
+    const newPlacement = placements.filter((placement) => (alignmentMappedSide && placement === `${physicalSide}-${alignmentMappedSide}`) ||
+        (!alignmentMappedSide && placement === `${physicalSide}`))[0];
+    if (!newPlacement) {
+        return 'bottom';
+    }
+    return newPlacement;
+};
+const cornerPlacement = (placement, floating) => {
+    const side = placement.split('-')[0];
+    const alignment = placement.split('-')[1];
+    const corner = placement.split('-')[2];
+    if (corner == null) {
+        return { placement: placement, offset: undefined };
+    }
+    const placements = [
+        'top-start',
+        'start-top',
+        'bottom-start',
+        'start-bottom',
+        'top-end',
+        'end-top',
+        'bottom-end',
+        'end-bottom'
+    ];
+    const newPlacement = placements.filter((placement) => placement === `${side}-${alignment}`)[0];
+    if (alignment == 'start') {
+        return { placement: newPlacement, offset: { crossAxis: -floating.offsetWidth } };
+    }
+    if (alignment == 'end') {
+        return { placement: newPlacement, offset: { crossAxis: floating.offsetWidth } };
+    }
+    if (alignment == 'top') {
+        return { placement: newPlacement, offset: { crossAxis: -floating.offsetHeight } };
+    }
+    // the last option should always be alignment == 'bottom'
+    return { placement: newPlacement, offset: { crossAxis: floating.offsetHeight } };
+};
+const isOfPlacementType = (value) => {
+    const placementTypeValues = [
+        'top',
+        'top-start',
+        'top-end',
+        'top-start-corner',
+        'top-end-corner',
+        'start',
+        'start-top',
+        'start-bottom',
+        'start-top-corner',
+        'start-bottom-corner',
+        'bottom',
+        'bottom-start',
+        'bottom-end',
+        'bottom-start-corner',
+        'bottom-end-corner',
+        'end',
+        'end-top',
+        'end-bottom',
+        'end-top-corner',
+        'end-bottom-corner'
+    ];
+    return placementTypeValues.includes(value);
+};
+function useFloating({ middleware, placement, strategy, onPosition, whileElementsMounted }) {
+    //this should not happen, checking to just to be safe
+    if (!isOfPlacementType(placement)) {
+        placement = 'bottom';
+    }
+    const referenceRef = hooks.useRef(null);
+    const floatingRef = hooks.useRef(null);
+    const [reference, _setReference] = hooks.useState(null);
+    const [floating, _setFloating] = hooks.useState(null);
+    const whileElementsMountedRef = useLatestRef(whileElementsMounted);
+    const isMountedRef = hooks.useRef(false);
+    const { direction } = hooks_UNSAFE_useUser.useUser();
+    const [data, _setData] = hooks.useState({
+        // Setting these to `null` will allow the consumer to determine if
+        // `computePosition()` has run yet
+        x: null,
+        y: null,
+        strategy: strategy ?? 'absolute',
+        placement: 'bottom',
+        middlewareData: {}
+    });
+    const dataRef = hooks.useRef(data);
+    const setData = (data) => {
+        dataRef.current = data;
+        _setData(data);
+    };
+    const [latestMiddleware, setLatestMiddleware] = hooks.useState(middleware);
+    if (!deepEqual(latestMiddleware?.map(({ options }) => options), middleware?.map(({ options }) => options))) {
+        setLatestMiddleware(middleware);
+    }
+    const update = hooks.useCallback(() => {
+        if (!referenceRef.current || !floatingRef.current) {
+            return;
+        }
+        // map *-corner placement to normalized placement and offset
+        const floatingCornerPlacement = cornerPlacement(placement, floatingRef.current);
+        // map start/end placements to right/left depending on the reading direction
+        const floatingUiPlacement = logicalSide(floatingCornerPlacement.placement, direction);
+        // we need a summarized offset middleware
+        const newMiddlewareArray = latestMiddleware?.map((m) => {
+            if (m.name === 'offset') {
+                if (typeof m.options === 'function') {
+                    // ignore function if there are *-corner placements
+                    return floatingCornerPlacement.offset == null
+                        ? m
+                        : offset(floatingCornerPlacement.offset);
+                }
+                const currentOffset = typeof m.options === 'number' ? { mainAxis: m.options, crossAxis: 0 } : m.options;
+                return offset({
+                    mainAxis: (currentOffset && currentOffset.mainAxis) ?? 0,
+                    crossAxis: ((floatingCornerPlacement.offset && floatingCornerPlacement.offset.crossAxis) ?? 0) +
+                        ((currentOffset && currentOffset.crossAxis) ?? 0)
+                });
+            }
+            else {
+                return m;
+            }
+        });
+        z(referenceRef.current, floatingRef.current, {
+            middleware: newMiddlewareArray,
+            placement: floatingUiPlacement,
+            strategy
+        }).then((newData) => {
+            if (isMountedRef.current) {
+                if (newData.placement !== dataRef.current.placement ||
+                    newData.x !== dataRef.current.x ||
+                    newData.y !== dataRef.current.y ||
+                    newData.middlewareData.arrow?.x != dataRef.current.middlewareData.arrow?.x ||
+                    newData.middlewareData.arrow?.y != dataRef.current.middlewareData.arrow?.y ||
+                    newData.middlewareData.arrow?.centerOffset !=
+                        dataRef.current.middlewareData.arrow?.centerOffset) {
+                    const origOffset = newMiddlewareArray?.find((m) => m.name === 'offset')?.options;
+                    const reversedNewPlacement = reverseLogicalSide(newData.placement, direction);
+                    const offset = newData.middlewareData.offset;
+                    const mappedData = {
+                        // we need to map right/left, returned from the computePosition, to start/end
+                        placement: reversedNewPlacement,
+                        origPlacement: placement,
+                        x: newData.x,
+                        y: newData.y,
+                        arrow: newData.middlewareData.arrow,
+                        offset: offset,
+                        origOffset: origOffset
+                    };
+                    onPosition?.(mappedData);
+                }
+                setData(newData);
+            }
+        });
+    }, [latestMiddleware, placement, direction, strategy, onPosition]);
+    hooks.useLayoutEffect(() => {
+        isMountedRef.current = true;
+        return () => {
+            isMountedRef.current = false;
+        };
+    }, []);
+    hooks.useLayoutEffect(() => {
+        if (reference && floating) {
+            if (whileElementsMountedRef.current) {
+                return whileElementsMountedRef.current(reference, floating, update);
+            }
+            else {
+                update();
+            }
+        }
+    }, [reference, floating, update, whileElementsMountedRef]);
+    const setReference = hooks.useCallback((node) => {
+        if (referenceRef.current !== node) {
+            referenceRef.current = node;
+            _setReference(node);
+        }
+    }, []);
+    const setFloating = hooks.useCallback((node) => {
+        if (floatingRef.current !== node) {
+            floatingRef.current = node;
+            _setFloating(node);
+        }
+    }, []);
+    const refs = hooks.useMemo(() => ({ reference: referenceRef, floating: floatingRef }), []);
+    return hooks.useMemo(() => ({
+        ...data,
+        update,
+        refs,
+        reference: setReference,
+        floating: setFloating
+    }), [data, update, refs, setReference, setFloating]);
+}
+
+exports.D = D$1;
+exports.L = L$1;
+exports.N = N;
+exports.b = b$1;
+exports.k = k;
+exports.logicalSide = logicalSide;
+exports.m = m$1;
+exports.offset = offset;
+exports.useFloating = useFloating;
+//# sourceMappingURL=index-46850ea9.js.map