@base-ui/react 1.4.0 → 1.5.0

package/esm/field/label/FieldLabel.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { FieldRootState } from "../root/FieldRoot.js";
-import type { BaseUIComponentProps } from "../../utils/types.js";
+import type { BaseUIComponentProps } from "../../internals/types.js";
 /**
  * An accessible label that is automatically associated with the field control.
  * Renders a `<label>` element.

package/esm/field/label/FieldLabel.js

@@ -3,11 +3,11 @@
 import * as React from 'react';
 import { error } from '@base-ui/utils/error';
 import { SafeReact } from '@base-ui/utils/safeReact';
-import { useFieldRootContext } from "../root/FieldRootContext.js";
-import { fieldValidityMapping } from "../utils/constants.js";
-import { useRenderElement } from "../../utils/useRenderElement.js";
-import { useLabelableContext } from "../../labelable-provider/LabelableContext.js";
-import { useLabel } from "../../labelable-provider/useLabel.js";
+import { useFieldRootContext } from "../../internals/field-root-context/FieldRootContext.js";
+import { fieldValidityMapping } from "../../internals/field-constants/constants.js";
+import { useRenderElement } from "../../internals/useRenderElement.js";
+import { useLabelableContext } from "../../internals/labelable-provider/LabelableContext.js";
+import { useLabel } from "../../internals/labelable-provider/useLabel.js";
 
 /**
  * An accessible label that is automatically associated with the field control.

package/esm/field/label/FieldLabelDataAttributes.d.ts

@@ -4,11 +4,11 @@ export declare enum FieldLabelDataAttributes {
    */
   disabled = "data-disabled",
   /**
-   * Present when the field is in valid state.
+   * Present when the field is in a valid state.
    */
   valid = "data-valid",
   /**
-   * Present when the field is in invalid state.
+   * Present when the field is in an invalid state.
    */
   invalid = "data-invalid",
   /**

package/esm/field/label/FieldLabelDataAttributes.js

@@ -4,11 +4,11 @@ export let FieldLabelDataAttributes = /*#__PURE__*/function (FieldLabelDataAttri
    */
   FieldLabelDataAttributes["disabled"] = "data-disabled";
   /**
-   * Present when the field is in valid state.
+   * Present when the field is in a valid state.
    */
   FieldLabelDataAttributes["valid"] = "data-valid";
   /**
-   * Present when the field is in invalid state.
+   * Present when the field is in an invalid state.
    */
   FieldLabelDataAttributes["invalid"] = "data-invalid";
   /**

package/esm/field/root/FieldRoot.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { Form } from "../../form/index.js";
-import { BaseUIComponentProps } from "../../utils/types.js";
+import { BaseUIComponentProps } from "../../internals/types.js";
 /**
  * Groups all parts of the field.
  * Renders a `<div>` element.

package/esm/field/root/FieldRoot.js

@@ -2,14 +2,14 @@
 
 import * as React from 'react';
 import { useStableCallback } from '@base-ui/utils/useStableCallback';
-import { FieldRootContext } from "./FieldRootContext.js";
-import { DEFAULT_VALIDITY_STATE, fieldValidityMapping } from "../utils/constants.js";
+import { FieldRootContext } from "../../internals/field-root-context/FieldRootContext.js";
+import { DEFAULT_VALIDITY_STATE, fieldValidityMapping } from "../../internals/field-constants/constants.js";
 import { useFieldsetRootContext } from "../../fieldset/root/FieldsetRootContext.js";
-import { useFormContext } from "../../form/FormContext.js";
-import { LabelableProvider } from "../../labelable-provider/index.js";
-import { useRenderElement } from "../../utils/useRenderElement.js";
+import { useFormContext } from "../../internals/form-context/FormContext.js";
+import { LabelableProvider } from "../../internals/labelable-provider/index.js";
+import { useRenderElement } from "../../internals/useRenderElement.js";
 import { useFieldValidation } from "./useFieldValidation.js";
-import { useFieldControlRegistration } from "./useFieldControlRegistration.js";
+import { useFieldControlRegistration } from "../../internals/field-register-control/useFieldControlRegistration.js";
 
 /**
  * @internal
@@ -48,6 +48,11 @@ const FieldRootInner = /*#__PURE__*/React.forwardRef(function FieldRootInner(com
   const dirty = dirtyProp ?? dirtyState;
   const touched = touchedProp ?? touchedState;
   const markedDirtyRef = React.useRef(false);
+  const registeredFieldIdRef = React.useRef(undefined);
+  const getRegisteredFieldId = React.useCallback(() => registeredFieldIdRef.current, []);
+  const setRegisteredFieldId = React.useCallback(id => {
+    registeredFieldIdRef.current = id;
+  }, []);
   const setDirty = useStableCallback(value => {
     if (dirtyProp !== undefined) {
       return;
@@ -91,17 +96,20 @@ const FieldRootInner = /*#__PURE__*/React.forwardRef(function FieldRootInner(com
     markedDirtyRef,
     state,
     name,
-    shouldValidateOnChange
+    shouldValidateOnChange,
+    getRegisteredFieldId
   });
+  const validityValue = validityData.value;
   const handleImperativeValidate = React.useCallback(() => {
     markedDirtyRef.current = true;
-    validation.commit(validityData.value);
-  }, [validation, validityData]);
+    validation.commit(validityValue);
+  }, [validation, validityValue]);
   const registerFieldControl = useFieldControlRegistration({
     commit: validation.commit,
     invalid,
     markedDirtyRef,
     name,
+    setRegisteredFieldId,
     setValidityData,
     validityData
   });

package/esm/field/root/useFieldValidation.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { Form } from "../../form/index.js";
-import type { HTMLProps } from "../../utils/types.js";
+import type { HTMLProps } from "../../internals/types.js";
 import type { FieldValidityData, FieldRootState } from "./FieldRoot.js";
 export declare function useFieldValidation(params: UseFieldValidationParameters): UseFieldValidationReturnValue;
 export interface UseFieldValidationParameters {
@@ -13,6 +13,7 @@ export interface UseFieldValidationParameters {
   state: FieldRootState;
   name: string | undefined;
   shouldValidateOnChange: () => boolean;
+  getRegisteredFieldId: () => string | undefined;
 }
 export interface UseFieldValidationReturnValue {
   getValidationProps: (props?: HTMLProps) => HTMLProps;

package/esm/field/root/useFieldValidation.js

@@ -4,10 +4,10 @@ import * as React from 'react';
 import { EMPTY_OBJECT } from '@base-ui/utils/empty';
 import { useTimeout } from '@base-ui/utils/useTimeout';
 import { useStableCallback } from '@base-ui/utils/useStableCallback';
-import { useLabelableContext } from "../../labelable-provider/LabelableContext.js";
+import { useLabelableContext } from "../../internals/labelable-provider/LabelableContext.js";
 import { mergeProps } from "../../merge-props/index.js";
-import { DEFAULT_VALIDITY_STATE } from "../utils/constants.js";
-import { useFormContext } from "../../form/FormContext.js";
+import { DEFAULT_VALIDITY_STATE } from "../../internals/field-constants/constants.js";
+import { useFormContext } from "../../internals/form-context/FormContext.js";
 import { getCombinedFieldValidityData } from "../utils/getCombinedFieldValidityData.js";
 const validityKeys = Object.keys(DEFAULT_VALIDITY_STATE);
 function isOnlyValueMissing(state) {
@@ -42,7 +42,8 @@ export function useFieldValidation(params) {
     markedDirtyRef,
     state,
     name,
-    shouldValidateOnChange
+    shouldValidateOnChange,
+    getRegisteredFieldId
   } = params;
   const {
     controlId,
@@ -55,6 +56,21 @@ export function useFieldValidation(params) {
     if (!element) {
       return;
     }
+    function updateRegisteredFieldValidity(nextValidityData, externalInvalid = invalid) {
+      const fieldId = getRegisteredFieldId() ?? controlId;
+      if (fieldId == null) {
+        return;
+      }
+      const currentFieldData = formRef.current.fields.get(fieldId);
+      if (!currentFieldData) {
+        return;
+      }
+      const validityDataWithFormErrors = getCombinedFieldValidityData(nextValidityData, externalInvalid);
+      formRef.current.fields.set(fieldId, {
+        ...currentFieldData,
+        validityData: validityDataWithFormErrors
+      });
+    }
     if (revalidate) {
       if (state.valid !== false) {
         return;
@@ -75,15 +91,9 @@ export function useFieldValidation(params) {
           initialValue: validityData.initialValue
         };
         element.setCustomValidity('');
-        if (controlId) {
-          const currentFieldData = formRef.current.fields.get(controlId);
-          if (currentFieldData) {
-            formRef.current.fields.set(controlId, {
-              ...currentFieldData,
-              ...getCombinedFieldValidityData(nextValidityData, false) // invalid = false
-            });
-          }
-        }
+
+        // The required value is now present; ignore stale external invalid state for this pass.
+        updateRegisteredFieldValidity(nextValidityData, false);
         setValidityData(nextValidityData);
         return;
       }
@@ -186,16 +196,9 @@ export function useFieldValidation(params) {
       errors: validationErrors,
       initialValue: validityData.initialValue
     };
-    if (controlId) {
-      const currentFieldData = formRef.current.fields.get(controlId);
-      if (currentFieldData) {
-        formRef.current.fields.set(controlId, {
-          ...currentFieldData,
-          // Keep Form-level errors part of overall field validity for submit blocking/focus logic.
-          ...getCombinedFieldValidityData(nextValidityData, invalid)
-        });
-      }
-    }
+
+    // Keep Form-level errors part of overall field validity for submit blocking/focus logic.
+    updateRegisteredFieldValidity(nextValidityData);
     setValidityData(nextValidityData);
   });
   const getValidationProps = React.useCallback((externalProps = {}) => mergeProps(getDescriptionProps, state.valid === false ? {

package/esm/field/utils/getCombinedFieldValidityData.d.ts

@@ -1,4 +1,4 @@
-import { FieldValidityData } from "../root/FieldRoot.js";
+import type { FieldValidityData } from "../root/FieldRoot.js";
 /**
  * Combines the field's client-side, stateful validity data with the external invalid state to
  * determine the field's true validity.

package/esm/field/validity/FieldValidity.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { FieldValidityData } from "../root/FieldRoot.js";
-import { type TransitionStatus } from "../../utils/useTransitionStatus.js";
+import type { FieldValidityData } from "../root/FieldRoot.js";
+import { type TransitionStatus } from "../../internals/useTransitionStatus.js";
 /**
  * Used to display a custom message based on the field's validity.
  * Requires `children` to be a function that accepts field validity state as an argument.

package/esm/field/validity/FieldValidity.js

@@ -1,9 +1,9 @@
 'use client';
 
 import * as React from 'react';
-import { useFieldRootContext } from "../root/FieldRootContext.js";
+import { useFieldRootContext } from "../../internals/field-root-context/FieldRootContext.js";
 import { getCombinedFieldValidityData } from "../utils/getCombinedFieldValidityData.js";
-import { useTransitionStatus } from "../../utils/useTransitionStatus.js";
+import { useTransitionStatus } from "../../internals/useTransitionStatus.js";
 
 /**
  * Used to display a custom message based on the field's validity.

package/esm/fieldset/legend/FieldsetLegend.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { BaseUIComponentProps } from "../../utils/types.js";
+import type { BaseUIComponentProps } from "../../internals/types.js";
 /**
  * An accessible label that is automatically associated with the fieldset.
  * Renders a `<div>` element.

package/esm/fieldset/legend/FieldsetLegend.js

@@ -2,8 +2,8 @@
 
 import * as React from 'react';
 import { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';
-import { useBaseUiId } from "../../utils/useBaseUiId.js";
-import { useRenderElement } from "../../utils/useRenderElement.js";
+import { useBaseUiId } from "../../internals/useBaseUiId.js";
+import { useRenderElement } from "../../internals/useRenderElement.js";
 import { useFieldsetRootContext } from "../root/FieldsetRootContext.js";
 /**
  * An accessible label that is automatically associated with the fieldset.

package/esm/fieldset/root/FieldsetRoot.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { BaseUIComponentProps } from "../../utils/types.js";
+import type { BaseUIComponentProps } from "../../internals/types.js";
 /**
  * Groups a shared legend with related controls.
  * Renders a `<fieldset>` element.

package/esm/fieldset/root/FieldsetRoot.js

@@ -2,7 +2,7 @@
 
 import * as React from 'react';
 import { FieldsetRootContext } from "./FieldsetRootContext.js";
-import { useRenderElement } from "../../utils/useRenderElement.js";
+import { useRenderElement } from "../../internals/useRenderElement.js";
 
 /**
  * Groups a shared legend with related controls.

package/esm/floating-ui-react/components/FloatingDelayGroup.js

@@ -4,8 +4,8 @@ import * as React from 'react';
 import { useTimeout, Timeout } from '@base-ui/utils/useTimeout';
 import { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';
 import { getDelay } from "../hooks/useHoverShared.js";
-import { createChangeEventDetails } from "../../utils/createBaseUIEventDetails.js";
-import { REASONS } from "../../utils/reasons.js";
+import { createChangeEventDetails } from "../../internals/createBaseUIEventDetails.js";
+import { REASONS } from "../../internals/reasons.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const FloatingDelayGroupContext = /*#__PURE__*/React.createContext({
   hasProvider: false,
@@ -68,11 +68,11 @@ export function FloatingDelayGroup(props) {
 export function useDelayGroup(context, options = {
   open: false
 }) {
-  const store = 'rootStore' in context ? context.rootStore : context;
-  const floatingId = store.useState('floatingId');
   const {
     open
   } = options;
+  const store = 'rootStore' in context ? context.rootStore : context;
+  const floatingId = store.useState('floatingId');
   const groupContext = React.useContext(FloatingDelayGroupContext);
   const {
     currentIdRef,
@@ -141,7 +141,7 @@ export function useDelayGroup(context, options = {
       setIsInstantPhase(false);
       prevContext?.setIsInstantPhase(false);
     }
-  }, [open, floatingId, store, currentIdRef, delayRef, timeoutMs, initialDelayRef, currentContextRef, timeout]);
+  }, [open, floatingId, store, currentIdRef, delayRef, initialDelayRef, currentContextRef, timeout]);
   useIsoLayoutEffect(() => {
     return () => {
       currentContextRef.current = null;

package/esm/floating-ui-react/components/FloatingFocusManager.d.ts

@@ -83,7 +83,7 @@ export interface FloatingFocusManagerProps {
    */
   beforeContentFocusGuardRef?: React.RefObject<HTMLSpanElement | null> | undefined;
   /**
-   * External FlatingTree to use when the one provided by context can't be used.
+   * External FloatingTree to use when the one provided by context can't be used.
    */
   externalTree?: FloatingTreeStore | undefined;
   /**

package/esm/floating-ui-react/components/FloatingFocusManager.js

@@ -18,14 +18,14 @@ import { isVirtualClick, isVirtualPointerEvent, stopEvent } from "../utils/event
 import { tabbable, focusable, isOutsideEvent, isTabbable, getNextTabbable, getPreviousTabbable } from "../utils/tabbable.js";
 import { getNodeAncestors, getNodeChildren } from "../utils/nodes.js";
 import { isElementVisible } from "../utils/composite.js";
-import { createChangeEventDetails } from "../../utils/createBaseUIEventDetails.js";
-import { REASONS } from "../../utils/reasons.js";
+import { createChangeEventDetails } from "../../internals/createBaseUIEventDetails.js";
+import { REASONS } from "../../internals/reasons.js";
 import { createAttribute } from "../utils/createAttribute.js";
 import { enqueueFocus } from "../utils/enqueueFocus.js";
 import { markOthers } from "../utils/markOthers.js";
 import { usePortalContext } from "./FloatingPortal.js";
 import { useFloatingTree } from "./FloatingTree.js";
-import { CLICK_TRIGGER_IDENTIFIER } from "../../utils/constants.js";
+import { CLICK_TRIGGER_IDENTIFIER } from "../../internals/constants.js";
 import { resolveRef } from "../../utils/resolveRef.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function getEventType(event, lastInteractionType) {
@@ -79,15 +79,6 @@ function getFirstTabbableElement(container) {
   }
   return tabbable(container)[0] || container;
 }
-function isFocusable(element) {
-  if (!element || !element.isConnected) {
-    return false;
-  }
-  if (typeof element.checkVisibility === 'function') {
-    return element.checkVisibility();
-  }
-  return isElementVisible(element);
-}
 function handleTabIndex(floatingFocusElement, orderRef) {
   if (floatingFocusElement.hasAttribute('tabindex') && !floatingFocusElement.hasAttribute('data-tabindex')) {
     return;
@@ -189,7 +180,7 @@ export function FloatingFocusManager(props) {
     }
     const doc = ownerDocument(floatingFocusElement);
     return addEventListener(doc, 'keydown', onKeyDown);
-  }, [disabled, domReference, floatingFocusElement, modal, orderRef, isUntrappedTypeableCombobox, getTabbableContent]);
+  }, [disabled, floatingFocusElement, modal, isUntrappedTypeableCombobox, getTabbableContent]);
 
   // Track pointer/keyboard interactions to disambiguate focus and outside presses.
   React.useEffect(() => {
@@ -252,7 +243,7 @@ export function FloatingFocusManager(props) {
 
         // Restore focus to the previous tabbable element index to prevent
         // focus from being lost outside the floating tree.
-        if (restoreFocus && currentTarget !== domReference && !isFocusable(target) && activeElement(doc) === doc.body) {
+        if (restoreFocus && currentTarget !== domReference && !isElementVisible(target) && activeElement(doc) === doc.body) {
           // Let `FloatingPortal` effect knows that focus is still inside the
           // floating tree.
           if (isHTMLElement(floatingFocusElement)) {
@@ -338,7 +329,7 @@ export function FloatingFocusManager(props) {
       markerCleanup();
       ariaHiddenCleanup();
     };
-  }, [open, disabled, domReference, floating, modal, orderRef, portalContext, isUntrappedTypeableCombobox, tree, getNodeId, nextFocusableElement, previousFocusableElement, getResolvedInsideElements]);
+  }, [open, disabled, domReference, floating, modal, portalContext, isUntrappedTypeableCombobox, tree, getNodeId, nextFocusableElement, previousFocusableElement, getResolvedInsideElements]);
 
   // Focus the initial element when the floating element opens.
   useIsoLayoutEffect(() => {
@@ -375,11 +366,20 @@ export function FloatingFocusManager(props) {
         elToFocus = resolveRef(resolvedInitialFocus);
       }
       elToFocus = elToFocus || getDefaultFocusElement();
+      const hadFocusInside = contains(floatingFocusElement, activeElement(doc));
       enqueueFocus(elToFocus, {
-        preventScroll: elToFocus === floatingFocusElement
+        preventScroll: elToFocus === floatingFocusElement,
+        shouldFocus() {
+          if (hadFocusInside) {
+            return true;
+          }
+          const currentActiveElement = activeElement(doc);
+          const focusMovedInside = currentActiveElement !== elToFocus && contains(floatingFocusElement, currentActiveElement);
+          return !focusMovedInside;
+        }
       });
     });
-  }, [disabled, open, floatingFocusElement, ignoreInitialFocus, getTabbableContent, initialFocusRef, openInteractionTypeRef]);
+  }, [disabled, open, floatingFocusElement, getTabbableContent, initialFocusRef, openInteractionTypeRef]);
 
   // Track return focus targets and restore focus on unmount/close.
   useIsoLayoutEffect(() => {
@@ -434,10 +434,12 @@ export function FloatingFocusManager(props) {
         resolvedReturnFocusValue = true;
       }
       if (typeof resolvedReturnFocusValue === 'boolean') {
-        const el = domReference || getPreviouslyFocusedElement();
-        return el && el.isConnected ? el : null;
+        if (domReference?.isConnected) {
+          return domReference;
+        }
+        return getPreviouslyFocusedElement() || null;
       }
-      const fallback = domReference || getPreviouslyFocusedElement();
+      const fallback = domReference?.isConnected ? domReference : getPreviouslyFocusedElement();
       return resolveRef(resolvedReturnFocusValue) || fallback || null;
     }
     return () => {
@@ -465,7 +467,7 @@ export function FloatingFocusManager(props) {
         preventReturnFocusRef.current = false;
       });
     };
-  }, [disabled, floating, floatingFocusElement, returnFocusRef, dataRef, events, tree, domReference, getNodeId, getResolvedInsideElements]);
+  }, [disabled, floating, floatingFocusElement, returnFocusRef, events, tree, domReference, getNodeId, getResolvedInsideElements]);
 
   // Safari may randomly scroll to the bottom of the page if an input inside a popup has focus
   // when the popup unmounts from the DOM.
@@ -482,6 +484,7 @@ export function FloatingFocusManager(props) {
       activeEl.blur();
     }
   }, [open, floating]);
+
   // Synchronize the `context` & `modal` value to the FloatingPortal context.
   // It will decide whether or not it needs to render its own guards.
   useIsoLayoutEffect(() => {

package/esm/floating-ui-react/components/FloatingPortal.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { type UseRenderElementComponentProps } from "../../utils/useRenderElement.js";
-import type { BaseUIComponentProps } from "../../utils/types.js";
+import { type UseRenderElementComponentProps } from "../../internals/useRenderElement.js";
+import type { BaseUIComponentProps } from "../../internals/types.js";
 type FocusManagerState = null | {
   modal: boolean;
   open: boolean;

package/esm/floating-ui-react/components/FloatingPortal.js

@@ -8,13 +8,14 @@ import { mergeCleanups } from '@base-ui/utils/mergeCleanups';
 import { useId } from '@base-ui/utils/useId';
 import { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';
 import { useStableCallback } from '@base-ui/utils/useStableCallback';
+import { EMPTY_OBJECT } from '@base-ui/utils/empty';
 import { FocusGuard } from "../../utils/FocusGuard.js";
 import { enableFocusInside, disableFocusInside, getPreviousTabbable, getNextTabbable, isOutsideEvent } from "../utils/tabbable.js";
-import { createChangeEventDetails } from "../../utils/createBaseUIEventDetails.js";
-import { REASONS } from "../../utils/reasons.js";
+import { createChangeEventDetails } from "../../internals/createBaseUIEventDetails.js";
+import { REASONS } from "../../internals/reasons.js";
 import { createAttribute } from "../utils/createAttribute.js";
-import { useRenderElement } from "../../utils/useRenderElement.js";
-import { EMPTY_OBJECT, ownerVisuallyHidden } from "../../utils/constants.js";
+import { useRenderElement } from "../../internals/useRenderElement.js";
+import { ownerVisuallyHidden } from "../../internals/constants.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const PortalContext = /*#__PURE__*/React.createContext(null);
 if (process.env.NODE_ENV !== "production") PortalContext.displayName = "PortalContext";
@@ -99,12 +100,12 @@ export function useFloatingPortalNode(props = {}) {
  */
 export const FloatingPortal = /*#__PURE__*/React.forwardRef(function FloatingPortal(componentProps, forwardedRef) {
   const {
+    render,
+    className,
+    style,
     children,
     container,
-    className,
-    render,
     renderGuards,
-    style,
     ...elementProps
   } = componentProps;
   const {

package/esm/floating-ui-react/components/FloatingRootStore.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { ReactStore } from '@base-ui/utils/store';
 import type { FloatingEvents, ContextData, ReferenceType } from "../types.js";
-import { type BaseUIChangeEventDetails } from "../../utils/createBaseUIEventDetails.js";
+import { type BaseUIChangeEventDetails } from "../../internals/createBaseUIEventDetails.js";
 import { type PopupTriggerMap } from "../../utils/popups/index.js";
-import type { TransitionStatus } from "../../utils/useTransitionStatus.js";
+import type { TransitionStatus } from "../../internals/useTransitionStatus.js";
 export interface FloatingRootState {
   open: boolean;
   transitionStatus: TransitionStatus | undefined;

package/esm/floating-ui-react/hooks/useClick.d.ts

@@ -1,5 +1,5 @@
 import type { ElementProps, FloatingContext, FloatingRootContext } from "../types.js";
-import { REASONS } from "../../utils/reasons.js";
+import { REASONS } from "../../internals/reasons.js";
 export interface UseClickProps {
   /**
    * Whether the Hook is enabled, including all internal Effects and event