@base-ui/react 1.4.0 → 1.4.1

package/esm/menu/popup/MenuPopup.js

@@ -4,14 +4,14 @@ import * as React from 'react';
 import { FloatingFocusManager, useHoverFloatingInteraction } from "../../floating-ui-react/index.js";
 import { useMenuRootContext } from "../root/MenuRootContext.js";
 import { useMenuPositionerContext } from "../positioner/MenuPositionerContext.js";
-import { useRenderElement } from "../../utils/useRenderElement.js";
+import { useRenderElement } from "../../internals/useRenderElement.js";
 import { popupStateMapping as baseMapping } from "../../utils/popupStateMapping.js";
-import { transitionStatusMapping } from "../../utils/stateAttributesMapping.js";
-import { useOpenChangeComplete } from "../../utils/useOpenChangeComplete.js";
-import { createChangeEventDetails } from "../../utils/createBaseUIEventDetails.js";
-import { REASONS } from "../../utils/reasons.js";
+import { transitionStatusMapping } from "../../internals/stateAttributesMapping.js";
+import { useOpenChangeComplete } from "../../internals/useOpenChangeComplete.js";
+import { createChangeEventDetails } from "../../internals/createBaseUIEventDetails.js";
+import { REASONS } from "../../internals/reasons.js";
 import { useToolbarRootContext } from "../../toolbar/root/ToolbarRootContext.js";
-import { COMPOSITE_KEYS } from "../../composite/composite.js";
+import { COMPOSITE_KEYS } from "../../internals/composite/composite.js";
 import { getDisabledMountTransitionStyles } from "../../utils/getDisabledMountTransitionStyles.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const stateAttributesMapping = {

package/esm/menu/positioner/MenuPositioner.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { type Align, type Side, type UseAnchorPositioningSharedParameters } from "../../utils/useAnchorPositioning.js";
-import { BaseUIComponentProps } from "../../utils/types.js";
+import { BaseUIComponentProps } from "../../internals/types.js";
 /**
  * Positions the menu popup against the trigger.
  * Renders a `<div>` element.

package/esm/menu/positioner/MenuPositioner.js

@@ -8,15 +8,15 @@ import { FloatingNode } from "../../floating-ui-react/index.js";
 import { MenuPositionerContext } from "./MenuPositionerContext.js";
 import { useMenuRootContext } from "../root/MenuRootContext.js";
 import { useAnchorPositioning } from "../../utils/useAnchorPositioning.js";
-import { CompositeList } from "../../composite/list/CompositeList.js";
+import { CompositeList } from "../../internals/composite/list/CompositeList.js";
 import { InternalBackdrop } from "../../utils/InternalBackdrop.js";
 import { useMenuPortalContext } from "../portal/MenuPortalContext.js";
-import { DROPDOWN_COLLISION_AVOIDANCE, POPUP_COLLISION_AVOIDANCE } from "../../utils/constants.js";
+import { DROPDOWN_COLLISION_AVOIDANCE, POPUP_COLLISION_AVOIDANCE } from "../../internals/constants.js";
 import { useContextMenuRootContext } from "../../context-menu/root/ContextMenuRootContext.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 { adaptiveOrigin } from "../../utils/adaptiveOriginMiddleware.js";
-import { useAnimationsFinished } from "../../utils/useAnimationsFinished.js";
+import { useAnimationsFinished } from "../../internals/useAnimationsFinished.js";
 import { usePositioner } from "../../utils/usePositioner.js";
 import { useAnchoredPopupScrollLock } from "../../utils/useAnchoredPopupScrollLock.js";
 

package/esm/menu/radio-group/MenuRadioGroup.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";
 import type { MenuRoot } from "../root/MenuRoot.js";
 /**
  * Groups related radio items.

package/esm/menu/radio-group/MenuRadioGroup.js

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { useControlled } from '@base-ui/utils/useControlled';
 import { useStableCallback } from '@base-ui/utils/useStableCallback';
 import { MenuRadioGroupContext } from "./MenuRadioGroupContext.js";
-import { useRenderElement } from "../../utils/useRenderElement.js";
+import { useRenderElement } from "../../internals/useRenderElement.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * Groups related radio items.

package/esm/menu/radio-item/MenuRadioItem.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { BaseUIComponentProps, NonNativeButtonProps } from "../../utils/types.js";
+import type { BaseUIComponentProps, NonNativeButtonProps } from "../../internals/types.js";
 /**
  * A menu item that works like a radio button in a given group.
  * Renders a `<div>` element.

package/esm/menu/radio-item/MenuRadioItem.js

@@ -3,16 +3,16 @@
 import * as React from 'react';
 import { useStableCallback } from '@base-ui/utils/useStableCallback';
 import { useMenuRootContext } from "../root/MenuRootContext.js";
-import { useRenderElement } from "../../utils/useRenderElement.js";
-import { useBaseUiId } from "../../utils/useBaseUiId.js";
+import { useRenderElement } from "../../internals/useRenderElement.js";
+import { useBaseUiId } from "../../internals/useBaseUiId.js";
 import { useMenuRadioGroupContext } from "../radio-group/MenuRadioGroupContext.js";
 import { MenuRadioItemContext } from "./MenuRadioItemContext.js";
 import { itemMapping } from "../utils/stateAttributesMapping.js";
-import { useCompositeListItem } from "../../composite/list/useCompositeListItem.js";
+import { useCompositeListItem } from "../../internals/composite/list/useCompositeListItem.js";
 import { REGULAR_ITEM, useMenuItem } from "../item/useMenuItem.js";
 import { useMenuPositionerContext } from "../positioner/MenuPositionerContext.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";
 
 /**
  * A menu item that works like a radio button in a given group.

package/esm/menu/radio-item-indicator/MenuRadioItemIndicator.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { BaseUIComponentProps } from "../../utils/types.js";
-import { TransitionStatus } from "../../utils/useTransitionStatus.js";
+import { BaseUIComponentProps } from "../../internals/types.js";
+import { TransitionStatus } from "../../internals/useTransitionStatus.js";
 /**
  * Indicates whether the radio item is selected.
  * Renders a `<span>` element.

package/esm/menu/radio-item-indicator/MenuRadioItemIndicator.js

@@ -2,10 +2,10 @@
 
 import * as React from 'react';
 import { useMenuRadioItemContext } from "../radio-item/MenuRadioItemContext.js";
-import { useRenderElement } from "../../utils/useRenderElement.js";
+import { useRenderElement } from "../../internals/useRenderElement.js";
 import { itemMapping } from "../utils/stateAttributesMapping.js";
-import { useTransitionStatus } from "../../utils/useTransitionStatus.js";
-import { useOpenChangeComplete } from "../../utils/useOpenChangeComplete.js";
+import { useTransitionStatus } from "../../internals/useTransitionStatus.js";
+import { useOpenChangeComplete } from "../../internals/useOpenChangeComplete.js";
 
 /**
  * Indicates whether the radio item is selected.

package/esm/menu/radio-item-indicator/MenuRadioItemIndicatorDataAttributes.js

@@ -1,4 +1,4 @@
-import { TransitionStatusDataAttributes } from "../../utils/stateAttributesMapping.js";
+import { TransitionStatusDataAttributes } from "../../internals/stateAttributesMapping.js";
 export let MenuRadioItemIndicatorDataAttributes = function (MenuRadioItemIndicatorDataAttributes) {
   /**
    * Present when the menu radio item is selected.

package/esm/menu/root/MenuRoot.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { MenuRootContext } from "./MenuRootContext.js";
 import { MenubarContext } from "../../menubar/MenubarContext.js";
-import { type BaseUIChangeEventDetails } from "../../utils/createBaseUIEventDetails.js";
-import { REASONS } from "../../utils/reasons.js";
+import { type BaseUIChangeEventDetails } from "../../internals/createBaseUIEventDetails.js";
+import { REASONS } from "../../internals/reasons.js";
 import { ContextMenuRootContext } from "../../context-menu/root/ContextMenuRootContext.js";
 import { MenuStore } from "../store/MenuStore.js";
 import { MenuHandle } from "../store/MenuHandle.js";

package/esm/menu/root/MenuRoot.js

@@ -11,11 +11,11 @@ import { fastComponent } from '@base-ui/utils/fastHooks';
 import { FloatingTree, useDismiss, useFloatingNodeId, useFloatingParentNodeId, useInteractions, useListNavigation, useRole, useTypeahead, useSyncedFloatingRootContext } from "../../floating-ui-react/index.js";
 import { MenuRootContext, useMenuRootContext } from "./MenuRootContext.js";
 import { useMenubarContext } from "../../menubar/MenubarContext.js";
-import { TYPEAHEAD_RESET_MS } from "../../utils/constants.js";
-import { useDirection } from "../../direction-provider/DirectionContext.js";
+import { TYPEAHEAD_RESET_MS } from "../../internals/constants.js";
+import { useDirection } from "../../internals/direction-context/DirectionContext.js";
 import { useOpenInteractionType } from "../../utils/useOpenInteractionType.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 { useContextMenuRootContext } from "../../context-menu/root/ContextMenuRootContext.js";
 import { mergeProps } from "../../merge-props/index.js";
 import { MenuStore } from "../store/MenuStore.js";
@@ -258,16 +258,9 @@ export const MenuRoot = fastComponent(function MenuRoot(props) {
       store.set('instantType', undefined);
     }
   });
-  const createMenuEventDetails = React.useCallback(reason => {
-    const details = createChangeEventDetails(reason);
-    details.preventUnmountOnClose = () => {
-      store.set('preventUnmountingOnClose', true);
-    };
-    return details;
-  }, [store]);
   const handleImperativeClose = React.useCallback(() => {
-    store.setOpen(false, createMenuEventDetails(REASONS.imperativeAction));
-  }, [store, createMenuEventDetails]);
+    store.setOpen(false, createChangeEventDetails(REASONS.imperativeAction));
+  }, [store]);
   React.useImperativeHandle(actionsRef, () => ({
     unmount: forceUnmount,
     close: handleImperativeClose

package/esm/menu/store/MenuHandle.js

@@ -1,5 +1,5 @@
 import _formatErrorMessage from "@base-ui/utils/formatErrorMessage";
-import { createChangeEventDetails } from "../../utils/createBaseUIEventDetails.js";
+import { createChangeEventDetails } from "../../internals/createBaseUIEventDetails.js";
 import { MenuStore } from "./MenuStore.js";
 export class MenuHandle {
   /**

package/esm/menu/store/MenuStore.d.ts

@@ -3,7 +3,7 @@ import { ReactStore } from '@base-ui/utils/store';
 import type { InteractionType } from '@base-ui/utils/useEnhancedClickHandler';
 import { MenuParent, MenuRoot } from "../root/MenuRoot.js";
 import { FloatingTreeStore } from "../../floating-ui-react/components/FloatingTreeStore.js";
-import { HTMLProps } from "../../utils/types.js";
+import { HTMLProps } from "../../internals/types.js";
 import { PopupStoreContext, PopupStoreState } from "../../utils/popups/index.js";
 export type State<Payload> = PopupStoreState<Payload> & {
   disabled: boolean;
@@ -59,7 +59,7 @@ declare const selectors: {
     open: boolean;
     readonly openProp: boolean | undefined;
     mounted: boolean;
-    transitionStatus: import("../../utils/useTransitionStatus.js").TransitionStatus;
+    transitionStatus: import("../../internals/useTransitionStatus.js").TransitionStatus;
     floatingRootContext: import("../../floating-ui-react/index.js").FloatingRootContext;
     preventUnmountingOnClose: boolean;
     payload: unknown;
@@ -76,7 +76,7 @@ declare const selectors: {
     open: boolean;
     readonly openProp: boolean | undefined;
     mounted: boolean;
-    transitionStatus: import("../../utils/useTransitionStatus.js").TransitionStatus;
+    transitionStatus: import("../../internals/useTransitionStatus.js").TransitionStatus;
     floatingRootContext: import("../../floating-ui-react/index.js").FloatingRootContext;
     preventUnmountingOnClose: boolean;
     payload: unknown;
@@ -93,7 +93,7 @@ declare const selectors: {
     open: boolean;
     readonly openProp: boolean | undefined;
     mounted: boolean;
-    transitionStatus: import("../../utils/useTransitionStatus.js").TransitionStatus;
+    transitionStatus: import("../../internals/useTransitionStatus.js").TransitionStatus;
     floatingRootContext: import("../../floating-ui-react/index.js").FloatingRootContext;
     preventUnmountingOnClose: boolean;
     payload: unknown;
@@ -105,12 +105,12 @@ declare const selectors: {
     activeTriggerProps: HTMLProps;
     inactiveTriggerProps: HTMLProps;
     popupProps: HTMLProps;
-  }) => import("../../utils/useTransitionStatus.js").TransitionStatus;
+  }) => import("../../internals/useTransitionStatus.js").TransitionStatus;
   floatingRootContext: (state: {
     open: boolean;
     readonly openProp: boolean | undefined;
     mounted: boolean;
-    transitionStatus: import("../../utils/useTransitionStatus.js").TransitionStatus;
+    transitionStatus: import("../../internals/useTransitionStatus.js").TransitionStatus;
     floatingRootContext: import("../../floating-ui-react/index.js").FloatingRootContext;
     preventUnmountingOnClose: boolean;
     payload: unknown;
@@ -127,7 +127,7 @@ declare const selectors: {
     open: boolean;
     readonly openProp: boolean | undefined;
     mounted: boolean;
-    transitionStatus: import("../../utils/useTransitionStatus.js").TransitionStatus;
+    transitionStatus: import("../../internals/useTransitionStatus.js").TransitionStatus;
     floatingRootContext: import("../../floating-ui-react/index.js").FloatingRootContext;
     preventUnmountingOnClose: boolean;
     payload: unknown;
@@ -144,7 +144,7 @@ declare const selectors: {
     open: boolean;
     readonly openProp: boolean | undefined;
     mounted: boolean;
-    transitionStatus: import("../../utils/useTransitionStatus.js").TransitionStatus;
+    transitionStatus: import("../../internals/useTransitionStatus.js").TransitionStatus;
     floatingRootContext: import("../../floating-ui-react/index.js").FloatingRootContext;
     preventUnmountingOnClose: boolean;
     payload: unknown;
@@ -161,7 +161,7 @@ declare const selectors: {
     open: boolean;
     readonly openProp: boolean | undefined;
     mounted: boolean;
-    transitionStatus: import("../../utils/useTransitionStatus.js").TransitionStatus;
+    transitionStatus: import("../../internals/useTransitionStatus.js").TransitionStatus;
     floatingRootContext: import("../../floating-ui-react/index.js").FloatingRootContext;
     preventUnmountingOnClose: boolean;
     payload: unknown;
@@ -178,7 +178,7 @@ declare const selectors: {
     open: boolean;
     readonly openProp: boolean | undefined;
     mounted: boolean;
-    transitionStatus: import("../../utils/useTransitionStatus.js").TransitionStatus;
+    transitionStatus: import("../../internals/useTransitionStatus.js").TransitionStatus;
     floatingRootContext: import("../../floating-ui-react/index.js").FloatingRootContext;
     preventUnmountingOnClose: boolean;
     payload: unknown;
@@ -195,7 +195,7 @@ declare const selectors: {
     open: boolean;
     readonly openProp: boolean | undefined;
     mounted: boolean;
-    transitionStatus: import("../../utils/useTransitionStatus.js").TransitionStatus;
+    transitionStatus: import("../../internals/useTransitionStatus.js").TransitionStatus;
     floatingRootContext: import("../../floating-ui-react/index.js").FloatingRootContext;
     preventUnmountingOnClose: boolean;
     payload: unknown;
@@ -212,7 +212,7 @@ declare const selectors: {
     open: boolean;
     readonly openProp: boolean | undefined;
     mounted: boolean;
-    transitionStatus: import("../../utils/useTransitionStatus.js").TransitionStatus;
+    transitionStatus: import("../../internals/useTransitionStatus.js").TransitionStatus;
     floatingRootContext: import("../../floating-ui-react/index.js").FloatingRootContext;
     preventUnmountingOnClose: boolean;
     payload: unknown;
@@ -229,7 +229,7 @@ declare const selectors: {
     open: boolean;
     readonly openProp: boolean | undefined;
     mounted: boolean;
-    transitionStatus: import("../../utils/useTransitionStatus.js").TransitionStatus;
+    transitionStatus: import("../../internals/useTransitionStatus.js").TransitionStatus;
     floatingRootContext: import("../../floating-ui-react/index.js").FloatingRootContext;
     preventUnmountingOnClose: boolean;
     payload: unknown;
@@ -246,7 +246,7 @@ declare const selectors: {
     open: boolean;
     readonly openProp: boolean | undefined;
     mounted: boolean;
-    transitionStatus: import("../../utils/useTransitionStatus.js").TransitionStatus;
+    transitionStatus: import("../../internals/useTransitionStatus.js").TransitionStatus;
     floatingRootContext: import("../../floating-ui-react/index.js").FloatingRootContext;
     preventUnmountingOnClose: boolean;
     payload: unknown;
@@ -263,7 +263,7 @@ declare const selectors: {
     open: boolean;
     readonly openProp: boolean | undefined;
     mounted: boolean;
-    transitionStatus: import("../../utils/useTransitionStatus.js").TransitionStatus;
+    transitionStatus: import("../../internals/useTransitionStatus.js").TransitionStatus;
     floatingRootContext: import("../../floating-ui-react/index.js").FloatingRootContext;
     preventUnmountingOnClose: boolean;
     payload: unknown;
@@ -280,7 +280,7 @@ declare const selectors: {
     open: boolean;
     readonly openProp: boolean | undefined;
     mounted: boolean;
-    transitionStatus: import("../../utils/useTransitionStatus.js").TransitionStatus;
+    transitionStatus: import("../../internals/useTransitionStatus.js").TransitionStatus;
     floatingRootContext: import("../../floating-ui-react/index.js").FloatingRootContext;
     preventUnmountingOnClose: boolean;
     payload: unknown;
@@ -297,7 +297,7 @@ declare const selectors: {
     open: boolean;
     readonly openProp: boolean | undefined;
     mounted: boolean;
-    transitionStatus: import("../../utils/useTransitionStatus.js").TransitionStatus;
+    transitionStatus: import("../../internals/useTransitionStatus.js").TransitionStatus;
     floatingRootContext: import("../../floating-ui-react/index.js").FloatingRootContext;
     preventUnmountingOnClose: boolean;
     payload: unknown;

package/esm/menu/submenu-trigger/MenuSubmenuTrigger.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { BaseUIComponentProps, NonNativeButtonProps } from "../../utils/types.js";
+import { BaseUIComponentProps, NonNativeButtonProps } from "../../internals/types.js";
 /**
  * A menu item that opens a submenu.
  * Renders a `<div>` element.

package/esm/menu/submenu-trigger/MenuSubmenuTrigger.js

@@ -8,11 +8,11 @@ import { warn } from '@base-ui/utils/warn';
 import { SafeReact } from '@base-ui/utils/safeReact';
 import { safePolygon, useClick, useHoverReferenceInteraction, useInteractions } from "../../floating-ui-react/index.js";
 import { useMenuRootContext } from "../root/MenuRootContext.js";
-import { useBaseUiId } from "../../utils/useBaseUiId.js";
+import { useBaseUiId } from "../../internals/useBaseUiId.js";
 import { triggerOpenStateMapping } from "../../utils/popupStateMapping.js";
-import { useCompositeListItem } from "../../composite/list/useCompositeListItem.js";
+import { useCompositeListItem } from "../../internals/composite/list/useCompositeListItem.js";
 import { useMenuItem } from "../item/useMenuItem.js";
-import { useRenderElement } from "../../utils/useRenderElement.js";
+import { useRenderElement } from "../../internals/useRenderElement.js";
 import { useMenuPositionerContext } from "../positioner/MenuPositionerContext.js";
 import { useTriggerRegistration } from "../../utils/popups/index.js";
 import { useMenuSubmenuRootContext } from "../submenu-root/MenuSubmenuRootContext.js";

package/esm/menu/trigger/MenuTrigger.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { BaseUIComponentProps, NativeButtonProps } from "../../utils/types.js";
+import { BaseUIComponentProps, NativeButtonProps } from "../../internals/types.js";
 import { MenuHandle } from "../store/MenuHandle.js";
 /**
  * A button that opens the menu.

package/esm/menu/trigger/MenuTrigger.js

@@ -13,20 +13,20 @@ import { FloatingTreeStore } from "../../floating-ui-react/components/FloatingTr
 import { contains } from "../../floating-ui-react/utils.js";
 import { useMenuRootContext } from "../root/MenuRootContext.js";
 import { pressableTriggerOpenStateMapping } from "../../utils/popupStateMapping.js";
-import { useRenderElement } from "../../utils/useRenderElement.js";
-import { useButton } from "../../use-button/useButton.js";
+import { useRenderElement } from "../../internals/useRenderElement.js";
+import { useButton } from "../../internals/use-button/useButton.js";
 import { getPseudoElementBounds } from "../../utils/getPseudoElementBounds.js";
-import { CompositeItem } from "../../composite/item/CompositeItem.js";
-import { useCompositeRootContext } from "../../composite/root/CompositeRootContext.js";
+import { CompositeItem } from "../../internals/composite/item/CompositeItem.js";
+import { useCompositeRootContext } from "../../internals/composite/root/CompositeRootContext.js";
 import { findRootOwnerId } from "../utils/findRootOwnerId.js";
 import { useTriggerDataForwarding } from "../../utils/popups/index.js";
 import { useTriggerFocusGuards } from "../../utils/popups/useTriggerFocusGuards.js";
-import { useBaseUiId } from "../../utils/useBaseUiId.js";
-import { REASONS } from "../../utils/reasons.js";
+import { useBaseUiId } from "../../internals/useBaseUiId.js";
+import { REASONS } from "../../internals/reasons.js";
 import { useMixedToggleClickHandler } from "../../utils/useMixedToggleClickHandler.js";
 import { useContextMenuRootContext } from "../../context-menu/root/ContextMenuRootContext.js";
 import { useMenubarContext } from "../../menubar/MenubarContext.js";
-import { PATIENT_CLICK_THRESHOLD } from "../../utils/constants.js";
+import { PATIENT_CLICK_THRESHOLD } from "../../internals/constants.js";
 import { FocusGuard } from "../../utils/FocusGuard.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const BOUNDARY_OFFSET = 2;

package/esm/menu/utils/stateAttributesMapping.d.ts

@@ -1,4 +1,4 @@
-import type { StateAttributesMapping } from "../../utils/getStateAttributesProps.js";
+import type { StateAttributesMapping } from "../../internals/getStateAttributesProps.js";
 export declare const itemMapping: StateAttributesMapping<{
   checked: boolean;
 }>;

package/esm/menu/utils/stateAttributesMapping.js

@@ -1,4 +1,4 @@
-import { transitionStatusMapping } from "../../utils/stateAttributesMapping.js";
+import { transitionStatusMapping } from "../../internals/stateAttributesMapping.js";
 import { MenuCheckboxItemDataAttributes } from "../checkbox-item/MenuCheckboxItemDataAttributes.js";
 export const itemMapping = {
   checked(value) {

package/esm/menu/viewport/MenuViewport.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { BaseUIComponentProps } from "../../utils/types.js";
+import { BaseUIComponentProps } from "../../internals/types.js";
 /**
  * A viewport for displaying content transitions.
  * This component is only required if one popup can be opened by multiple triggers, its content change based on the trigger

package/esm/menu/viewport/MenuViewport.js

@@ -3,7 +3,7 @@
 import * as React from 'react';
 import { useMenuRootContext } from "../root/MenuRootContext.js";
 import { useMenuPositionerContext } from "../positioner/MenuPositionerContext.js";
-import { useRenderElement } from "../../utils/useRenderElement.js";
+import { useRenderElement } from "../../internals/useRenderElement.js";
 import { usePopupViewport } from "../../utils/usePopupViewport.js";
 import { MenuViewportCssVars } from "./MenuViewportCssVars.js";
 const stateAttributesMapping = {

package/esm/menubar/Menubar.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { type MenuRoot } from "../menu/root/MenuRoot.js";
-import { BaseUIComponentProps } from "../utils/types.js";
+import { BaseUIComponentProps } from "../internals/types.js";
 /**
  * The container for menus.
  *

package/esm/menubar/Menubar.js

@@ -3,8 +3,8 @@
 import * as React from 'react';
 import { FloatingNode, FloatingTree, useFloatingNodeId, useFloatingTree } from "../floating-ui-react/index.js";
 import { MenubarContext, useMenubarContext } from "./MenubarContext.js";
-import { CompositeRoot } from "../composite/root/CompositeRoot.js";
-import { useBaseUiId } from "../utils/useBaseUiId.js";
+import { CompositeRoot } from "../internals/composite/root/CompositeRoot.js";
+import { useBaseUiId } from "../internals/useBaseUiId.js";
 import { MenubarDataAttributes } from "./MenubarDataAttributes.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const menubarStateAttributesMapping = {

package/esm/merge-props/mergeProps.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { BaseUIEvent, WithBaseUIEvent } from "../utils/types.js";
+import type { BaseUIEvent, WithBaseUIEvent } from "../internals/types.js";
 type ElementType = React.ElementType;
 type PropsOf<T extends React.ElementType> = WithBaseUIEvent<React.ComponentPropsWithRef<T>>;
 type InputProps<T extends React.ElementType> = PropsOf<T> | ((otherProps: PropsOf<T>) => PropsOf<T>) | undefined;

package/esm/merge-props/mergeProps.js

@@ -171,18 +171,19 @@ function mergeEventHandlers(ourHandler, theirHandler) {
   if (!ourHandler) {
     return wrapEventHandler(theirHandler);
   }
-  return event => {
+  return (...args) => {
+    const event = args[0];
     if (isSyntheticEvent(event)) {
       const baseUIEvent = event;
       makeEventPreventable(baseUIEvent);
-      const result = theirHandler(baseUIEvent);
+      const result = theirHandler(...args);
       if (!baseUIEvent.baseUIHandlerPrevented) {
-        ourHandler?.(baseUIEvent);
+        ourHandler?.(...args);
       }
       return result;
     }
-    const result = theirHandler(event);
-    ourHandler?.(event);
+    const result = theirHandler(...args);
+    ourHandler?.(...args);
     return result;
   };
 }
@@ -190,11 +191,12 @@ function wrapEventHandler(handler) {
   if (!handler) {
     return handler;
   }
-  return event => {
+  return (...args) => {
+    const event = args[0];
     if (isSyntheticEvent(event)) {
       makeEventPreventable(event);
     }
-    return handler(event);
+    return handler(...args);
   };
 }
 export function makeEventPreventable(event) {

package/esm/meter/indicator/MeterIndicator.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { BaseUIComponentProps } from "../../utils/types.js";
+import { BaseUIComponentProps } from "../../internals/types.js";
 import type { MeterRootState } from "../root/MeterRoot.js";
 /**
  * Visualizes the position of the value along the range.

package/esm/meter/indicator/MeterIndicator.js

@@ -3,7 +3,7 @@
 import * as React from 'react';
 import { valueToPercent } from "../../utils/valueToPercent.js";
 import { useMeterRootContext } from "../root/MeterRootContext.js";
-import { useRenderElement } from "../../utils/useRenderElement.js";
+import { useRenderElement } from "../../internals/useRenderElement.js";
 
 /**
  * Visualizes the position of the value along the range.

package/esm/meter/label/MeterLabel.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { MeterRootState } from "../root/MeterRoot.js";
-import { BaseUIComponentProps } from "../../utils/types.js";
+import { BaseUIComponentProps } from "../../internals/types.js";
 /**
  * An accessible label for the meter.
  * Renders a `<span>` element.

package/esm/meter/label/MeterLabel.js

@@ -2,7 +2,7 @@
 
 import * as React from 'react';
 import { useMeterRootContext } from "../root/MeterRootContext.js";
-import { useRenderElement } from "../../utils/useRenderElement.js";
+import { useRenderElement } from "../../internals/useRenderElement.js";
 import { useRegisteredLabelId } from "../../utils/useRegisteredLabelId.js";
 
 /**

package/esm/meter/root/MeterRoot.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { BaseUIComponentProps } from "../../utils/types.js";
+import { BaseUIComponentProps } from "../../internals/types.js";
 /**
  * Groups all parts of the meter and provides the value for screen readers.
  * Renders a `<div>` element.

package/esm/meter/root/MeterRoot.js

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { visuallyHidden } from '@base-ui/utils/visuallyHidden';
 import { MeterRootContext } from "./MeterRootContext.js";
 import { formatNumberValue } from "../../utils/formatNumber.js";
-import { useRenderElement } from "../../utils/useRenderElement.js";
+import { useRenderElement } from "../../internals/useRenderElement.js";
 
 /**
  * Groups all parts of the meter and provides the value for screen readers.

package/esm/meter/track/MeterTrack.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { MeterRootState } from "../root/MeterRoot.js";
-import { BaseUIComponentProps } from "../../utils/types.js";
+import { BaseUIComponentProps } from "../../internals/types.js";
 /**
  * Contains the meter indicator and represents the entire range of the meter.
  * Renders a `<div>` element.

package/esm/meter/track/MeterTrack.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import { useRenderElement } from "../../utils/useRenderElement.js";
+import { useRenderElement } from "../../internals/useRenderElement.js";
 
 /**
  * Contains the meter indicator and represents the entire range of the meter.

package/esm/meter/value/MeterValue.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";
 import type { MeterRootState } from "../root/MeterRoot.js";
 /**
  * A text element displaying the current value.

package/esm/meter/value/MeterValue.js

@@ -2,7 +2,7 @@
 
 import * as React from 'react';
 import { useMeterRootContext } from "../root/MeterRootContext.js";
-import { useRenderElement } from "../../utils/useRenderElement.js";
+import { useRenderElement } from "../../internals/useRenderElement.js";
 
 /**
  * A text element displaying the current value.

package/esm/navigation-menu/arrow/NavigationMenuArrow.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { Align, Side } from "../../utils/useAnchorPositioning.js";
-import type { BaseUIComponentProps } from "../../utils/types.js";
+import type { BaseUIComponentProps } from "../../internals/types.js";
 /**
  * Displays an element pointing toward the navigation menu's current anchor.
  * Renders a `<div>` element.