@base-ui/react 1.6.0 → 1.7.0

package/tooltip/store/TooltipStore.mjs

@@ -1,34 +1,36 @@
 import * as React from 'react';
-import { createSelector, ReactStore } from '@base-ui/utils/store';
+import { ReactStore } from '@base-ui/utils/store';
+import { NOOP } from '@base-ui/utils/empty';
 import { createChangeEventDetails } from "../../internals/createBaseUIEventDetails.mjs";
 import { REASONS } from "../../internals/reasons.mjs";
-import { applyPopupOpenChange, createPopupFloatingRootContext, createInitialPopupStoreState, popupStoreSelectors, PopupTriggerMap, usePopupStore } from "../../utils/popups/index.mjs";
+import { NullStore } from "../../utils/NullStore.mjs";
+import { applyPopupOpenChange, createPopupFloatingRootContext, createInitialPopupStoreState, popupStoreSelectors, PopupTriggerMap } from "../../utils/popups/index.mjs";
 const selectors = {
   ...popupStoreSelectors,
-  disabled: createSelector(state => state.disabled),
-  instantType: createSelector(state => state.instantType),
-  isInstantPhase: createSelector(state => state.isInstantPhase),
-  trackCursorAxis: createSelector(state => state.trackCursorAxis),
-  disableHoverablePopup: createSelector(state => state.disableHoverablePopup),
-  lastOpenChangeReason: createSelector(state => state.openChangeReason),
-  closeOnClick: createSelector(state => state.closeOnClick),
-  closeDelay: createSelector(state => state.closeDelay),
-  hasViewport: createSelector(state => state.hasViewport)
+  disabled: state => state.disabled,
+  instantType: state => state.instantType,
+  isInstantPhase: state => state.isInstantPhase,
+  trackCursorAxis: state => state.trackCursorAxis,
+  disableHoverablePopup: state => state.disableHoverablePopup,
+  lastOpenChangeReason: state => state.openChangeReason,
+  closeOnClick: state => state.closeOnClick,
+  closeDelay: state => state.closeDelay,
+  adaptiveOrigin: state => state.adaptiveOrigin
 };
+
+/**
+ * The store view that detached handle-backed triggers read from. Both the real `TooltipStore` and
+ * the inert fallback store satisfy it, so a trigger can read from whichever store the handle
+ * currently exposes. Narrowed to the members a trigger actually uses — the trigger-data members plus
+ * `setOpen`/`cancelPendingOpen` (called directly by the trigger) and `useSyncedValue` — so the
+ * exposed surface can't bypass the open-change pipeline; on the detached fallback store every one of
+ * these mutations is a no-op.
+ */
+
 export class TooltipStore extends ReactStore {
-  constructor(initialState, floatingId, nested = false) {
+  constructor(initialState, floatingId, nested) {
     const triggerElements = new PopupTriggerMap();
-    const state = {
-      ...createInitialState(),
-      ...initialState
-    };
-    state.floatingRootContext = createPopupFloatingRootContext(triggerElements, floatingId, nested);
-    super(state, {
-      popupRef: /*#__PURE__*/React.createRef(),
-      onOpenChange: undefined,
-      onOpenChangeComplete: undefined,
-      triggerElements
-    }, selectors);
+    super(createInitialState(initialState, triggerElements, floatingId, nested), createInitialContext(triggerElements), selectors);
   }
   setOpen = (nextOpen, eventDetails) => {
     applyPopupOpenChange(this, nextOpen, eventDetails, {
@@ -42,16 +44,25 @@ export class TooltipStore extends ReactStore {
   cancelPendingOpen(event) {
     this.state.floatingRootContext.dispatchOpenChange(false, createChangeEventDetails(REASONS.triggerPress, event));
   }
-  static useStore(externalStore, initialState) {
-    /* eslint-disable react-hooks/rules-of-hooks */
-    const store = usePopupStore(externalStore, (floatingId, nested) => new TooltipStore(initialState, floatingId, nested)).store;
-    /* eslint-enable react-hooks/rules-of-hooks */
+}
 
-    return store;
-  }
+/**
+ * Creates the inert fallback store used by detached handle-backed triggers while no `Tooltip.Root`
+ * is attached. It preserves a tooltip-specific trigger registry in context so detached triggers can
+ * register before migrating to the live root store. `setOpen`/`cancelPendingOpen` are no-ops
+ * (matching the inert reads/writes of `NullStore`), so a trigger can call them from hover/click
+ * handlers while detached without any effect.
+ */
+export function createNullTooltipStore() {
+  const triggerElements = new PopupTriggerMap();
+  const store = new NullStore(Object.freeze(createInitialState(undefined, triggerElements)), Object.freeze(createInitialContext(triggerElements)), selectors);
+  return Object.assign(store, {
+    setOpen: NOOP,
+    cancelPendingOpen: NOOP
+  });
 }
-function createInitialState() {
-  return {
+function createInitialState(initialState, triggerElements, floatingId, nested = false) {
+  const state = {
     ...createInitialPopupStoreState(),
     disabled: false,
     instantType: undefined,
@@ -61,6 +72,17 @@ function createInitialState() {
     openChangeReason: null,
     closeOnClick: true,
     closeDelay: 0,
-    hasViewport: false
+    adaptiveOrigin: undefined,
+    ...initialState
+  };
+  state.floatingRootContext = createPopupFloatingRootContext(triggerElements, floatingId, nested);
+  return state;
+}
+function createInitialContext(triggerElements) {
+  return {
+    popupRef: /*#__PURE__*/React.createRef(),
+    onOpenChange: undefined,
+    onOpenChangeComplete: undefined,
+    triggerElements
   };
 }

package/tooltip/trigger/TooltipTrigger.d.mts

@@ -27,7 +27,7 @@ export interface TooltipTriggerProps<Payload = unknown> extends BaseUIComponentP
    */
   payload?: Payload | undefined;
   /**
-   * How long to wait before opening the tooltip. Specified in milliseconds.
+   * How long to wait before opening the tooltip on hover. Specified in milliseconds.
    * @default 600
    */
   delay?: number | undefined;

package/tooltip/trigger/TooltipTrigger.d.ts

@@ -27,7 +27,7 @@ export interface TooltipTriggerProps<Payload = unknown> extends BaseUIComponentP
    */
   payload?: Payload | undefined;
   /**
-   * How long to wait before opening the tooltip. Specified in milliseconds.
+   * How long to wait before opening the tooltip on hover. Specified in milliseconds.
    * @default 600
    */
   delay?: number | undefined;

package/tooltip/trigger/TooltipTrigger.js

@@ -24,8 +24,8 @@ var _element = require("../../floating-ui-react/utils/element");
 var _event = require("../../floating-ui-react/utils/event");
 var _createBaseUIEventDetails = require("../../internals/createBaseUIEventDetails");
 var _reasons = require("../../internals/reasons");
-var _TooltipTriggerDataAttributes = require("./TooltipTriggerDataAttributes");
 var _useHoverInteractionSharedState = require("../../floating-ui-react/hooks/useHoverInteractionSharedState");
+var _useHoverShared = require("../../floating-ui-react/hooks/useHoverShared");
 var _constants = require("../utils/constants");
 const TOOLTIP_TRIGGER_IDENTIFIER = 'data-base-ui-tooltip-trigger';
 function getTargetElement(event) {
@@ -47,13 +47,9 @@ function getTargetElement(event) {
 function closestEnabledTooltipTrigger(element) {
   let current = element;
   while (current) {
-    if (current.hasAttribute(TOOLTIP_TRIGGER_IDENTIFIER)) {
-      return current;
-    }
-    const parentElement = current.parentElement;
-    if (parentElement) {
-      current = parentElement;
-      continue;
+    const trigger = current.closest(`[${TOOLTIP_TRIGGER_IDENTIFIER}]`);
+    if (trigger) {
+      return trigger;
     }
     const root = current.getRootNode();
     current = 'host' in root && (0, _dom.isElement)(root.host) ? root.host : null;
@@ -82,7 +78,8 @@ const TooltipTrigger = exports.TooltipTrigger = (0, _fastHooks.fastComponentRef)
     ...elementProps
   } = componentProps;
   const rootContext = (0, _TooltipRootContext.useTooltipRootContext)(true);
-  const store = handle?.store ?? rootContext;
+  const handleStore = (0, _popups.usePopupHandleStore)(handle);
+  const store = handleStore ?? rootContext;
   if (!store) {
     throw new Error(process.env.NODE_ENV !== "production" ? 'Base UI: <Tooltip.Trigger> must be either used within a <Tooltip.Root> component or provided with a handle.' : (0, _formatErrorMessage2.default)(82));
   }
@@ -101,7 +98,7 @@ const TooltipTrigger = exports.TooltipTrigger = (0, _fastHooks.fastComponentRef)
     closeOnClick,
     closeDelay: closeDelayWithDefault
   });
-  const providerContext = (0, _TooltipProviderContext.useTooltipProviderContext)();
+  const providerDelay = (0, _TooltipProviderContext.useTooltipProviderContext)();
   const {
     delayRef,
     isInstantPhase,
@@ -121,17 +118,10 @@ const TooltipTrigger = exports.TooltipTrigger = (0, _fastHooks.fastComponentRef)
   // Local copy so it can be cleared on mouseLeave without resetting the hover hook's own pointerType.
   const pointerTypeRef = React.useRef(undefined);
   function getOpenDelay() {
-    const providerDelay = providerContext?.delay;
-    const groupOpenValue = typeof delayRef.current === 'object' ? delayRef.current.open : undefined;
-    let computedOpenDelay = delayWithDefault;
-    if (hasProvider) {
-      if (groupOpenValue !== 0) {
-        computedOpenDelay = delay ?? providerDelay ?? delayWithDefault;
-      } else {
-        computedOpenDelay = 0;
-      }
+    if (!hasProvider) {
+      return delayWithDefault;
     }
-    return computedOpenDelay;
+    return (0, _useHoverShared.getDelay)(delayRef.current, 'open') === 0 ? 0 : delay ?? providerDelay ?? _constants.OPEN_DELAY;
   }
   function isEnabledNestedTriggerTarget(target) {
     const triggerEl = triggerElementRef.current;
@@ -159,13 +149,13 @@ const TooltipTrigger = exports.TooltipTrigger = (0, _fastHooks.fastComponentRef)
     handleClose: !disableHoverablePopup && trackCursorAxis !== 'both' ? (0, _floatingUiReact.safePolygon)() : null,
     restMs: getOpenDelay,
     delay() {
-      const closeValue = typeof delayRef.current === 'object' ? delayRef.current.close : undefined;
-      let computedCloseDelay = closeDelayWithDefault;
       if (closeDelay == null && hasProvider) {
-        computedCloseDelay = closeValue;
+        return {
+          close: (0, _useHoverShared.getDelay)(delayRef.current, 'close')
+        };
       }
       return {
-        close: computedCloseDelay
+        close: closeDelayWithDefault
       };
     },
     triggerElementRef,
@@ -250,7 +240,7 @@ const TooltipTrigger = exports.TooltipTrigger = (0, _fastHooks.fastComponentRef)
         }
       },
       id: thisTriggerId,
-      [_TooltipTriggerDataAttributes.TooltipTriggerDataAttributes.triggerDisabled]: disabled ? '' : undefined,
+      'data-trigger-disabled': disabled ? '' : undefined,
       [TOOLTIP_TRIGGER_IDENTIFIER]: disabled ? undefined : ''
     }, elementProps],
     stateAttributesMapping: _popupStateMapping.triggerOpenStateMapping

package/tooltip/trigger/TooltipTrigger.mjs

@@ -9,7 +9,7 @@ import { useValueAsRef } from '@base-ui/utils/useValueAsRef';
 import { useTooltipRootContext } from "../root/TooltipRootContext.mjs";
 import { triggerOpenStateMapping } from "../../utils/popupStateMapping.mjs";
 import { useRenderElement } from "../../internals/useRenderElement.mjs";
-import { useTriggerDataForwarding } from "../../utils/popups/index.mjs";
+import { usePopupHandleStore, useTriggerDataForwarding } from "../../utils/popups/index.mjs";
 import { useBaseUiId } from "../../internals/useBaseUiId.mjs";
 import { useTooltipProviderContext } from "../provider/TooltipProviderContext.mjs";
 import { safePolygon, useDelayGroup, useFocus, useHoverReferenceInteraction } from "../../floating-ui-react/index.mjs";
@@ -17,8 +17,8 @@ import { contains } from "../../floating-ui-react/utils/element.mjs";
 import { isMouseLikePointerType } from "../../floating-ui-react/utils/event.mjs";
 import { createChangeEventDetails } from "../../internals/createBaseUIEventDetails.mjs";
 import { REASONS } from "../../internals/reasons.mjs";
-import { TooltipTriggerDataAttributes } from "./TooltipTriggerDataAttributes.mjs";
 import { useHoverInteractionSharedState } from "../../floating-ui-react/hooks/useHoverInteractionSharedState.mjs";
+import { getDelay } from "../../floating-ui-react/hooks/useHoverShared.mjs";
 import { OPEN_DELAY } from "../utils/constants.mjs";
 const TOOLTIP_TRIGGER_IDENTIFIER = 'data-base-ui-tooltip-trigger';
 function getTargetElement(event) {
@@ -40,13 +40,9 @@ function getTargetElement(event) {
 function closestEnabledTooltipTrigger(element) {
   let current = element;
   while (current) {
-    if (current.hasAttribute(TOOLTIP_TRIGGER_IDENTIFIER)) {
-      return current;
-    }
-    const parentElement = current.parentElement;
-    if (parentElement) {
-      current = parentElement;
-      continue;
+    const trigger = current.closest(`[${TOOLTIP_TRIGGER_IDENTIFIER}]`);
+    if (trigger) {
+      return trigger;
     }
     const root = current.getRootNode();
     current = 'host' in root && isElement(root.host) ? root.host : null;
@@ -75,7 +71,8 @@ export const TooltipTrigger = fastComponentRef(function TooltipTrigger(component
     ...elementProps
   } = componentProps;
   const rootContext = useTooltipRootContext(true);
-  const store = handle?.store ?? rootContext;
+  const handleStore = usePopupHandleStore(handle);
+  const store = handleStore ?? rootContext;
   if (!store) {
     throw new Error(process.env.NODE_ENV !== "production" ? 'Base UI: <Tooltip.Trigger> must be either used within a <Tooltip.Root> component or provided with a handle.' : _formatErrorMessage(82));
   }
@@ -94,7 +91,7 @@ export const TooltipTrigger = fastComponentRef(function TooltipTrigger(component
     closeOnClick,
     closeDelay: closeDelayWithDefault
   });
-  const providerContext = useTooltipProviderContext();
+  const providerDelay = useTooltipProviderContext();
   const {
     delayRef,
     isInstantPhase,
@@ -114,17 +111,10 @@ export const TooltipTrigger = fastComponentRef(function TooltipTrigger(component
   // Local copy so it can be cleared on mouseLeave without resetting the hover hook's own pointerType.
   const pointerTypeRef = React.useRef(undefined);
   function getOpenDelay() {
-    const providerDelay = providerContext?.delay;
-    const groupOpenValue = typeof delayRef.current === 'object' ? delayRef.current.open : undefined;
-    let computedOpenDelay = delayWithDefault;
-    if (hasProvider) {
-      if (groupOpenValue !== 0) {
-        computedOpenDelay = delay ?? providerDelay ?? delayWithDefault;
-      } else {
-        computedOpenDelay = 0;
-      }
+    if (!hasProvider) {
+      return delayWithDefault;
     }
-    return computedOpenDelay;
+    return getDelay(delayRef.current, 'open') === 0 ? 0 : delay ?? providerDelay ?? OPEN_DELAY;
   }
   function isEnabledNestedTriggerTarget(target) {
     const triggerEl = triggerElementRef.current;
@@ -152,13 +142,13 @@ export const TooltipTrigger = fastComponentRef(function TooltipTrigger(component
     handleClose: !disableHoverablePopup && trackCursorAxis !== 'both' ? safePolygon() : null,
     restMs: getOpenDelay,
     delay() {
-      const closeValue = typeof delayRef.current === 'object' ? delayRef.current.close : undefined;
-      let computedCloseDelay = closeDelayWithDefault;
       if (closeDelay == null && hasProvider) {
-        computedCloseDelay = closeValue;
+        return {
+          close: getDelay(delayRef.current, 'close')
+        };
       }
       return {
-        close: computedCloseDelay
+        close: closeDelayWithDefault
       };
     },
     triggerElementRef,
@@ -243,7 +233,7 @@ export const TooltipTrigger = fastComponentRef(function TooltipTrigger(component
         }
       },
       id: thisTriggerId,
-      [TooltipTriggerDataAttributes.triggerDisabled]: disabled ? '' : undefined,
+      'data-trigger-disabled': disabled ? '' : undefined,
       [TOOLTIP_TRIGGER_IDENTIFIER]: disabled ? undefined : ''
     }, elementProps],
     stateAttributesMapping: triggerOpenStateMapping

package/tooltip/viewport/TooltipViewport.js

@@ -10,14 +10,7 @@ var React = _interopRequireWildcard(require("react"));
 var _TooltipRootContext = require("../root/TooltipRootContext");
 var _TooltipPositionerContext = require("../positioner/TooltipPositionerContext");
 var _useRenderElement = require("../../internals/useRenderElement");
-var _TooltipViewportCssVars = require("./TooltipViewportCssVars");
 var _usePopupViewport = require("../../utils/usePopupViewport");
-const stateAttributesMapping = {
-  activationDirection: value => value ? {
-    'data-activation-direction': value
-  } : null
-};
-
 /**
  * A viewport for displaying content transitions.
  * This component is only required if one popup can be opened by multiple triggers, its content
@@ -43,7 +36,6 @@ const TooltipViewport = exports.TooltipViewport = /*#__PURE__*/React.forwardRef(
   } = (0, _usePopupViewport.usePopupViewport)({
     store,
     side: positioner.side,
-    cssVars: _TooltipViewportCssVars.TooltipViewportCssVars,
     children
   });
   const state = {
@@ -57,7 +49,7 @@ const TooltipViewport = exports.TooltipViewport = /*#__PURE__*/React.forwardRef(
     props: [elementProps, {
       children: childrenToRender
     }],
-    stateAttributesMapping
+    stateAttributesMapping: _usePopupViewport.popupViewportStateMapping
   });
 });
 if (process.env.NODE_ENV !== "production") TooltipViewport.displayName = "TooltipViewport";

package/tooltip/viewport/TooltipViewport.mjs

@@ -4,13 +4,7 @@ import * as React from 'react';
 import { useTooltipRootContext } from "../root/TooltipRootContext.mjs";
 import { useTooltipPositionerContext } from "../positioner/TooltipPositionerContext.mjs";
 import { useRenderElement } from "../../internals/useRenderElement.mjs";
-import { TooltipViewportCssVars } from "./TooltipViewportCssVars.mjs";
-import { usePopupViewport } from "../../utils/usePopupViewport.mjs";
-const stateAttributesMapping = {
-  activationDirection: value => value ? {
-    'data-activation-direction': value
-  } : null
-};
+import { popupViewportStateMapping, usePopupViewport } from "../../utils/usePopupViewport.mjs";
 
 /**
  * A viewport for displaying content transitions.
@@ -37,7 +31,6 @@ export const TooltipViewport = /*#__PURE__*/React.forwardRef(function TooltipVie
   } = usePopupViewport({
     store,
     side: positioner.side,
-    cssVars: TooltipViewportCssVars,
     children
   });
   const state = {
@@ -51,7 +44,7 @@ export const TooltipViewport = /*#__PURE__*/React.forwardRef(function TooltipVie
     props: [elementProps, {
       children: childrenToRender
     }],
-    stateAttributesMapping
+    stateAttributesMapping: popupViewportStateMapping
   });
 });
 if (process.env.NODE_ENV !== "production") TooltipViewport.displayName = "TooltipViewport";

package/utils/FloatingPortalLite.d.mts

@@ -1,14 +1,12 @@
 import * as React from 'react';
-import { type FloatingPortal } from "../floating-ui-react/index.mjs";
-/**
- * `FloatingPortal` includes tabbable logic handling for focus management.
- * For components that don't need tabbable logic, use `FloatingPortalLite`.
- * @internal
- */
-export declare const FloatingPortalLite: React.ForwardRefExoticComponent<Omit<FloatingPortalLite.Props<any>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+import { type BaseUIComponentProps } from "../internals/types.mjs";
+type PortalContainer = HTMLElement | ShadowRoot | React.RefObject<HTMLElement | ShadowRoot | null> | null;
 export interface FloatingPortalLiteState {}
-export interface FloatingPortalLiteProps<TState> extends FloatingPortal.Props<TState> {}
+export interface FloatingPortalLiteProps<TState> extends BaseUIComponentProps<'div', TState> {
+  container?: PortalContainer | undefined;
+}
 export declare namespace FloatingPortalLite {
   type State = FloatingPortalLiteState;
   type Props<TState> = FloatingPortalLiteProps<TState>;
-}
+}
+export {};

package/utils/FloatingPortalLite.d.ts

@@ -1,14 +1,12 @@
 import * as React from 'react';
-import { type FloatingPortal } from "../floating-ui-react/index.js";
-/**
- * `FloatingPortal` includes tabbable logic handling for focus management.
- * For components that don't need tabbable logic, use `FloatingPortalLite`.
- * @internal
- */
-export declare const FloatingPortalLite: React.ForwardRefExoticComponent<Omit<FloatingPortalLite.Props<any>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+import { type BaseUIComponentProps } from "../internals/types.js";
+type PortalContainer = HTMLElement | ShadowRoot | React.RefObject<HTMLElement | ShadowRoot | null> | null;
 export interface FloatingPortalLiteState {}
-export interface FloatingPortalLiteProps<TState> extends FloatingPortal.Props<TState> {}
+export interface FloatingPortalLiteProps<TState> extends BaseUIComponentProps<'div', TState> {
+  container?: PortalContainer | undefined;
+}
 export declare namespace FloatingPortalLite {
   type State = FloatingPortalLiteState;
   type Props<TState> = FloatingPortalLiteProps<TState>;
-}
+}
+export {};

package/utils/FloatingPortalLite.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.FloatingPortalLite = void 0;
 var React = _interopRequireWildcard(require("react"));
 var ReactDOM = _interopRequireWildcard(require("react-dom"));
-var _floatingUiReact = require("../floating-ui-react");
+var _FloatingPortal = require("../floating-ui-react/components/FloatingPortal");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * `FloatingPortal` includes tabbable logic handling for focus management.
@@ -25,9 +25,9 @@ const FloatingPortalLite = exports.FloatingPortalLite = /*#__PURE__*/React.forwa
     ...elementProps
   } = componentProps;
   const {
-    portalNode,
-    portalSubtree
-  } = (0, _floatingUiReact.useFloatingPortalNode)({
+    node: portalNode,
+    subtree: portalSubtree
+  } = (0, _FloatingPortal.useFloatingPortalNode)({
     container,
     ref: forwardedRef,
     componentProps,

package/utils/FloatingPortalLite.mjs

@@ -2,14 +2,13 @@
 
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
-import { useFloatingPortalNode } from "../floating-ui-react/index.mjs";
-
+import { useFloatingPortalNode } from "../floating-ui-react/components/FloatingPortal.mjs";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * `FloatingPortal` includes tabbable logic handling for focus management.
  * For components that don't need tabbable logic, use `FloatingPortalLite`.
  * @internal
  */
-import { jsxs as _jsxs } from "react/jsx-runtime";
 export const FloatingPortalLite = /*#__PURE__*/React.forwardRef(function FloatingPortalLite(componentProps, forwardedRef) {
   const {
     children,
@@ -20,8 +19,8 @@ export const FloatingPortalLite = /*#__PURE__*/React.forwardRef(function Floatin
     ...elementProps
   } = componentProps;
   const {
-    portalNode,
-    portalSubtree
+    node: portalNode,
+    subtree: portalSubtree
   } = useFloatingPortalNode({
     container,
     ref: forwardedRef,

package/utils/FocusGuard.d.mts

@@ -1,5 +1 @@
-import * as React from 'react';
-/**
- * @internal
- */
-export declare const FocusGuard: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export {};

package/utils/FocusGuard.d.ts

@@ -1,5 +1 @@
-import * as React from 'react';
-/**
- * @internal
- */
-export declare const FocusGuard: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export {};

package/utils/InternalBackdrop.d.mts

@@ -1,8 +1,4 @@
 import * as React from 'react';
-/**
- * @internal
- */
-export declare const InternalBackdrop: React.ForwardRefExoticComponent<InternalBackdropProps & React.RefAttributes<HTMLDivElement>>;
 export interface InternalBackdropState {}
 export interface InternalBackdropProps extends React.HTMLAttributes<HTMLDivElement> {
   /**

package/utils/InternalBackdrop.d.ts

@@ -1,8 +1,4 @@
 import * as React from 'react';
-/**
- * @internal
- */
-export declare const InternalBackdrop: React.ForwardRefExoticComponent<InternalBackdropProps & React.RefAttributes<HTMLDivElement>>;
 export interface InternalBackdropState {}
 export interface InternalBackdropProps extends React.HTMLAttributes<HTMLDivElement> {
   /**

package/utils/NullStore.d.mts

@@ -0,0 +1,15 @@
+import { ReactStore } from '@base-ui/utils/store';
+type SelectorFunction<State> = (state: State, ...args: any[]) => any;
+/**
+ * A `ReactStore` whose state never changes.
+ *
+ * Useful for fallback stores that need to support normal store reads while detached from the
+ * component that owns real state. Context values may still contain mutable refs or maps.
+ */
+export declare class NullStore<State extends object, Context = Record<string, never>, Selectors extends Record<string, SelectorFunction<State>> = Record<string, never>> extends ReactStore<State, Context, Selectors> {
+  setState(_newState: State): void;
+  update(_changes: Partial<State>): void;
+  set<T>(_key: keyof State, _value: T): void;
+  notifyAll(): void;
+}
+export {};

package/utils/NullStore.d.ts

@@ -0,0 +1,15 @@
+import { ReactStore } from '@base-ui/utils/store';
+type SelectorFunction<State> = (state: State, ...args: any[]) => any;
+/**
+ * A `ReactStore` whose state never changes.
+ *
+ * Useful for fallback stores that need to support normal store reads while detached from the
+ * component that owns real state. Context values may still contain mutable refs or maps.
+ */
+export declare class NullStore<State extends object, Context = Record<string, never>, Selectors extends Record<string, SelectorFunction<State>> = Record<string, never>> extends ReactStore<State, Context, Selectors> {
+  setState(_newState: State): void;
+  update(_changes: Partial<State>): void;
+  set<T>(_key: keyof State, _value: T): void;
+  notifyAll(): void;
+}
+export {};

package/utils/NullStore.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NullStore = void 0;
+var _store = require("@base-ui/utils/store");
+/**
+ * A `ReactStore` whose state never changes.
+ *
+ * Useful for fallback stores that need to support normal store reads while detached from the
+ * component that owns real state. Context values may still contain mutable refs or maps.
+ */
+class NullStore extends _store.ReactStore {
+  // `update`/`set`/`notifyAll` funnel through `setState` in the base `Store`, so overriding
+  // `setState` alone would neutralize them today. They are overridden explicitly so the store stays
+  // inert even if a future base-class change stops routing a mutator through `setState`.
+  setState(_newState) {}
+  update(_changes) {}
+  set(_key, _value) {}
+  notifyAll() {}
+}
+exports.NullStore = NullStore;

package/utils/NullStore.mjs

@@ -0,0 +1,16 @@
+import { ReactStore } from '@base-ui/utils/store';
+/**
+ * A `ReactStore` whose state never changes.
+ *
+ * Useful for fallback stores that need to support normal store reads while detached from the
+ * component that owns real state. Context values may still contain mutable refs or maps.
+ */
+export class NullStore extends ReactStore {
+  // `update`/`set`/`notifyAll` funnel through `setState` in the base `Store`, so overriding
+  // `setState` alone would neutralize them today. They are overridden explicitly so the store stays
+  // inert even if a future base-class change stops routing a mutator through `setState`.
+  setState(_newState) {}
+  update(_changes) {}
+  set(_key, _value) {}
+  notifyAll() {}
+}

package/utils/adaptiveOriginConstants.d.mts

@@ -0,0 +1,8 @@
+export declare const DEFAULT_SIDES: {
+  readonly sideX: 'left';
+  readonly sideY: 'top';
+};
+export type AdaptiveOriginMiddleware = {
+  name: string;
+  fn: (...args: any[]) => any;
+};

package/utils/adaptiveOriginConstants.d.ts

@@ -0,0 +1,8 @@
+export declare const DEFAULT_SIDES: {
+  readonly sideX: 'left';
+  readonly sideY: 'top';
+};
+export type AdaptiveOriginMiddleware = {
+  name: string;
+  fn: (...args: any[]) => any;
+};

package/utils/adaptiveOriginConstants.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DEFAULT_SIDES = void 0;
+const DEFAULT_SIDES = exports.DEFAULT_SIDES = {
+  sideX: 'left',
+  sideY: 'top'
+};
+
+// Self-contained stand-in for Floating UI's `Middleware` type. Referencing the real type in
+// store state makes `tsc` declaration emit reference `Platform`/`detectOverflow` from
+// `@floating-ui/core` internals, which fails as non-portable (TS2883) in consuming builds.

package/utils/adaptiveOriginConstants.mjs

@@ -0,0 +1,8 @@
+export const DEFAULT_SIDES = {
+  sideX: 'left',
+  sideY: 'top'
+};
+
+// Self-contained stand-in for Floating UI's `Middleware` type. Referencing the real type in
+// store state makes `tsc` declaration emit reference `Platform`/`detectOverflow` from
+// `@floating-ui/core` internals, which fails as non-portable (TS2883) in consuming builds.

package/utils/adaptiveOriginMiddleware.d.mts

@@ -1,6 +1,2 @@
 import { Middleware } from "../floating-ui-react/index.mjs";
-export declare const DEFAULT_SIDES: {
-  sideX: string;
-  sideY: string;
-};
 export declare const adaptiveOrigin: Middleware;