@oracle/oraclejet-preact 15.0.4 → 15.1.0

package/cjs/hooks/UNSAFE_usePrefixSuffix.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 });
@@ -8,9 +8,9 @@ var UNSAFE_PrefixSuffix = require('../UNSAFE_PrefixSuffix.js');
 var hooks_UNSAFE_useUser = require('./UNSAFE_useUser.js');
 require('../UNSAFE_PrefixSuffix/themes/PrefixSuffixStyles.css.js');
 
-require('../vanilla-extract-recipes-createRuntimeFn.esm-dfce11db.js');
+require('../vanilla-extract-recipes-createRuntimeFn.esm-bedd82db.js');
 require('preact/hooks');
-require('../index-276a6540.js');
+require('../index-d698145f.js');
 require('preact');
 require('../Common.js');
 require('../Common/themes.js');
@@ -48,7 +48,7 @@ function getText(direction, hasValue, prefix, suffix, value) {
         return value;
     }
     // TODO: direction is 'ltr' even though the storybook is rtl.
-    // Test this when the storybook bug is fixed. https://jira.oraclecorp.com/jira/browse/JET-51816?src=confmacro
+    // Test this when the storybook bug is fixed. ?src=confmacro
     const isLTR = direction === 'ltr';
     const plainPrefix = prefix === undefined ? `` : isLTR ? `${prefix} ` : ` ${prefix}`;
     const plainSuffix = suffix === undefined ? `` : isLTR ? ` ${suffix}` : `${suffix} `;

package/cjs/hooks/UNSAFE_usePrefixSuffix.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_usePrefixSuffix.js","sources":["../../../src/hooks/UNSAFE_usePrefixSuffix/usePrefixSuffix.tsx"],"sourcesContent":["import { PrefixSuffix } from '../../UNSAFE_PrefixSuffix';\nimport { useUser } from '../UNSAFE_useUser';\n\ntype Props = {\n  baseId: string;\n  hasEndContent?: boolean;\n  hasInsideLabel?: boolean;\n  hasStartContent?: boolean;\n  hasValue?: boolean;\n  isDisabled?: boolean;\n  isFocused?: boolean;\n  labelId?: string;\n  prefix?: string;\n  suffix?: string;\n  value?: string;\n};\n\n// returns the prefix and/or suffix components\n// if the condition in which they should be shown is met.\nexport const usePrefixSuffix = ({\n  baseId,\n  hasEndContent,\n  hasInsideLabel,\n  hasStartContent,\n  hasValue,\n  isDisabled,\n  isFocused,\n  labelId,\n  prefix,\n  suffix,\n  value\n}: Props) => {\n  const { direction } = useUser();\n  // for accessibility, if you have a prefix, then you must have a prefixId\n  const prefixId = `${baseId}-prefix`;\n  const suffixId = `${baseId}-suffix`;\n  const hasPrefixText = prefix !== undefined && prefix !== '';\n  const hasSuffixText = suffix !== undefined && suffix !== '';\n\n  const renderedPrefix =\n    hasPrefixText && !isDisabled && (hasValue || isFocused) ? (\n      <PrefixSuffix\n        id={prefixId}\n        hasEndContent={hasEndContent}\n        hasInsideLabel={hasInsideLabel}\n        hasStartContent={hasStartContent}\n        isDisabled={isDisabled}\n        isFocused={isFocused}\n        text={prefix}\n        variant=\"prefix\"\n      />\n    ) : undefined;\n\n  const renderedSuffix =\n    hasSuffixText && !isDisabled && (hasValue || isFocused) ? (\n      <PrefixSuffix\n        id={suffixId}\n        hasInsideLabel={hasInsideLabel}\n        isDisabled={isDisabled}\n        isFocused={isFocused}\n        text={suffix}\n        variant=\"suffix\"\n      />\n    ) : undefined;\n\n  // get value and prefix/suffix if available and return as plain text.\n  const text =\n    hasPrefixText || hasSuffixText ? getText(direction, hasValue, prefix, suffix, value) : value;\n  // get aria-labelledby if there is a prefix or suffix\n  const ariaLabelledBy =\n    hasPrefixText || hasSuffixText\n      ? getAriaLabelledBy(\n          labelId,\n          hasPrefixText ? prefixId : undefined,\n          hasSuffixText ? suffixId : undefined\n        )\n      : undefined;\n\n  return { renderedPrefix, renderedSuffix, text, ariaLabelledBy };\n};\n\n/**\n * Returns the value to render in plain text, taking into account the prefix and suffix\n * and reading direction. Do not add a prefix/suffix if the component doesn't have a value.\n * @returns string | undefined\n */\nfunction getText(\n  direction: 'ltr' | 'rtl',\n  hasValue?: boolean,\n  prefix?: string,\n  suffix?: string,\n  value?: string\n) {\n  // Do not add a prefix/suffix if the component doesn't have a value.\n  if (!hasValue) {\n    return value;\n  }\n  // TODO: direction is 'ltr' even though the storybook is rtl.\n  // Test this when the storybook bug is fixed. https://jira.oraclecorp.com/jira/browse/JET-51816?src=confmacro\n  const isLTR = direction === 'ltr';\n  const plainPrefix = prefix === undefined ? `` : isLTR ? `${prefix} ` : ` ${prefix}`;\n  const plainSuffix = suffix === undefined ? `` : isLTR ? ` ${suffix}` : `${suffix} `;\n\n  const ltrPlainText = `${plainPrefix}${value}${plainSuffix}`;\n  const rtlPlainText = `${plainSuffix}${value}${plainPrefix}`;\n  return isLTR ? ltrPlainText : rtlPlainText;\n}\n\nfunction getAriaLabelledBy(labelId?: string, prefixId?: string, suffixId?: string) {\n  const label = labelId ?? '';\n  const prefix = prefixId === undefined ? '' : label.length === 0 ? prefixId : ` ${prefixId}`;\n  const suffix =\n    suffixId === undefined\n      ? ''\n      : label.length === 0 && prefix.length === 0\n      ? suffixId\n      : ` ${suffixId}`;\n  const ariaLabelledBy = `${label}${prefix}${suffix}`;\n  return ariaLabelledBy.length === 0 ? undefined : ariaLabelledBy;\n}\n"],"names":["useUser","_jsx","PrefixSuffix"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_usePrefixSuffix.js","sources":["../../../src/hooks/UNSAFE_usePrefixSuffix/usePrefixSuffix.tsx"],"sourcesContent":["import { PrefixSuffix } from '../../UNSAFE_PrefixSuffix';\nimport { useUser } from '../UNSAFE_useUser';\n\ntype Props = {\n  baseId: string;\n  hasEndContent?: boolean;\n  hasInsideLabel?: boolean;\n  hasStartContent?: boolean;\n  hasValue?: boolean;\n  isDisabled?: boolean;\n  isFocused?: boolean;\n  labelId?: string;\n  prefix?: string;\n  suffix?: string;\n  value?: string;\n};\n\n// returns the prefix and/or suffix components\n// if the condition in which they should be shown is met.\nexport const usePrefixSuffix = ({\n  baseId,\n  hasEndContent,\n  hasInsideLabel,\n  hasStartContent,\n  hasValue,\n  isDisabled,\n  isFocused,\n  labelId,\n  prefix,\n  suffix,\n  value\n}: Props) => {\n  const { direction } = useUser();\n  // for accessibility, if you have a prefix, then you must have a prefixId\n  const prefixId = `${baseId}-prefix`;\n  const suffixId = `${baseId}-suffix`;\n  const hasPrefixText = prefix !== undefined && prefix !== '';\n  const hasSuffixText = suffix !== undefined && suffix !== '';\n\n  const renderedPrefix =\n    hasPrefixText && !isDisabled && (hasValue || isFocused) ? (\n      <PrefixSuffix\n        id={prefixId}\n        hasEndContent={hasEndContent}\n        hasInsideLabel={hasInsideLabel}\n        hasStartContent={hasStartContent}\n        isDisabled={isDisabled}\n        isFocused={isFocused}\n        text={prefix}\n        variant=\"prefix\"\n      />\n    ) : undefined;\n\n  const renderedSuffix =\n    hasSuffixText && !isDisabled && (hasValue || isFocused) ? (\n      <PrefixSuffix\n        id={suffixId}\n        hasInsideLabel={hasInsideLabel}\n        isDisabled={isDisabled}\n        isFocused={isFocused}\n        text={suffix}\n        variant=\"suffix\"\n      />\n    ) : undefined;\n\n  // get value and prefix/suffix if available and return as plain text.\n  const text =\n    hasPrefixText || hasSuffixText ? getText(direction, hasValue, prefix, suffix, value) : value;\n  // get aria-labelledby if there is a prefix or suffix\n  const ariaLabelledBy =\n    hasPrefixText || hasSuffixText\n      ? getAriaLabelledBy(\n          labelId,\n          hasPrefixText ? prefixId : undefined,\n          hasSuffixText ? suffixId : undefined\n        )\n      : undefined;\n\n  return { renderedPrefix, renderedSuffix, text, ariaLabelledBy };\n};\n\n/**\n * Returns the value to render in plain text, taking into account the prefix and suffix\n * and reading direction. Do not add a prefix/suffix if the component doesn't have a value.\n * @returns string | undefined\n */\nfunction getText(\n  direction: 'ltr' | 'rtl',\n  hasValue?: boolean,\n  prefix?: string,\n  suffix?: string,\n  value?: string\n) {\n  // Do not add a prefix/suffix if the component doesn't have a value.\n  if (!hasValue) {\n    return value;\n  }\n  // TODO: direction is 'ltr' even though the storybook is rtl.\n  // Test this when the storybook bug is fixed. ?src=confmacro\n  const isLTR = direction === 'ltr';\n  const plainPrefix = prefix === undefined ? `` : isLTR ? `${prefix} ` : ` ${prefix}`;\n  const plainSuffix = suffix === undefined ? `` : isLTR ? ` ${suffix}` : `${suffix} `;\n\n  const ltrPlainText = `${plainPrefix}${value}${plainSuffix}`;\n  const rtlPlainText = `${plainSuffix}${value}${plainPrefix}`;\n  return isLTR ? ltrPlainText : rtlPlainText;\n}\n\nfunction getAriaLabelledBy(labelId?: string, prefixId?: string, suffixId?: string) {\n  const label = labelId ?? '';\n  const prefix = prefixId === undefined ? '' : label.length === 0 ? prefixId : ` ${prefixId}`;\n  const suffix =\n    suffixId === undefined\n      ? ''\n      : label.length === 0 && prefix.length === 0\n      ? suffixId\n      : ` ${suffixId}`;\n  const ariaLabelledBy = `${label}${prefix}${suffix}`;\n  return ariaLabelledBy.length === 0 ? undefined : ariaLabelledBy;\n}\n"],"names":["useUser","_jsx","PrefixSuffix"],"mappings":"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"}

package/cjs/hooks/UNSAFE_usePress.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_useScale.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_useSpinning.js

@@ -0,0 +1,192 @@
+/* @oracle/oraclejet-preact: 15.1.0 */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var hooks = require('preact/hooks');
+var hooks_UNSAFE_useToggle = require('./UNSAFE_useToggle.js');
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+const SPIN_DELAY = 500;
+const SPIN_INTERVAL = 40;
+/**
+ * A hook that provides keyboard and pointer event handlers that can be spread
+ * onto any component that wants to support stepping and spinning through the
+ * Arrow Up or Down Keys, or by clicking a StepButton. Holding down the key
+ * or button first emits a step, then waits for SPIN_DELAY before producing
+ * continuous step events (aka spinning) for every SPIN_INTERVAL.
+ *
+ * @param isStepDownDisabled Controls whether stepping down is disabled
+ * @param isStepUpDisabled Controls whether stepping up is disabled
+ * @param onSpin Called when a continuous step (aka spin) is requested
+ * @param onSpinComplete Called when spinning is complete
+ * @param onStep Called when a single step is requested
+ * @returns Keyboard and pointer event handlers
+ */
+const useSpinning = ({ isStepDownDisabled, isStepUpDisabled, onSpin, onSpinComplete, onStep }) => {
+    const { bool: isStarted, setTrue: setStartedTrue, setFalse: setStartedFalse } = hooks_UNSAFE_useToggle.useToggle(false);
+    const { bool: isSpinning, setTrue: setSpinningTrue, setFalse: setSpinningFalse } = hooks_UNSAFE_useToggle.useToggle(false);
+    const startTimerRef = hooks.useRef(null);
+    const spinTimerRef = hooks.useRef(null);
+    const directionRef = hooks.useRef('increase');
+    const spinCompleteRef = hooks.useRef(false);
+    const onKeyDown = hooks.useCallback((event) => {
+        if (!(event.key === 'ArrowDown' || event.key === 'ArrowUp')) {
+            return;
+        }
+        // By default, pressing the arrow keys moves the cursor to the
+        // beginning or end which we don't want, so call preventDefault.
+        // We also want to stop propagation of handled events.
+        event.preventDefault();
+        event.stopPropagation();
+        if (isStarted) {
+            // If already started, ignore repeated key down events.
+            return;
+        }
+        if ((event.key === 'ArrowDown' && isStepDownDisabled) ||
+            (event.key === 'ArrowUp' && isStepUpDisabled)) {
+            // If requested step is disabled, return.
+            return;
+        }
+        directionRef.current = event.key === 'ArrowDown' ? 'decrease' : 'increase';
+        setStartedTrue();
+        // Do an initial step, which is what oj-input-number did as well.
+        onStep?.({ direction: directionRef.current });
+    }, [isStarted, onStep, isStepDownDisabled, isStepUpDisabled, setStartedTrue]);
+    const onKeyUp = hooks.useCallback((event) => {
+        if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {
+            if (isSpinning) {
+                // Only want to call onSpinComplete if we were actually spinning.
+                spinCompleteRef.current = true;
+            }
+            setStartedFalse();
+            setSpinningFalse();
+            event.stopPropagation();
+        }
+    }, [isSpinning, setStartedFalse, setSpinningFalse]);
+    const onIncreasePointerDown = hooks.useCallback((event) => {
+        // Similar to Arrow Up, stop propagation of the event, start the timer, and
+        // do an initial 'increase' step.
+        event.stopPropagation();
+        // We don't want the step buttons getting focus, so call preventDefault.
+        event.preventDefault();
+        if (isStepUpDisabled) {
+            return;
+        }
+        directionRef.current = 'increase';
+        setStartedTrue();
+        onStep?.({ direction: directionRef.current });
+    }, [onStep, isStepUpDisabled, setStartedTrue]);
+    const onDecreasePointerDown = hooks.useCallback((event) => {
+        // Similar to Arrow Down, stop propagation of the event, start the timer, and
+        // do an initial 'decrease' step.
+        event.stopPropagation();
+        // We don't want the step buttons getting focus, so call preventDefault.
+        event.preventDefault();
+        if (isStepDownDisabled) {
+            return;
+        }
+        directionRef.current = 'decrease';
+        setStartedTrue();
+        onStep?.({ direction: directionRef.current });
+    }, [onStep, isStepDownDisabled, setStartedTrue]);
+    const onPointerUpOutOrCancel = hooks.useCallback(
+    // Handle spin cancellation on pointer up, out, or cancel.
+    // This is for both the increase and decrease cases.
+    (event) => {
+        if (isSpinning) {
+            spinCompleteRef.current = true;
+        }
+        setStartedFalse();
+        setSpinningFalse();
+        event.stopPropagation();
+    }, [isSpinning, setStartedFalse, setSpinningFalse]);
+    hooks.useEffect(() => {
+        if (isStarted && !startTimerRef.current) {
+            startTimerRef.current = setTimeout(() => {
+                setSpinningTrue();
+            }, SPIN_DELAY);
+        }
+        return () => {
+            // Clean up between renders.
+            if (startTimerRef.current) {
+                clearTimeout(startTimerRef.current);
+                startTimerRef.current = null;
+            }
+        };
+    }, [isStarted, setSpinningTrue]);
+    hooks.useEffect(() => {
+        if (!isSpinning) {
+            if (spinTimerRef.current) {
+                clearInterval(spinTimerRef.current);
+                spinTimerRef.current = null;
+            }
+        }
+        else {
+            if (!spinTimerRef.current) {
+                spinTimerRef.current = setInterval(() => {
+                    // If further spinning is disabled, call setSpinningFalse to
+                    // clean up the timer otherwise repeat the step.
+                    if ((directionRef.current === 'increase' && isStepUpDisabled) ||
+                        (directionRef.current === 'decrease' && isStepDownDisabled)) {
+                        setSpinningFalse();
+                        spinCompleteRef.current = true;
+                    }
+                    else {
+                        onSpin?.({ direction: directionRef.current });
+                    }
+                }, SPIN_INTERVAL);
+            }
+        }
+        return () => {
+            // Clean up between renders.
+            if (spinTimerRef.current) {
+                clearInterval(spinTimerRef.current);
+                spinTimerRef.current = null;
+            }
+        };
+    }, [isSpinning, isStepDownDisabled, isStepUpDisabled, onSpin, setSpinningFalse]);
+    // Only want to run this effect when isSpinning is false and our ref is true.
+    // This helps guarantee onSpinComplete is only called once after spinning stops,
+    // even if onSpinComplete's identity is changing.
+    hooks.useEffect(() => {
+        if (!isSpinning && spinCompleteRef.current) {
+            spinCompleteRef.current = false;
+            onSpinComplete?.();
+        }
+    }, [isSpinning, onSpinComplete]);
+    // Handlers for arrow key up and down events.
+    const keyboardHandlerProps = { onKeyDown, onKeyUp };
+    // Handlers for pointer events on a step button that increases the value.
+    const pointerIncreaseHandlerProps = {
+        onPointerDown: onIncreasePointerDown,
+        onPointerUp: onPointerUpOutOrCancel,
+        onPointerOut: onPointerUpOutOrCancel,
+        onPointerCancel: onPointerUpOutOrCancel
+    };
+    // Handlers for pointer events on a step button that decreases the value.
+    const pointerDecreaseHandlerProps = {
+        onPointerDown: onDecreasePointerDown,
+        onPointerUp: onPointerUpOutOrCancel,
+        onPointerOut: onPointerUpOutOrCancel,
+        onPointerCancel: onPointerUpOutOrCancel
+    };
+    return { keyboardHandlerProps, pointerIncreaseHandlerProps, pointerDecreaseHandlerProps };
+};
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+
+exports.useSpinning = useSpinning;
+//# sourceMappingURL=UNSAFE_useSpinning.js.map

package/cjs/hooks/UNSAFE_useSpinning.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSAFE_useSpinning.js","sources":["../../../src/hooks/UNSAFE_useSpinning/useSpinning.tsx","../../../src/hooks/UNSAFE_useSpinning/index.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useCallback, useEffect, useRef } from 'preact/hooks';\nimport { useToggle } from '../UNSAFE_useToggle';\n\nconst SPIN_DELAY = 500;\nconst SPIN_INTERVAL = 40;\n\nexport type StepDirection = 'increase' | 'decrease';\n\nexport type StepEvent = {\n  /**\n   * The direction of the requested step.\n   */\n  direction: StepDirection;\n};\n\nexport type StepProps = {\n  /**\n   * Controls whether step down is disabled.\n   */\n  isStepDownDisabled?: boolean;\n\n  /**\n   * Controls whether step up is disabled.\n   */\n  isStepUpDisabled?: boolean;\n\n  /**\n   * Called when a continuous step is requested (aka \"spin\")\n   * by holding down the arrow up or arrow down keys, or\n   * by pressing and holding down a step button.\n   */\n  onSpin?: (event: StepEvent) => void;\n\n  /**\n   * Called when spinning is complete and the user has\n   * released the arrow key or step button.\n   */\n  onSpinComplete?: () => void;\n\n  /**\n   * Called when a single step is requested by clicking a step button\n   * or by pressing the arrow up or arrow down keys.\n   */\n  onStep?: (event: StepEvent) => void;\n};\n\n/**\n * A hook that provides keyboard and pointer event handlers that can be spread\n * onto any component that wants to support stepping and spinning through the\n * Arrow Up or Down Keys, or by clicking a StepButton. Holding down the key\n * or button first emits a step, then waits for SPIN_DELAY before producing\n * continuous step events (aka spinning) for every SPIN_INTERVAL.\n *\n * @param isStepDownDisabled Controls whether stepping down is disabled\n * @param isStepUpDisabled Controls whether stepping up is disabled\n * @param onSpin Called when a continuous step (aka spin) is requested\n * @param onSpinComplete Called when spinning is complete\n * @param onStep Called when a single step is requested\n * @returns Keyboard and pointer event handlers\n */\nexport const useSpinning = ({\n  isStepDownDisabled,\n  isStepUpDisabled,\n  onSpin,\n  onSpinComplete,\n  onStep\n}: StepProps) => {\n  const { bool: isStarted, setTrue: setStartedTrue, setFalse: setStartedFalse } = useToggle(false);\n  const {\n    bool: isSpinning,\n    setTrue: setSpinningTrue,\n    setFalse: setSpinningFalse\n  } = useToggle(false);\n  const startTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const spinTimerRef = useRef<ReturnType<typeof setInterval> | null>(null);\n  const directionRef = useRef<StepDirection>('increase');\n  const spinCompleteRef = useRef(false);\n\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (!(event.key === 'ArrowDown' || event.key === 'ArrowUp')) {\n        return;\n      }\n      // By default, pressing the arrow keys moves the cursor to the\n      // beginning or end which we don't want, so call preventDefault.\n      // We also want to stop propagation of handled events.\n      event.preventDefault();\n      event.stopPropagation();\n\n      if (isStarted) {\n        // If already started, ignore repeated key down events.\n        return;\n      }\n      if (\n        (event.key === 'ArrowDown' && isStepDownDisabled) ||\n        (event.key === 'ArrowUp' && isStepUpDisabled)\n      ) {\n        // If requested step is disabled, return.\n        return;\n      }\n      directionRef.current = event.key === 'ArrowDown' ? 'decrease' : 'increase';\n      setStartedTrue();\n      // Do an initial step, which is what oj-input-number did as well.\n      onStep?.({ direction: directionRef.current });\n    },\n    [isStarted, onStep, isStepDownDisabled, isStepUpDisabled, setStartedTrue]\n  );\n\n  const onKeyUp = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n        if (isSpinning) {\n          // Only want to call onSpinComplete if we were actually spinning.\n          spinCompleteRef.current = true;\n        }\n        setStartedFalse();\n        setSpinningFalse();\n        event.stopPropagation();\n      }\n    },\n    [isSpinning, setStartedFalse, setSpinningFalse]\n  );\n\n  const onIncreasePointerDown = useCallback(\n    (event: PointerEvent) => {\n      // Similar to Arrow Up, stop propagation of the event, start the timer, and\n      // do an initial 'increase' step.\n      event.stopPropagation();\n      // We don't want the step buttons getting focus, so call preventDefault.\n      event.preventDefault();\n\n      if (isStepUpDisabled) {\n        return;\n      }\n      directionRef.current = 'increase';\n      setStartedTrue();\n      onStep?.({ direction: directionRef.current });\n    },\n    [onStep, isStepUpDisabled, setStartedTrue]\n  );\n\n  const onDecreasePointerDown = useCallback(\n    (event: PointerEvent) => {\n      // Similar to Arrow Down, stop propagation of the event, start the timer, and\n      // do an initial 'decrease' step.\n      event.stopPropagation();\n      // We don't want the step buttons getting focus, so call preventDefault.\n      event.preventDefault();\n\n      if (isStepDownDisabled) {\n        return;\n      }\n      directionRef.current = 'decrease';\n      setStartedTrue();\n      onStep?.({ direction: directionRef.current });\n    },\n    [onStep, isStepDownDisabled, setStartedTrue]\n  );\n\n  const onPointerUpOutOrCancel = useCallback(\n    // Handle spin cancellation on pointer up, out, or cancel.\n    // This is for both the increase and decrease cases.\n    (event: PointerEvent) => {\n      if (isSpinning) {\n        spinCompleteRef.current = true;\n      }\n      setStartedFalse();\n      setSpinningFalse();\n      event.stopPropagation();\n    },\n    [isSpinning, setStartedFalse, setSpinningFalse]\n  );\n\n  useEffect(() => {\n    if (isStarted && !startTimerRef.current) {\n      startTimerRef.current = setTimeout(() => {\n        setSpinningTrue();\n      }, SPIN_DELAY);\n    }\n    return () => {\n      // Clean up between renders.\n      if (startTimerRef.current) {\n        clearTimeout(startTimerRef.current);\n        startTimerRef.current = null;\n      }\n    };\n  }, [isStarted, setSpinningTrue]);\n\n  useEffect(() => {\n    if (!isSpinning) {\n      if (spinTimerRef.current) {\n        clearInterval(spinTimerRef.current);\n        spinTimerRef.current = null;\n      }\n    } else {\n      if (!spinTimerRef.current) {\n        spinTimerRef.current = setInterval(() => {\n          // If further spinning is disabled, call setSpinningFalse to\n          // clean up the timer otherwise repeat the step.\n          if (\n            (directionRef.current === 'increase' && isStepUpDisabled) ||\n            (directionRef.current === 'decrease' && isStepDownDisabled)\n          ) {\n            setSpinningFalse();\n            spinCompleteRef.current = true;\n          } else {\n            onSpin?.({ direction: directionRef.current });\n          }\n        }, SPIN_INTERVAL);\n      }\n    }\n    return () => {\n      // Clean up between renders.\n      if (spinTimerRef.current) {\n        clearInterval(spinTimerRef.current);\n        spinTimerRef.current = null;\n      }\n    };\n  }, [isSpinning, isStepDownDisabled, isStepUpDisabled, onSpin, setSpinningFalse]);\n\n  // Only want to run this effect when isSpinning is false and our ref is true.\n  // This helps guarantee onSpinComplete is only called once after spinning stops,\n  // even if onSpinComplete's identity is changing.\n  useEffect(() => {\n    if (!isSpinning && spinCompleteRef.current) {\n      spinCompleteRef.current = false;\n      onSpinComplete?.();\n    }\n  }, [isSpinning, onSpinComplete]);\n\n  // Handlers for arrow key up and down events.\n  const keyboardHandlerProps = { onKeyDown, onKeyUp };\n\n  // Handlers for pointer events on a step button that increases the value.\n  const pointerIncreaseHandlerProps = {\n    onPointerDown: onIncreasePointerDown,\n    onPointerUp: onPointerUpOutOrCancel,\n    onPointerOut: onPointerUpOutOrCancel,\n    onPointerCancel: onPointerUpOutOrCancel\n  };\n\n  // Handlers for pointer events on a step button that decreases the value.\n  const pointerDecreaseHandlerProps = {\n    onPointerDown: onDecreasePointerDown,\n    onPointerUp: onPointerUpOutOrCancel,\n    onPointerOut: onPointerUpOutOrCancel,\n    onPointerCancel: onPointerUpOutOrCancel\n  };\n\n  return { keyboardHandlerProps, pointerIncreaseHandlerProps, pointerDecreaseHandlerProps };\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 { useSpinning, StepDirection, StepEvent, StepProps } from './useSpinning';\n"],"names":["useToggle","useRef","useCallback","useEffect"],"mappings":"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"}

package/cjs/hooks/UNSAFE_useSwipe.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_useTabbableMode.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_useTap.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_useTextField.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 });
@@ -8,8 +8,8 @@ require('../utils/UNSAFE_stringUtils.js');
 require('./UNSAFE_useFocusWithin.js');
 var hooks_UNSAFE_useFormFieldContextProps = require('./UNSAFE_useFormFieldContextProps.js');
 var hooks_UNSAFE_useId = require('./UNSAFE_useId.js');
-var useFocusWithin = require('../useFocusWithin-87a93982.js');
-var stringUtils = require('../stringUtils-8daba4b6.js');
+var useFocusWithin = require('../useFocusWithin-33d84cca.js');
+var stringUtils = require('../stringUtils-6b4e736b.js');
 require('preact/hooks');
 
 /**

package/cjs/hooks/UNSAFE_useTextFieldInputHandlers.js

@@ -1,11 +1,11 @@
-/* @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');
 require('../utils/PRIVATE_clientHints.js');
-var clientHints = require('../clientHints-86a4d2ab.js');
+var clientHints = require('../clientHints-8d14e7f2.js');
 
 function useTextFieldInputHandlers({ currentCommitValue, value, onInput, onCommit, onKeyDown }) {
     const isComposing = hooks.useRef(false);

package/cjs/hooks/UNSAFE_useTheme.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_useThemeInterpolations.js

@@ -1,12 +1,12 @@
-/* @oracle/oraclejet-preact: 15.0.4 */
+/* @oracle/oraclejet-preact: 15.1.0 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var useThemeInterpolations = require('../useThemeInterpolations-b73e526a.js');
+var useThemeInterpolations = require('../useThemeInterpolations-e349a790.js');
 require('./UNSAFE_useColorScheme.js');
 require('preact/hooks');
-require('../index-276a6540.js');
+require('../index-d698145f.js');
 require('preact');
 require('../Common.js');
 require('../Common/themes.js');
@@ -17,14 +17,14 @@ require('preact/compat');
 require('./UNSAFE_useScale.js');
 require('../utils/UNSAFE_interpolations/theme.js');
 require('../UNSAFE_Theme.js');
-require('../utils-d5c27340.js');
+require('../utils-1b8d2f2b.js');
 require('../utils/UNSAFE_mergeInterpolations.js');
 require('../utils/UNSAFE_classNames.js');
-require('../classNames-15680036.js');
-require('../_curry1-ac9493f2.js');
-require('../_curry3-7ad33a40.js');
-require('../_curry2-f102fefd.js');
-require('../_has-42cbc720.js');
+require('../classNames-4bfc0882.js');
+require('../_curry1-1fb76d7e.js');
+require('../_curry3-fc641adf.js');
+require('../_curry2-762d9e39.js');
+require('../_has-a629c4a5.js');
 
 /**
  * @license

package/cjs/hooks/UNSAFE_useTimer.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_useToggle.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_useTooltip/themes/TooltipContentContract.css.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_useTooltip/themes/TooltipContentStyles.css.js

@@ -1,12 +1,12 @@
-/* @oracle/oraclejet-preact: 15.0.4 */
+/* @oracle/oraclejet-preact: 15.1.0 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 
 
-var baseStyle = 'TooltipContentStyles_baseStyle__40ir7s2';
-var styles = {wrapper:'TooltipContentStyles_wrapper__40ir7s0',inner:'TooltipContentStyles_inner__40ir7s1'};
+var baseStyle = 'TooltipContentStyles_baseStyle__40ir7s3';
+var styles = {wrapper:'TooltipContentStyles_wrapper__40ir7s0',inner:'TooltipContentStyles_inner__40ir7s1',content:'TooltipContentStyles_content__40ir7s2'};
 var variants = {variant:{tooltip:{vars:{'var(--maxWidth__1x922a00)':'var(--variants-tooltip-maxWidth__1x922a09)','var(--backgroundColor__1x922a01)':'var(--variants-tooltip-backgroundColor__1x922a0a)','var(--textColor__1x922a02)':'var(--variants-tooltip-textColor__1x922a0b)','var(--fontSize__1x922a03)':'var(--variants-tooltip-fontSize__1x922a0c)','var(--lineHeight__1x922a04)':'var(--variants-tooltip-lineHeight__1x922a0d)','var(--borderRadius__1x922a05)':'var(--variants-tooltip-borderRadius__1x922a0e)','var(--borderColor__1x922a06)':'var(--variants-tooltip-borderColor__1x922a0f)','var(--paddingHorizontal__1x922a07)':'var(--variants-tooltip-paddingHorizontal__1x922a0g)','var(--paddingVertical__1x922a08)':'var(--variants-tooltip-paddingVertical__1x922a0h)'}},datatip:{vars:{'var(--maxWidth__1x922a00)':'var(--variants-datatip-maxWidth__1x922a0i)','var(--backgroundColor__1x922a01)':'var(--variants-datatip-backgroundColor__1x922a0j)','var(--textColor__1x922a02)':'var(--variants-datatip-textColor__1x922a0k)','var(--fontSize__1x922a03)':'var(--variants-datatip-fontSize__1x922a0l)','var(--lineHeight__1x922a04)':'var(--variants-datatip-lineHeight__1x922a0m)','var(--borderRadius__1x922a05)':'var(--variants-datatip-borderRadius__1x922a0n)','var(--borderColor__1x922a06)':'var(--variants-datatip-borderColor__1x922a0o)','var(--paddingHorizontal__1x922a07)':'var(--variants-datatip-paddingHorizontal__1x922a0p)','var(--paddingVertical__1x922a08)':'var(--variants-datatip-paddingVertical__1x922a0q)'}}}};
 
 exports.baseStyle = baseStyle;

package/cjs/hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css.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_useTooltip/themes/redwood/TooltipContentTheme.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 });
@@ -9,7 +9,7 @@ var hooks_UNSAFE_useTooltip_themes_redwood_TooltipContentVariants_css = require(
 
 
 
-require('../../../../vanilla-extract-recipes-createRuntimeFn.esm-dfce11db.js');
+require('../../../../vanilla-extract-recipes-createRuntimeFn.esm-bedd82db.js');
 
 /*******************
  * Component Theme

package/cjs/hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js

@@ -1,13 +1,13 @@
-/* @oracle/oraclejet-preact: 15.0.4 */
+/* @oracle/oraclejet-preact: 15.1.0 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 
 
-var vanillaExtractRecipesCreateRuntimeFn_esm = require('../../../../vanilla-extract-recipes-createRuntimeFn.esm-dfce11db.js');
+var vanillaExtractRecipesCreateRuntimeFn_esm = require('../../../../vanilla-extract-recipes-createRuntimeFn.esm-bedd82db.js');
 
-var multiVariantStyles = vanillaExtractRecipesCreateRuntimeFn_esm.createRuntimeFn({defaultClassName:'TooltipContentStyles_baseStyle__40ir7s2',variantClassNames:{variant:{tooltip:'TooltipContentVariants_multiVariantStyles_variant_tooltip__1ycsr170',datatip:'TooltipContentVariants_multiVariantStyles_variant_datatip__1ycsr171'}},defaultVariants:{},compoundVariants:[]});
+var multiVariantStyles = vanillaExtractRecipesCreateRuntimeFn_esm.createRuntimeFn({defaultClassName:'TooltipContentStyles_baseStyle__40ir7s3',variantClassNames:{variant:{tooltip:'TooltipContentVariants_multiVariantStyles_variant_tooltip__1ycsr170',datatip:'TooltipContentVariants_multiVariantStyles_variant_datatip__1ycsr171'}},defaultVariants:{},compoundVariants:[]});
 
 exports.multiVariantStyles = multiVariantStyles;
 //# sourceMappingURL=TooltipContentVariants.css.js.map

package/cjs/hooks/UNSAFE_useTooltip/themes/stable/TooltipContentBaseTheme.css.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_useTooltip/themes/stable/TooltipContentTheme.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 });
@@ -9,7 +9,7 @@ var hooks_UNSAFE_useTooltip_themes_stable_TooltipContentVariants_css = require('
 
 
 
-require('../../../../vanilla-extract-recipes-createRuntimeFn.esm-dfce11db.js');
+require('../../../../vanilla-extract-recipes-createRuntimeFn.esm-bedd82db.js');
 
 /*******************
  * Component Theme

package/cjs/hooks/UNSAFE_useTooltip/themes/stable/TooltipContentVariants.css.js

@@ -1,13 +1,13 @@
-/* @oracle/oraclejet-preact: 15.0.4 */
+/* @oracle/oraclejet-preact: 15.1.0 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 
 
-var vanillaExtractRecipesCreateRuntimeFn_esm = require('../../../../vanilla-extract-recipes-createRuntimeFn.esm-dfce11db.js');
+var vanillaExtractRecipesCreateRuntimeFn_esm = require('../../../../vanilla-extract-recipes-createRuntimeFn.esm-bedd82db.js');
 
-var multiVariantStyles = vanillaExtractRecipesCreateRuntimeFn_esm.createRuntimeFn({defaultClassName:'TooltipContentStyles_baseStyle__40ir7s2',variantClassNames:{variant:{tooltip:'TooltipContentVariants_multiVariantStyles_variant_tooltip__1o562t70',datatip:'TooltipContentVariants_multiVariantStyles_variant_datatip__1o562t71'}},defaultVariants:{},compoundVariants:[]});
+var multiVariantStyles = vanillaExtractRecipesCreateRuntimeFn_esm.createRuntimeFn({defaultClassName:'TooltipContentStyles_baseStyle__40ir7s3',variantClassNames:{variant:{tooltip:'TooltipContentVariants_multiVariantStyles_variant_tooltip__1o562t70',datatip:'TooltipContentVariants_multiVariantStyles_variant_datatip__1o562t71'}},defaultVariants:{},compoundVariants:[]});
 
 exports.multiVariantStyles = multiVariantStyles;
 //# sourceMappingURL=TooltipContentVariants.css.js.map

package/cjs/hooks/UNSAFE_useTooltip.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 });
@@ -18,37 +18,37 @@ var hooks_UNSAFE_useComponentTheme = require('./UNSAFE_useComponentTheme.js');
 require('./UNSAFE_useThemeInterpolations.js');
 require('../utils/UNSAFE_classNames.js');
 var hooks_UNSAFE_useTooltip_themes_redwood_TooltipContentTheme = require('./UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js');
-var useThemeInterpolations = require('../useThemeInterpolations-b73e526a.js');
-var useAnimation = require('../useAnimation-bce7c2db.js');
-var classNames = require('../classNames-15680036.js');
-var UNSAFE_Environment = require('../index-276a6540.js');
+var useThemeInterpolations = require('../useThemeInterpolations-e349a790.js');
+var useAnimation = require('../useAnimation-6d34174e.js');
+var classNames = require('../classNames-4bfc0882.js');
+var UNSAFE_Environment = require('../index-d698145f.js');
 var hooks_UNSAFE_useColorScheme = require('./UNSAFE_useColorScheme.js');
-var Floating = require('../Floating-41517191.js');
+var Floating = require('../Floating-5f2be86f.js');
 require('preact/compat');
 require('./UNSAFE_useToggle.js');
 require('../utils/UNSAFE_logger.js');
-require('../_curry1-ac9493f2.js');
-require('../_curry2-f102fefd.js');
+require('../_curry1-1fb76d7e.js');
+require('../_curry2-762d9e39.js');
 require('./UNSAFE_useTooltip/themes/TooltipContentStyles.css.js');
 
 require('./UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css.js');
 
 require('./UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
 
-require('../vanilla-extract-recipes-createRuntimeFn.esm-dfce11db.js');
+require('../vanilla-extract-recipes-createRuntimeFn.esm-bedd82db.js');
 require('./UNSAFE_useScale.js');
 require('../utils/UNSAFE_interpolations/theme.js');
 require('../UNSAFE_Theme.js');
-require('../utils-d5c27340.js');
+require('../utils-1b8d2f2b.js');
 require('../Common/themes/themeContract.css.js');
 require('../utils/UNSAFE_mergeInterpolations.js');
-require('../_curry3-7ad33a40.js');
-require('../_has-42cbc720.js');
+require('../_curry3-fc641adf.js');
+require('../_has-a629c4a5.js');
 require('preact');
 require('../Common.js');
 require('../Common/themes.js');
 require('../Common/themes/redwood/theme.js');
-require('../index-3e8063c6.js');
+require('../index-46850ea9.js');
 require('./UNSAFE_useUser.js');
 require('../utils/PRIVATE_floatingUtils.js');
 require('../utils/PRIVATE_refUtils.js');
@@ -59,7 +59,7 @@ require('../UNSAFE_Floating/themes/FloatingStyles.css.js');
 require('../UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css.js');
 
 require('../UNSAFE_Floating/themes/redwood/FloatingVariants.css.js');
-require('../vanilla-extract-dynamic.esm-ffc61341.js');
+require('../vanilla-extract-dynamic.esm-49466198.js');
 require('../UNSAFE_Floating/themes/FloatingContract.css.js');
 
 const TooltipContent = ({ children, id, isOpen, isDatatip, onTransitionEnd, ...props }) => {
@@ -113,7 +113,7 @@ const TooltipContent = ({ children, id, isOpen, isDatatip, onTransitionEnd, ...p
             wrapperRef.current.style.height = `${popoverRef.current?.offsetHeight}px`;
         }
     }, []);
-    return (jsxRuntime.jsx("div", { ref: wrapperRef, id: id, role: "tooltip", class: classNames.classNames([styles.wrapper, schemeClass]), children: jsxRuntime.jsx("div", { ref: nodeRef, class: styles.inner, ...props, children: jsxRuntime.jsx("div", { ref: popoverRef, class: classes, children: children }) }) }));
+    return (jsxRuntime.jsx("div", { ref: wrapperRef, id: id, role: "tooltip", class: classNames.classNames([styles.wrapper, schemeClass]), children: jsxRuntime.jsx("div", { ref: nodeRef, class: styles.inner, ...props, children: jsxRuntime.jsx("div", { ref: popoverRef, class: classNames.classNames([classes, styles.content]), children: children }) }) }));
 };
 
 const positions = utils_UNSAFE_arrayUtils.stringLiteralArray([
@@ -168,7 +168,7 @@ const useTooltipControlled = ({ text, isOpen = false, variant = 'tooltip', posit
     const isPointer = anchor.x === 'pointer' || anchor.y === 'pointer';
     const uniqueIdRef = hooks.useRef(hooks_UNSAFE_useId.useId());
     const targetRef = hooks.useRef(null);
-    const coordsRef = hooks.useRef({ x: 0, y: 0 });
+    const coordsRef = hooks.useRef({ x: -9999, y: -9999 });
     // if anchor is set to pointer and target does not have keyboard focus, use coords
     const usedRef = isPointer && !isFocus ? coordsRef : targetRef;
     const delay = isDatatip ? 0 : 250;