@base-ui/react 1.4.0 → 1.5.0

package/internals/labelable-provider/index.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  useAriaLabelledBy: true,
+  useLabelableContext: true,
+  useLabelableId: true,
+  useLabel: true
+};
+Object.defineProperty(exports, "useAriaLabelledBy", {
+  enumerable: true,
+  get: function () {
+    return _useAriaLabelledBy.useAriaLabelledBy;
+  }
+});
+Object.defineProperty(exports, "useLabel", {
+  enumerable: true,
+  get: function () {
+    return _useLabel.useLabel;
+  }
+});
+Object.defineProperty(exports, "useLabelableContext", {
+  enumerable: true,
+  get: function () {
+    return _LabelableContext.useLabelableContext;
+  }
+});
+Object.defineProperty(exports, "useLabelableId", {
+  enumerable: true,
+  get: function () {
+    return _useLabelableId.useLabelableId;
+  }
+});
+var _LabelableProvider = require("./LabelableProvider");
+Object.keys(_LabelableProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _LabelableProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _LabelableProvider[key];
+    }
+  });
+});
+var _useAriaLabelledBy = require("./useAriaLabelledBy");
+var _LabelableContext = require("./LabelableContext");
+var _useLabelableId = require("./useLabelableId");
+var _useLabel = require("./useLabel");

package/{labelable-provider → internals/labelable-provider}/useAriaLabelledBy.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.useAriaLabelledBy = useAriaLabelledBy;
 var React = _interopRequireWildcard(require("react"));
 var _useIsoLayoutEffect = require("@base-ui/utils/useIsoLayoutEffect");
-var _useBaseUiId = require("../utils/useBaseUiId");
+var _useBaseUiId = require("../useBaseUiId");
 /**
  * @internal
  */

package/{labelable-provider → internals/labelable-provider}/useLabel.js

@@ -9,8 +9,8 @@ exports.useLabel = useLabel;
 var _dom = require("@floating-ui/utils/dom");
 var _owner = require("@base-ui/utils/owner");
 var _useStableCallback = require("@base-ui/utils/useStableCallback");
-var _utils = require("../floating-ui-react/utils");
-var _useRegisteredLabelId = require("../utils/useRegisteredLabelId");
+var _utils = require("../../floating-ui-react/utils");
+var _useRegisteredLabelId = require("../../utils/useRegisteredLabelId");
 var _LabelableContext = require("./LabelableContext");
 function useLabel(params = {}) {
   const {

package/{labelable-provider → internals/labelable-provider}/useLabelableId.js

@@ -11,8 +11,8 @@ var _useIsoLayoutEffect = require("@base-ui/utils/useIsoLayoutEffect");
 var _useStableCallback = require("@base-ui/utils/useStableCallback");
 var _useRefWithInit = require("@base-ui/utils/useRefWithInit");
 var _dom = require("@floating-ui/utils/dom");
-var _noop = require("../utils/noop");
-var _useBaseUiId = require("../utils/useBaseUiId");
+var _noop = require("../noop");
+var _useBaseUiId = require("../useBaseUiId");
 var _LabelableContext = require("./LabelableContext");
 function useLabelableId(params = {}) {
   const {

package/{utils → internals}/reason-parts.d.ts

@@ -28,9 +28,8 @@ export declare const scrub: "scrub";
 export declare const cancelOpen: "cancel-open";
 export declare const siblingOpen: "sibling-open";
 export declare const disabled: "disabled";
+export declare const missing: "missing";
+export declare const initial: "initial";
 export declare const imperativeAction: "imperative-action";
 export declare const swipe: "swipe";
-export declare const windowResize: "window-resize";
-export declare const dayPress: "day-press";
-export declare const monthChange: "month-change";
-export declare const valuePropChange: "value-prop-change";
+export declare const windowResize: "window-resize";

package/{utils → internals}/reason-parts.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.windowResize = exports.wheel = exports.valuePropChange = exports.triggerPress = exports.triggerHover = exports.triggerFocus = exports.trackPress = exports.swipe = exports.siblingOpen = exports.scrub = exports.pointer = exports.outsidePress = exports.none = exports.monthChange = exports.listNavigation = exports.linkPress = exports.keyboard = exports.itemPress = exports.inputPress = exports.inputPaste = exports.inputClear = exports.inputChange = exports.inputBlur = exports.incrementPress = exports.imperativeAction = exports.focusOut = exports.escapeKey = exports.drag = exports.disabled = exports.decrementPress = exports.dayPress = exports.closeWatcher = exports.closePress = exports.clearPress = exports.chipRemovePress = exports.cancelOpen = void 0;
+exports.windowResize = exports.wheel = exports.triggerPress = exports.triggerHover = exports.triggerFocus = exports.trackPress = exports.swipe = exports.siblingOpen = exports.scrub = exports.pointer = exports.outsidePress = exports.none = exports.missing = exports.listNavigation = exports.linkPress = exports.keyboard = exports.itemPress = exports.inputPress = exports.inputPaste = exports.inputClear = exports.inputChange = exports.inputBlur = exports.initial = exports.incrementPress = exports.imperativeAction = exports.focusOut = exports.escapeKey = exports.drag = exports.disabled = exports.decrementPress = exports.closeWatcher = exports.closePress = exports.clearPress = exports.chipRemovePress = exports.cancelOpen = void 0;
 const none = exports.none = 'none';
 const triggerPress = exports.triggerPress = 'trigger-press';
 const triggerHover = exports.triggerHover = 'trigger-hover';
@@ -34,9 +34,8 @@ const scrub = exports.scrub = 'scrub';
 const cancelOpen = exports.cancelOpen = 'cancel-open';
 const siblingOpen = exports.siblingOpen = 'sibling-open';
 const disabled = exports.disabled = 'disabled';
+const missing = exports.missing = 'missing';
+const initial = exports.initial = 'initial';
 const imperativeAction = exports.imperativeAction = 'imperative-action';
 const swipe = exports.swipe = 'swipe';
-const windowResize = exports.windowResize = 'window-resize';
-const dayPress = exports.dayPress = 'day-press';
-const monthChange = exports.monthChange = 'month-change';
-const valuePropChange = exports.valuePropChange = 'value-prop-change';
+const windowResize = exports.windowResize = 'window-resize';

package/{types → internals}/temporal/temporal.d.ts

@@ -3,7 +3,7 @@
  *
  * ```
  * // Example taken from the TemporalAdapterDateFns.ts file.
- * declare module '@base-ui/react/types' {
+ * declare module '@base-ui/react/internals/temporal' {
  *   interface TemporalSupportedObjectLookup {
  *     'date-fns': Date;
  *   }

package/{temporal-adapter-date-fns → internals/temporal-adapter-date-fns}/TemporalAdapterDateFns.d.ts

@@ -1,6 +1,6 @@
 import { Locale as DateFnsLocale } from 'date-fns/locale';
-import { TemporalAdapterFormats, DateBuilderReturnType, TemporalTimezone, TemporalAdapter } from "../types/temporal/index.js";
-declare module '@base-ui/react/types/temporal' {
+import { TemporalAdapterFormats, DateBuilderReturnType, TemporalTimezone, TemporalAdapter } from "../temporal/index.js";
+declare module '@base-ui/react/internals/temporal' {
   interface TemporalSupportedObjectLookup {
     'date-fns': Date;
   }

package/{temporal-adapter-date-fns → internals/temporal-adapter-date-fns}/TemporalAdapterDateFns.js

@@ -87,9 +87,6 @@ const FORMATS = {
   localizedDateWithFullMonthAndWeekDay: 'PPPP',
   localizedNumericDate: 'P' // Note: Day and month are padded on enUS unlike Luxon
 };
-
-// TODO Temporal: Replace with `@base-ui/react/types` path when Temporal components will become public.
-
 class TemporalAdapterDateFns {
   isTimezoneCompatible = true;
   lib = 'date-fns';
@@ -114,13 +111,22 @@ class TemporalAdapterDateFns {
       return null;
     }
     const date = new Date(value);
+
+    // Date-only strings (e.g. "2026-04-06") are parsed as UTC midnight by the JS spec,
+    // so we must use UTC getters to extract the intended face-value components.
+    // Datetime strings (e.g. "2026-04-06T14:30") are parsed as local time,
+    // so local getters correctly return the face-value components.
+    const isDateOnly = typeof value === 'string' && !value.includes('T');
     if (timezone === 'system' || timezone === 'default') {
+      if (isDateOnly) {
+        return new Date(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate());
+      }
       return date;
     }
 
     // `new TZDate(value, timezone)` returns a date with the same timestamp `new Date(value)` would return,
-    // whereas we want to create that represents the string in the given timezone.
-    return new _tz.TZDate(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds(), date.getMilliseconds(), timezone);
+    // whereas we want to create a date that represents the string in the given timezone.
+    return new _tz.TZDate(isDateOnly ? date.getUTCFullYear() : date.getFullYear(), isDateOnly ? date.getUTCMonth() : date.getMonth(), isDateOnly ? date.getUTCDate() : date.getDate(), isDateOnly ? date.getUTCHours() : date.getHours(), isDateOnly ? date.getUTCMinutes() : date.getMinutes(), isDateOnly ? date.getUTCSeconds() : date.getSeconds(), isDateOnly ? date.getUTCMilliseconds() : date.getMilliseconds(), timezone);
   };
   parse = (value, format, timezone) => {
     const date = (0, _parse.parse)(value, format, new Date(), {
@@ -142,14 +148,12 @@ class TemporalAdapterDateFns {
   };
   setTimezone = (value, timezone) => {
     const isSystemTimezone = timezone === 'system' || timezone === 'default';
-    if (value instanceof _tz.TZDate) {
-      if (isSystemTimezone) {
-        return this.toJsDate(value);
-      }
-      return value.withTimeZone(timezone);
-    }
+    const canChangeTz = typeof value?.withTimeZone === 'function';
     if (isSystemTimezone) {
-      return value;
+      return this.toJsDate(value);
+    }
+    if (canChangeTz) {
+      return value.withTimeZone(timezone);
     }
     return new _tz.TZDate(value, timezone);
   };

package/{esm → internals}/temporal-adapter-luxon/TemporalAdapterLuxon.d.ts

@@ -1,5 +1,5 @@
 import { DateTime } from 'luxon';
-import { TemporalAdapterFormats, DateBuilderReturnType, TemporalTimezone, TemporalAdapter } from "../types/index.js";
+import { TemporalAdapterFormats, DateBuilderReturnType, TemporalTimezone, TemporalAdapter } from "../temporal/index.js";
 export declare class TemporalAdapterLuxon implements TemporalAdapter {
   isTimezoneCompatible: boolean;
   lib: string;

package/{temporal-adapter-luxon → internals/temporal-adapter-luxon}/TemporalAdapterLuxon.js

@@ -37,7 +37,7 @@ const FORMATS = {
 };
 
 // Temporarily disabled to avoid docs being built with `| DateTime`
-// declare module '@base-ui/react/types' {
+// declare module '@base-ui/react/internals/temporal' {
 //   interface TemporalSupportedObjectLookup {
 //     luxon: DateTime;
 //   }

package/{esm/utils → internals}/types.d.ts

@@ -1,6 +1,7 @@
 import type * as React from 'react';
 import type { BaseUIEvent, ComponentRenderFn, HTMLProps } from "../types/index.js";
 export type { HTMLProps, BaseUIEvent, ComponentRenderFn };
+export type MaybeBaseUIEvent<E extends React.SyntheticEvent<Element, Event>> = E & Partial<Pick<BaseUIEvent<E>, 'preventBaseUIHandler' | 'baseUIHandlerPrevented'>>;
 export interface FloatingUIOpenChangeDetails {
   open: boolean;
   reason: string;

package/{use-button → internals/use-button}/useButton.js

@@ -12,9 +12,9 @@ var _useStableCallback = require("@base-ui/utils/useStableCallback");
 var _error = require("@base-ui/utils/error");
 var _safeReact = require("@base-ui/utils/safeReact");
 var _useIsoLayoutEffect = require("@base-ui/utils/useIsoLayoutEffect");
-var _mergeProps = require("../merge-props");
+var _mergeProps = require("../../merge-props");
 var _CompositeRootContext = require("../composite/root/CompositeRootContext");
-var _useFocusableWhenDisabled = require("../utils/useFocusableWhenDisabled");
+var _useFocusableWhenDisabled = require("../../utils/useFocusableWhenDisabled");
 function useButton(parameters = {}) {
   const {
     disabled = false,
@@ -79,9 +79,7 @@ function useButton(parameters = {}) {
       onPointerDown: externalOnPointerDown,
       ...otherExternalProps
     } = externalProps;
-    const type = isNativeButton ? 'button' : undefined;
     return (0, _mergeProps.mergeProps)({
-      type,
       onClick(event) {
         if (disabled) {
           event.preventDefault();
@@ -166,9 +164,11 @@ function useButton(parameters = {}) {
         }
         externalOnPointerDown?.(event);
       }
-    }, !isNativeButton ? {
+    }, isNativeButton ? {
+      type: 'button'
+    } : {
       role: 'button'
-    } : undefined, focusableWhenDisabledProps, otherExternalProps);
+    }, focusableWhenDisabledProps, otherExternalProps);
   }, [disabled, focusableWhenDisabledProps, isCompositeItem, isNativeButton]);
   const buttonRef = (0, _useStableCallback.useStableCallback)(element => {
     elementRef.current = element;

package/{utils → internals}/useAnimationsFinished.js

@@ -9,7 +9,7 @@ exports.useAnimationsFinished = useAnimationsFinished;
 var ReactDOM = _interopRequireWildcard(require("react-dom"));
 var _useAnimationFrame = require("@base-ui/utils/useAnimationFrame");
 var _useStableCallback = require("@base-ui/utils/useStableCallback");
-var _resolveRef = require("./resolveRef");
+var _resolveRef = require("../utils/resolveRef");
 var _stateAttributesMapping = require("./stateAttributesMapping");
 /**
  * Executes a function once all animations have finished on the provided element.

package/{utils → internals}/usePressAndHold.js

@@ -61,7 +61,7 @@ function usePressAndHold(params) {
     unsubscribeFromGlobalContextMenuRef.current();
     movesAfterTouchRef.current = 0;
   });
-  const startAutoChange = (0, _useStableCallback.useStableCallback)(triggerNativeEvent => {
+  function startAutoChange(triggerNativeEvent) {
     stopAutoChange();
     const element = elementRef.current;
     if (!element) {
@@ -93,7 +93,7 @@ function usePressAndHold(params) {
         }
       });
     });
-  });
+  }
   React.useEffect(() => () => stopAutoChange(), [stopAutoChange]);
   const pointerHandlers = {
     onTouchStart() {

package/{utils → internals}/useRenderElement.js

@@ -13,11 +13,11 @@ var _useMergedRefs = require("@base-ui/utils/useMergedRefs");
 var _getReactElementRef = require("@base-ui/utils/getReactElementRef");
 var _mergeObjects = require("@base-ui/utils/mergeObjects");
 var _warn = require("@base-ui/utils/warn");
+var _empty = require("@base-ui/utils/empty");
 var _getStateAttributesProps = require("./getStateAttributesProps");
-var _resolveClassName = require("./resolveClassName");
-var _resolveStyle = require("./resolveStyle");
+var _resolveClassName = require("../utils/resolveClassName");
+var _resolveStyle = require("../utils/resolveStyle");
 var _mergeProps = require("../merge-props");
-var _constants = require("./constants");
 /**
  * Renders a Base UI element.
  *
@@ -31,7 +31,7 @@ function useRenderElement(element, componentProps, params = {}) {
   if (params.enabled === false) {
     return null;
   }
-  const state = params.state ?? _constants.EMPTY_OBJECT;
+  const state = params.state ?? _empty.EMPTY_OBJECT;
   return evaluateRenderProp(element, renderProp, outProps, state);
 }
 
@@ -45,7 +45,7 @@ function useRenderElementProps(componentProps, params = {}) {
     render: renderProp
   } = componentProps;
   const {
-    state = _constants.EMPTY_OBJECT,
+    state = _empty.EMPTY_OBJECT,
     ref,
     props,
     stateAttributesMapping,
@@ -53,13 +53,13 @@ function useRenderElementProps(componentProps, params = {}) {
   } = params;
   const className = enabled ? (0, _resolveClassName.resolveClassName)(classNameProp, state) : undefined;
   const style = enabled ? (0, _resolveStyle.resolveStyle)(styleProp, state) : undefined;
-  const stateProps = enabled ? (0, _getStateAttributesProps.getStateAttributesProps)(state, stateAttributesMapping) : _constants.EMPTY_OBJECT;
+  const stateProps = enabled ? (0, _getStateAttributesProps.getStateAttributesProps)(state, stateAttributesMapping) : _empty.EMPTY_OBJECT;
   const resolvedProps = enabled && props ? resolveRenderFunctionProps(props) : undefined;
 
   // Ensure outProps is always a new mutable object when enabled, never EMPTY_OBJECT.
   // This prevents potential TypeError when setting ref, className, or style properties,
   // since EMPTY_OBJECT is frozen and mutations would fail in strict mode.
-  const outProps = enabled ? (0, _mergeObjects.mergeObjects)(stateProps, resolvedProps) ?? {} : _constants.EMPTY_OBJECT;
+  const outProps = enabled ? (0, _mergeObjects.mergeObjects)(stateProps, resolvedProps) ?? {} : _empty.EMPTY_OBJECT;
 
   // SAFETY: The `useMergedRefs` functions use a single hook to store the same value,
   // switching between them at runtime is safe. If this assertion fails, React will
@@ -77,7 +77,7 @@ function useRenderElementProps(componentProps, params = {}) {
     }
   }
   if (!enabled) {
-    return _constants.EMPTY_OBJECT;
+    return _empty.EMPTY_OBJECT;
   }
   if (className !== undefined) {
     outProps.className = (0, _mergeProps.mergeClassNames)(outProps.className, className);
@@ -129,6 +129,8 @@ function evaluateRenderProp(element, render, props, state) {
     // so we can throw before with custom message.
     if (process.env.NODE_ENV !== 'production') {
       if (! /*#__PURE__*/React.isValidElement(newElement)) {
+        // TODO: fix mui/no-guarded-throw
+        // eslint-disable-next-line mui/no-guarded-throw
         throw new Error(['Base UI: The `render` prop was provided an invalid React element as `React.isValidElement(render)` is `false`.', 'A valid React element must be provided to the `render` prop because it is cloned with props to replace the default element.', 'https://base-ui.com/r/invalid-render-prop'].join('\n'));
       }
     }

package/menu/arrow/MenuArrow.d.ts

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

package/menu/arrow/MenuArrow.js

@@ -9,7 +9,7 @@ exports.MenuArrow = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _MenuPositionerContext = require("../positioner/MenuPositionerContext");
 var _MenuRootContext = require("../root/MenuRootContext");
-var _useRenderElement = require("../../utils/useRenderElement");
+var _useRenderElement = require("../../internals/useRenderElement");
 var _popupStateMapping = require("../../utils/popupStateMapping");
 /**
  * Displays an element positioned against the menu anchor.
@@ -19,8 +19,8 @@ var _popupStateMapping = require("../../utils/popupStateMapping");
  */
 const MenuArrow = exports.MenuArrow = /*#__PURE__*/React.forwardRef(function MenuArrow(componentProps, forwardedRef) {
   const {
-    className,
     render,
+    className,
     style,
     ...elementProps
   } = componentProps;

package/menu/backdrop/MenuBackdrop.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import type { BaseUIComponentProps } from "../../utils/types.js";
-import type { TransitionStatus } from "../../utils/useTransitionStatus.js";
+import type { BaseUIComponentProps } from "../../internals/types.js";
+import type { TransitionStatus } from "../../internals/useTransitionStatus.js";
 /**
  * An overlay displayed beneath the menu popup.
  * Renders a `<div>` element.

package/menu/backdrop/MenuBackdrop.js

@@ -8,11 +8,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.MenuBackdrop = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _MenuRootContext = require("../root/MenuRootContext");
-var _useRenderElement = require("../../utils/useRenderElement");
+var _useRenderElement = require("../../internals/useRenderElement");
 var _popupStateMapping = require("../../utils/popupStateMapping");
-var _stateAttributesMapping = require("../../utils/stateAttributesMapping");
+var _stateAttributesMapping = require("../../internals/stateAttributesMapping");
 var _ContextMenuRootContext = require("../../context-menu/root/ContextMenuRootContext");
-var _reasons = require("../../utils/reasons");
+var _reasons = require("../../internals/reasons");
 const stateAttributesMapping = {
   ..._popupStateMapping.popupStateMapping,
   ..._stateAttributesMapping.transitionStatusMapping
@@ -26,8 +26,8 @@ const stateAttributesMapping = {
  */
 const MenuBackdrop = exports.MenuBackdrop = /*#__PURE__*/React.forwardRef(function MenuBackdrop(componentProps, forwardedRef) {
   const {
-    className,
     render,
+    className,
     style,
     ...elementProps
   } = componentProps;

package/menu/checkbox-item/MenuCheckboxItem.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";
 import type { MenuRoot } from "../root/MenuRoot.js";
 /**
  * A menu item that toggles a setting on or off.

package/menu/checkbox-item/MenuCheckboxItem.js

@@ -7,18 +7,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.MenuCheckboxItem = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _useStableCallback = require("@base-ui/utils/useStableCallback");
 var _useControlled = require("@base-ui/utils/useControlled");
 var _MenuCheckboxItemContext = require("./MenuCheckboxItemContext");
 var _useMenuItem = require("../item/useMenuItem");
-var _useCompositeListItem = require("../../composite/list/useCompositeListItem");
+var _useCompositeListItem = require("../../internals/composite/list/useCompositeListItem");
 var _MenuRootContext = require("../root/MenuRootContext");
-var _useRenderElement = require("../../utils/useRenderElement");
-var _useBaseUiId = require("../../utils/useBaseUiId");
+var _useRenderElement = require("../../internals/useRenderElement");
+var _useBaseUiId = require("../../internals/useBaseUiId");
 var _stateAttributesMapping = require("../utils/stateAttributesMapping");
 var _MenuPositionerContext = require("../positioner/MenuPositionerContext");
-var _createBaseUIEventDetails = require("../../utils/createBaseUIEventDetails");
-var _reasons = require("../../utils/reasons");
+var _createBaseUIEventDetails = require("../../internals/createBaseUIEventDetails");
+var _reasons = require("../../internals/reasons");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * A menu item that toggles a setting on or off.
@@ -75,17 +74,16 @@ const MenuCheckboxItem = exports.MenuCheckboxItem = /*#__PURE__*/React.forwardRe
     highlighted,
     checked
   }), [disabled, highlighted, checked]);
-  const handleClick = (0, _useStableCallback.useStableCallback)(event => {
-    const details = {
-      ...(0, _createBaseUIEventDetails.createChangeEventDetails)(_reasons.REASONS.itemPress, event.nativeEvent),
-      preventUnmountOnClose: () => {}
-    };
+  function handleClick(event) {
+    const details = (0, _createBaseUIEventDetails.createChangeEventDetails)(_reasons.REASONS.itemPress, event.nativeEvent, undefined, {
+      preventUnmountOnClose() {}
+    });
     onCheckedChange?.(!checked, details);
     if (details.isCanceled) {
       return;
     }
     setChecked(currentlyChecked => !currentlyChecked);
-  });
+  }
   const element = (0, _useRenderElement.useRenderElement)('div', componentProps, {
     state,
     stateAttributesMapping: _stateAttributesMapping.itemMapping,

package/menu/checkbox-item-indicator/MenuCheckboxItemIndicator.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 checkbox item is ticked.
  * Renders a `<span>` element.

package/menu/checkbox-item-indicator/MenuCheckboxItemIndicator.js

@@ -8,10 +8,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.MenuCheckboxItemIndicator = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _MenuCheckboxItemContext = require("../checkbox-item/MenuCheckboxItemContext");
-var _useRenderElement = require("../../utils/useRenderElement");
+var _useRenderElement = require("../../internals/useRenderElement");
 var _stateAttributesMapping = require("../utils/stateAttributesMapping");
-var _useTransitionStatus = require("../../utils/useTransitionStatus");
-var _useOpenChangeComplete = require("../../utils/useOpenChangeComplete");
+var _useTransitionStatus = require("../../internals/useTransitionStatus");
+var _useOpenChangeComplete = require("../../internals/useOpenChangeComplete");
 /**
  * Indicates whether the checkbox item is ticked.
  * Renders a `<span>` element.

package/menu/checkbox-item-indicator/MenuCheckboxItemIndicatorDataAttributes.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MenuCheckboxItemIndicatorDataAttributes = void 0;
-var _stateAttributesMapping = require("../../utils/stateAttributesMapping");
+var _stateAttributesMapping = require("../../internals/stateAttributesMapping");
 let MenuCheckboxItemIndicatorDataAttributes = exports.MenuCheckboxItemIndicatorDataAttributes = function (MenuCheckboxItemIndicatorDataAttributes) {
   /**
    * Present when the menu checkbox item is checked.

package/menu/group/MenuGroup.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { BaseUIComponentProps } from "../../utils/types.js";
+import { BaseUIComponentProps } from "../../internals/types.js";
 /**
  * Groups related menu items with the corresponding label.
  * Renders a `<div>` element.

package/menu/group/MenuGroup.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.MenuGroup = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _useRenderElement = require("../../utils/useRenderElement");
+var _useRenderElement = require("../../internals/useRenderElement");
 var _MenuGroupContext = require("./MenuGroupContext");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
@@ -24,9 +24,6 @@ const MenuGroup = exports.MenuGroup = /*#__PURE__*/React.forwardRef(function Men
     ...elementProps
   } = componentProps;
   const [labelId, setLabelId] = React.useState(undefined);
-  const context = React.useMemo(() => ({
-    setLabelId
-  }), [setLabelId]);
   const element = (0, _useRenderElement.useRenderElement)('div', componentProps, {
     ref: forwardedRef,
     props: {
@@ -36,7 +33,7 @@ const MenuGroup = exports.MenuGroup = /*#__PURE__*/React.forwardRef(function Men
     }
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuGroupContext.MenuGroupContext.Provider, {
-    value: context,
+    value: setLabelId,
     children: element
   });
 });

package/menu/group/MenuGroupContext.d.ts

@@ -1,6 +1,4 @@
 import * as React from 'react';
-export interface MenuGroupContext {
-  setLabelId: (id: string | undefined) => void;
-}
+export type MenuGroupContext = (id: string | undefined) => void;
 export declare const MenuGroupContext: React.Context<MenuGroupContext | undefined>;
 export declare function useMenuGroupRootContext(): MenuGroupContext;

package/menu/group/MenuGroupContext.js

@@ -15,7 +15,7 @@ if (process.env.NODE_ENV !== "production") MenuGroupContext.displayName = "MenuG
 function useMenuGroupRootContext() {
   const context = React.useContext(MenuGroupContext);
   if (context === undefined) {
-    throw new Error(process.env.NODE_ENV !== "production" ? 'Base UI: MenuGroupRootContext is missing. Menu group parts must be used within <Menu.Group>.' : (0, _formatErrorMessage2.default)(31));
+    throw new Error(process.env.NODE_ENV !== "production" ? 'Base UI: MenuGroupContext is missing. Menu group parts must be used within <Menu.Group> or <Menu.RadioGroup>.' : (0, _formatErrorMessage2.default)(31));
   }
   return context;
 }

package/menu/group-label/MenuGroupLabel.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 its parent group.
  * Renders a `<div>` element.

package/menu/group-label/MenuGroupLabel.js

@@ -8,8 +8,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.MenuGroupLabel = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _useIsoLayoutEffect = require("@base-ui/utils/useIsoLayoutEffect");
-var _useRenderElement = require("../../utils/useRenderElement");
-var _useBaseUiId = require("../../utils/useBaseUiId");
+var _useRenderElement = require("../../internals/useRenderElement");
+var _useBaseUiId = require("../../internals/useBaseUiId");
 var _MenuGroupContext = require("../group/MenuGroupContext");
 /**
  * An accessible label that is automatically associated with its parent group.
@@ -17,18 +17,16 @@ var _MenuGroupContext = require("../group/MenuGroupContext");
  *
  * Documentation: [Base UI Menu](https://base-ui.com/react/components/menu)
  */
-const MenuGroupLabel = exports.MenuGroupLabel = /*#__PURE__*/React.forwardRef(function MenuGroupLabelComponent(componentProps, forwardedRef) {
+const MenuGroupLabel = exports.MenuGroupLabel = /*#__PURE__*/React.forwardRef(function MenuGroupLabel(componentProps, forwardedRef) {
   const {
-    className,
     render,
-    id: idProp,
+    className,
     style,
+    id: idProp,
     ...elementProps
   } = componentProps;
   const id = (0, _useBaseUiId.useBaseUiId)(idProp);
-  const {
-    setLabelId
-  } = (0, _MenuGroupContext.useMenuGroupRootContext)();
+  const setLabelId = (0, _MenuGroupContext.useMenuGroupRootContext)();
   (0, _useIsoLayoutEffect.useIsoLayoutEffect)(() => {
     setLabelId(id);
     return () => {

package/menu/item/MenuItem.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";
 /**
  * An individual interactive item in the menu.
  * Renders a `<div>` element.