@pingux/astro 2.221.6 → 2.234.0-alpha.0

package/lib/cjs/hooks/index.d.ts

@@ -10,6 +10,7 @@ export { default as useField } from './useField';
 export { default as useGetTheme } from './useGetTheme';
 export { default as useGridList } from './useGridList';
 export { default as useGridListItem } from './useGridListItem';
+export { default as useHelpHintPopover } from './useHelpHintPopover';
 export { default as useInputLoader } from './useInputLoader';
 export { default as useLabelHeight } from './useLabelHeight';
 export { default as useLocalOrForwardRef } from './useLocalOrForwardRef';

package/lib/cjs/hooks/index.js

@@ -77,6 +77,12 @@ _Object$defineProperty(exports, "useGridListItem", {
     return _useGridListItem["default"];
   }
 });
+_Object$defineProperty(exports, "useHelpHintPopover", {
+  enumerable: true,
+  get: function get() {
+    return _useHelpHintPopover["default"];
+  }
+});
 _Object$defineProperty(exports, "useInputLoader", {
   enumerable: true,
   get: function get() {
@@ -185,6 +191,7 @@ var _useField = _interopRequireDefault(require("./useField"));
 var _useGetTheme = _interopRequireDefault(require("./useGetTheme"));
 var _useGridList = _interopRequireDefault(require("./useGridList"));
 var _useGridListItem = _interopRequireDefault(require("./useGridListItem"));
+var _useHelpHintPopover = _interopRequireDefault(require("./useHelpHintPopover"));
 var _useInputLoader = _interopRequireDefault(require("./useInputLoader"));
 var _useLabelHeight = _interopRequireDefault(require("./useLabelHeight"));
 var _useLocalOrForwardRef = _interopRequireDefault(require("./useLocalOrForwardRef"));

package/lib/cjs/hooks/useField/useField.d.ts

@@ -4819,47 +4819,11 @@ declare const useField: <T>(props: UseFieldProps<T>) => {
         style?: React.CSSProperties | undefined;
         slot?: string | undefined;
         title?: string | undefined;
-        key?: Key | null | undefined;
-        defaultChecked?: boolean | undefined;
-        defaultValue?: string | number | readonly string[] | undefined;
-        suppressContentEditableWarning?: boolean | undefined;
-        suppressHydrationWarning?: boolean | undefined;
-        accessKey?: string | undefined;
-        autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
-        contextMenu?: string | undefined;
-        dir?: string | undefined;
-        draggable?: (boolean | "false" | "true") | undefined;
-        hidden?: boolean | undefined;
         id?: string | undefined;
-        lang?: string | undefined;
-        nonce?: string | undefined;
-        spellCheck?: (boolean | "false" | "true") | undefined;
         tabIndex?: number | undefined;
-        radioGroup?: string | undefined;
-        about?: string | undefined;
-        datatype?: string | undefined;
-        inlist?: any;
-        prefix?: string | undefined;
-        property?: string | undefined;
-        rel?: string | undefined;
-        resource?: string | undefined;
-        rev?: string | undefined;
-        typeof?: string | undefined;
-        vocab?: string | undefined;
-        autoCapitalize?: string | undefined;
-        autoCorrect?: string | undefined;
-        autoSave?: string | undefined;
-        itemProp?: string | undefined;
-        itemScope?: boolean | undefined;
-        itemType?: string | undefined;
-        itemID?: string | undefined;
-        itemRef?: string | undefined;
-        results?: number | undefined;
+        hidden?: boolean | undefined;
+        key?: Key | null | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
-        is?: string | undefined;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
         } | undefined;
@@ -5022,8 +4986,44 @@ declare const useField: <T>(props: UseFieldProps<T>) => {
         onAnimationIterationCapture?: React.AnimationEventHandler<HTMLLabelElement> | undefined;
         onTransitionEnd?: React.TransitionEventHandler<HTMLLabelElement> | undefined;
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLLabelElement> | undefined;
+        defaultChecked?: boolean | undefined;
+        defaultValue?: string | number | readonly string[] | undefined;
+        suppressContentEditableWarning?: boolean | undefined;
+        suppressHydrationWarning?: boolean | undefined;
+        accessKey?: string | undefined;
+        autoFocus?: boolean | undefined;
+        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
+        contextMenu?: string | undefined;
+        dir?: string | undefined;
+        draggable?: (boolean | "false" | "true") | undefined;
+        lang?: string | undefined;
+        nonce?: string | undefined;
+        spellCheck?: (boolean | "false" | "true") | undefined;
+        radioGroup?: string | undefined;
+        about?: string | undefined;
+        datatype?: string | undefined;
+        inlist?: any;
+        prefix?: string | undefined;
+        property?: string | undefined;
+        rel?: string | undefined;
+        resource?: string | undefined;
+        rev?: string | undefined;
+        typeof?: string | undefined;
+        vocab?: string | undefined;
+        autoCapitalize?: string | undefined;
+        autoCorrect?: string | undefined;
+        autoSave?: string | undefined;
+        itemProp?: string | undefined;
+        itemScope?: boolean | undefined;
+        itemType?: string | undefined;
+        itemID?: string | undefined;
+        itemRef?: string | undefined;
+        results?: number | undefined;
+        unselectable?: "on" | "off" | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        is?: string | undefined;
         htmlFor?: string | undefined;
-        ref?: ((instance: HTMLLabelElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLLabelElement> | null | undefined;
+        ref?: React.RefObject<HTMLLabelElement> | ((instance: HTMLLabelElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
         as?: React.ElementType | undefined;
         variant?: string | undefined;
         css?: import("@emotion/serialize").Interpolation<any>;
@@ -5135,47 +5135,11 @@ declare const useField: <T>(props: UseFieldProps<T>) => {
         style?: React.CSSProperties | undefined;
         slot?: string | undefined;
         title?: string | undefined;
-        key?: Key | null | undefined;
-        defaultChecked?: boolean | undefined;
-        defaultValue?: string | number | readonly string[] | undefined;
-        suppressContentEditableWarning?: boolean | undefined;
-        suppressHydrationWarning?: boolean | undefined;
-        accessKey?: string | undefined;
-        autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
-        contextMenu?: string | undefined;
-        dir?: string | undefined;
-        draggable?: (boolean | "false" | "true") | undefined;
-        hidden?: boolean | undefined;
         id?: string | undefined;
-        lang?: string | undefined;
-        nonce?: string | undefined;
-        spellCheck?: (boolean | "false" | "true") | undefined;
         tabIndex?: number | undefined;
-        radioGroup?: string | undefined;
-        about?: string | undefined;
-        datatype?: string | undefined;
-        inlist?: any;
-        prefix?: string | undefined;
-        property?: string | undefined;
-        rel?: string | undefined;
-        resource?: string | undefined;
-        rev?: string | undefined;
-        typeof?: string | undefined;
-        vocab?: string | undefined;
-        autoCapitalize?: string | undefined;
-        autoCorrect?: string | undefined;
-        autoSave?: string | undefined;
-        itemProp?: string | undefined;
-        itemScope?: boolean | undefined;
-        itemType?: string | undefined;
-        itemID?: string | undefined;
-        itemRef?: string | undefined;
-        results?: number | undefined;
+        hidden?: boolean | undefined;
+        key?: Key | null | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
-        is?: string | undefined;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
         } | undefined;
@@ -5338,8 +5302,44 @@ declare const useField: <T>(props: UseFieldProps<T>) => {
         onAnimationIterationCapture?: React.AnimationEventHandler<import("@react-types/shared").FocusableElement> | undefined;
         onTransitionEnd?: React.TransitionEventHandler<import("@react-types/shared").FocusableElement> | undefined;
         onTransitionEndCapture?: React.TransitionEventHandler<import("@react-types/shared").FocusableElement> | undefined;
+        defaultChecked?: boolean | undefined;
+        defaultValue?: string | number | readonly string[] | undefined;
+        suppressContentEditableWarning?: boolean | undefined;
+        suppressHydrationWarning?: boolean | undefined;
+        accessKey?: string | undefined;
+        autoFocus?: boolean | undefined;
+        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
+        contextMenu?: string | undefined;
+        dir?: string | undefined;
+        draggable?: (boolean | "false" | "true") | undefined;
+        lang?: string | undefined;
+        nonce?: string | undefined;
+        spellCheck?: (boolean | "false" | "true") | undefined;
+        radioGroup?: string | undefined;
+        about?: string | undefined;
+        datatype?: string | undefined;
+        inlist?: any;
+        prefix?: string | undefined;
+        property?: string | undefined;
+        rel?: string | undefined;
+        resource?: string | undefined;
+        rev?: string | undefined;
+        typeof?: string | undefined;
+        vocab?: string | undefined;
+        autoCapitalize?: string | undefined;
+        autoCorrect?: string | undefined;
+        autoSave?: string | undefined;
+        itemProp?: string | undefined;
+        itemScope?: boolean | undefined;
+        itemType?: string | undefined;
+        itemID?: string | undefined;
+        itemRef?: string | undefined;
+        results?: number | undefined;
+        unselectable?: "on" | "off" | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        is?: string | undefined;
         htmlFor?: string | undefined;
-        ref?: ((instance: HTMLLabelElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLLabelElement> | null | undefined;
+        ref?: React.RefObject<HTMLLabelElement> | ((instance: HTMLLabelElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
         as?: React.ElementType | undefined;
         variant?: string | undefined;
         css?: import("@emotion/serialize").Interpolation<any>;

package/lib/cjs/hooks/useGetTheme/useGetTheme.d.ts

@@ -67,6 +67,8 @@ declare const useGetTheme: () => {
         mdiWeb: string;
         MenuDown: string;
         MenuUp: string;
+        tabPickerDown: string;
+        tabPickerUp: string;
         monitoringIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
         openInNew: string;
         overviewIcon: string;
@@ -85,6 +87,10 @@ declare const useGetTheme: () => {
         ImageOutlineIcon: string;
         helpHint: string;
         ModalCloseIcon: string;
+        errorCalloutBadge: import("@pingux/mdi-react").MdiReactIconComponentType;
+        infoCalloutBadge: import("@pingux/mdi-react").MdiReactIconComponentType;
+        successCalloutBadge: import("@pingux/mdi-react").MdiReactIconComponentType;
+        warningCalloutBadge: import("@pingux/mdi-react").MdiReactIconComponentType;
     };
     tShirtSizes: {
         'icon-50': string;
@@ -104,6 +110,7 @@ declare const useGetTheme: () => {
         xsm: string;
     };
     iconBadgeCircleColor: string;
+    iconBadgeTwotoneColorNames: string[];
     iconWrapperSizes: {
         xs: number;
         sm: number;
@@ -180,6 +187,8 @@ declare const useGetTheme: () => {
         mdiWeb: import("@pingux/mdi-react").MdiReactIconComponentType;
         MenuDown: import("@pingux/mdi-react").MdiReactIconComponentType;
         MenuUp: import("@pingux/mdi-react").MdiReactIconComponentType;
+        tabPickerDown: import("@pingux/mdi-react").MdiReactIconComponentType;
+        tabPickerUp: import("@pingux/mdi-react").MdiReactIconComponentType;
         monitoringIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
         openInNew: import("@pingux/mdi-react").MdiReactIconComponentType;
         overviewIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
@@ -199,6 +208,10 @@ declare const useGetTheme: () => {
         ImageOutlineIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
         helpHint: () => import("react/jsx-runtime").JSX.Element;
         ModalCloseIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
+        errorCalloutBadge: import("@pingux/mdi-react").MdiReactIconComponentType;
+        infoCalloutBadge: import("@pingux/mdi-react").MdiReactIconComponentType;
+        successCalloutBadge: import("@pingux/mdi-react").MdiReactIconComponentType;
+        warningCalloutBadge: import("@pingux/mdi-react").MdiReactIconComponentType;
     };
     styles: {
         navButtonEstHeight: number;
@@ -211,6 +224,7 @@ declare const useGetTheme: () => {
         md: string;
     };
     iconBadgeCircleColor: string;
+    iconBadgeTwotoneColorNames: string[];
     iconWrapperSizes: {
         xs: number;
         sm: number;

package/lib/cjs/hooks/useHelpHintPopover/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './useHelpHintPopover';
+export * from './useHelpHintPopover';

package/lib/cjs/hooks/useHelpHintPopover/index.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _context;
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+_Object$defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _useHelpHintPopover["default"];
+  }
+});
+var _useHelpHintPopover = _interopRequireWildcard(require("./useHelpHintPopover"));
+_forEachInstanceProperty(_context = _Object$keys(_useHelpHintPopover)).call(_context, function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useHelpHintPopover[key]) return;
+  _Object$defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useHelpHintPopover[key];
+    }
+  });
+});
+function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }

package/lib/cjs/hooks/useHelpHintPopover/useHelpHintPopover.d.ts

@@ -0,0 +1,25 @@
+import { RefObject } from 'react';
+import { Axis, DOMAttributes, PopoverContainerProps } from '../../types';
+export interface UseHelpHintPopoverOptions {
+    align?: 'start' | 'end' | 'middle';
+    className?: string;
+    closeDelay?: number;
+    crossOffset?: number;
+    direction?: Axis;
+    isDarkMode?: boolean;
+    isNotFlippable?: boolean;
+    isTriggerPressable?: boolean;
+    offset?: number;
+    shouldOpenOnTriggerFocus?: boolean;
+}
+export interface UseHelpHintPopoverResult {
+    close: () => void;
+    isFocusVisible: boolean;
+    isOpen: boolean;
+    open: () => void;
+    overlayRef: RefObject<HTMLElement>;
+    popoverContainerProps: PopoverContainerProps;
+    triggerProps: DOMAttributes;
+}
+declare const useHelpHintPopover: <T extends HTMLElement>(triggerRef: RefObject<T>, options?: UseHelpHintPopoverOptions) => UseHelpHintPopoverResult;
+export default useHelpHintPopover;

package/lib/cjs/hooks/useHelpHintPopover/useHelpHintPopover.js

@@ -0,0 +1,137 @@
+"use strict";
+
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
+var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
+var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
+var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
+var _setTimeout2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set-timeout"));
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
+var _react = require("react");
+var _reactAria = require("react-aria");
+var _reactStately = require("react-stately");
+var _interactions = require("@react-aria/interactions");
+var _useStatusClasses2 = _interopRequireDefault(require("../useStatusClasses"));
+var _excluded = ["onPress"];
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+var useHelpHintPopover = function useHelpHintPopover(triggerRef) {
+  var _context;
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var _options$align = options.align,
+    align = _options$align === void 0 ? 'middle' : _options$align,
+    className = options.className,
+    closeDelay = options.closeDelay,
+    crossOffset = options.crossOffset,
+    _options$direction = options.direction,
+    direction = _options$direction === void 0 ? 'top' : _options$direction,
+    _options$isDarkMode = options.isDarkMode,
+    isDarkMode = _options$isDarkMode === void 0 ? true : _options$isDarkMode,
+    _options$isNotFlippab = options.isNotFlippable,
+    isNotFlippable = _options$isNotFlippab === void 0 ? false : _options$isNotFlippab,
+    _options$isTriggerPre = options.isTriggerPressable,
+    isTriggerPressable = _options$isTriggerPre === void 0 ? true : _options$isTriggerPre,
+    _options$offset = options.offset,
+    offset = _options$offset === void 0 ? 15 : _options$offset,
+    _options$shouldOpenOn = options.shouldOpenOnTriggerFocus,
+    shouldOpenOnTriggerFocus = _options$shouldOpenOn === void 0 ? false : _options$shouldOpenOn;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    isFocusWithinOverlay = _useState2[0],
+    setIsFocusWithinOverlay = _useState2[1];
+  var escapeDismissedRef = (0, _react.useRef)(false);
+  var _useFocusWithin = (0, _reactAria.useFocusWithin)({
+      onFocusWithinChange: function onFocusWithinChange(isFocusWithin) {
+        return setIsFocusWithinOverlay(isFocusWithin);
+      }
+    }),
+    focusWithinProps = _useFocusWithin.focusWithinProps;
+  var overlayRef = (0, _react.useRef)(null);
+  var _useFocusRing = (0, _reactAria.useFocusRing)(),
+    focusProps = _useFocusRing.focusProps,
+    isFocusVisible = _useFocusRing.isFocusVisible;
+  var _useHover = (0, _interactions.useHover)({}),
+    overlayHoverProps = _useHover.hoverProps,
+    isOverlayHovered = _useHover.isHovered;
+  var _useHover2 = (0, _interactions.useHover)({}),
+    hoverProps = _useHover2.hoverProps,
+    isTriggerHovered = _useHover2.isHovered;
+  var popoverState = (0, _reactStately.useOverlayTriggerState)({});
+  var open = popoverState.open,
+    close = popoverState.close,
+    isOpen = popoverState.isOpen;
+  var _useOverlayTrigger = (0, _reactAria.useOverlayTrigger)({
+      type: 'dialog'
+    }, popoverState, triggerRef),
+    triggerProps = _useOverlayTrigger.triggerProps,
+    overlayProps = _useOverlayTrigger.overlayProps;
+  (0, _react.useEffect)(function () {
+    var timeout;
+    var isHovered = isTriggerHovered || isOverlayHovered;
+    if (isHovered || isFocusWithinOverlay || shouldOpenOnTriggerFocus && isFocusVisible && !escapeDismissedRef.current) {
+      open();
+    } else if (!isFocusWithinOverlay && !isFocusVisible && !isHovered) {
+      escapeDismissedRef.current = false;
+      timeout = (0, _setTimeout2["default"])(close, closeDelay || 1000);
+    }
+    return function () {
+      clearTimeout(timeout);
+    };
+  }, [isFocusWithinOverlay, isFocusVisible, isOverlayHovered, isTriggerHovered, close, closeDelay, open, shouldOpenOnTriggerFocus]);
+  var _useOverlayPosition = (0, _reactAria.useOverlayPosition)({
+      targetRef: triggerRef,
+      overlayRef: overlayRef,
+      placement: (0, _concat["default"])(_context = "".concat(direction, " ")).call(_context, align),
+      offset: offset,
+      crossOffset: crossOffset,
+      isOpen: isOpen,
+      onClose: close,
+      shouldUpdatePosition: true,
+      shouldFlip: !isNotFlippable
+    }),
+    positionProps = _useOverlayPosition.overlayProps,
+    placement = _useOverlayPosition.placement;
+  var _useStatusClasses = (0, _useStatusClasses2["default"])(className, {
+      isDarkMode: isDarkMode
+    }),
+    classNames = _useStatusClasses.classNames;
+  var onPress = triggerProps.onPress,
+    pressFreeTriggerProps = (0, _objectWithoutProperties2["default"])(triggerProps, _excluded);
+  var dismissOnEscape = function dismissOnEscape(event) {
+    if (event.key === 'Escape') {
+      escapeDismissedRef.current = true;
+      close();
+    }
+  };
+  return {
+    close: close,
+    isFocusVisible: isFocusVisible,
+    isOpen: isOpen,
+    open: open,
+    overlayRef: overlayRef,
+    triggerProps: (0, _reactAria.mergeProps)(isTriggerPressable ? triggerProps : pressFreeTriggerProps, focusProps, hoverProps, {
+      onKeyUp: dismissOnEscape
+    }),
+    popoverContainerProps: _objectSpread({
+      className: classNames,
+      direction: direction,
+      isDismissable: isFocusWithinOverlay ? !isOpen : true,
+      isNonModal: true,
+      isOpen: isOpen,
+      onClose: close,
+      placement: placement !== null && placement !== void 0 ? placement : undefined
+    }, (0, _reactAria.mergeProps)(overlayProps, positionProps, overlayHoverProps, focusWithinProps))
+  };
+};
+var _default = exports["default"] = useHelpHintPopover;