@base-ui/react 1.4.0 → 1.4.1

package/meter/root/MeterRoot.js

@@ -10,7 +10,7 @@ var React = _interopRequireWildcard(require("react"));
 var _visuallyHidden = require("@base-ui/utils/visuallyHidden");
 var _MeterRootContext = require("./MeterRootContext");
 var _formatNumber = require("../../utils/formatNumber");
-var _useRenderElement = require("../../utils/useRenderElement");
+var _useRenderElement = require("../../internals/useRenderElement");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Groups all parts of the meter and provides the value for screen readers.

package/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/meter/track/MeterTrack.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.MeterTrack = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _useRenderElement = require("../../utils/useRenderElement");
+var _useRenderElement = require("../../internals/useRenderElement");
 /**
  * Contains the meter indicator and represents the entire range of the meter.
  * Renders a `<div>` element.

package/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/meter/value/MeterValue.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.MeterValue = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _MeterRootContext = require("../root/MeterRootContext");
-var _useRenderElement = require("../../utils/useRenderElement");
+var _useRenderElement = require("../../internals/useRenderElement");
 /**
  * A text element displaying the current value.
  * Renders a `<span>` element.

package/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.

package/navigation-menu/arrow/NavigationMenuArrow.js

@@ -10,7 +10,7 @@ var React = _interopRequireWildcard(require("react"));
 var _NavigationMenuPositionerContext = require("../positioner/NavigationMenuPositionerContext");
 var _NavigationMenuRootContext = require("../root/NavigationMenuRootContext");
 var _popupStateMapping = require("../../utils/popupStateMapping");
-var _useRenderElement = require("../../utils/useRenderElement");
+var _useRenderElement = require("../../internals/useRenderElement");
 /**
  * Displays an element pointing toward the navigation menu's current anchor.
  * Renders a `<div>` element.

package/navigation-menu/backdrop/NavigationMenuBackdrop.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";
 /**
  * A backdrop for the navigation menu popup.
  * Renders a `<div>` element.

package/navigation-menu/backdrop/NavigationMenuBackdrop.js

@@ -7,9 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.NavigationMenuBackdrop = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _useRenderElement = require("../../utils/useRenderElement");
+var _useRenderElement = require("../../internals/useRenderElement");
 var _NavigationMenuRootContext = require("../root/NavigationMenuRootContext");
-var _stateAttributesMapping = require("../../utils/stateAttributesMapping");
+var _stateAttributesMapping = require("../../internals/stateAttributesMapping");
 var _popupStateMapping = require("../../utils/popupStateMapping");
 const stateAttributesMapping = {
   ..._popupStateMapping.popupStateMapping,

package/navigation-menu/content/NavigationMenuContent.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import type { BaseUIComponentProps } from "../../utils/types.js";
-import { TransitionStatus } from "../../utils/useTransitionStatus.js";
+import type { BaseUIComponentProps } from "../../internals/types.js";
+import { TransitionStatus } from "../../internals/useTransitionStatus.js";
 /**
  * A container for the content of the navigation menu item that is moved into the popup
  * when the item is active.

package/navigation-menu/content/NavigationMenuContent.js

@@ -10,16 +10,16 @@ var React = _interopRequireWildcard(require("react"));
 var ReactDOM = _interopRequireWildcard(require("react-dom"));
 var _useIsoLayoutEffect = require("@base-ui/utils/useIsoLayoutEffect");
 var _inertValue = require("@base-ui/utils/inertValue");
+var _empty = require("@base-ui/utils/empty");
 var _floatingUiReact = require("../../floating-ui-react");
 var _utils = require("../../floating-ui-react/utils");
 var _NavigationMenuRootContext = require("../root/NavigationMenuRootContext");
 var _NavigationMenuItemContext = require("../item/NavigationMenuItemContext");
-var _useTransitionStatus = require("../../utils/useTransitionStatus");
-var _useOpenChangeComplete = require("../../utils/useOpenChangeComplete");
-var _stateAttributesMapping = require("../../utils/stateAttributesMapping");
-var _CompositeRoot = require("../../composite/root/CompositeRoot");
+var _useTransitionStatus = require("../../internals/useTransitionStatus");
+var _useOpenChangeComplete = require("../../internals/useOpenChangeComplete");
+var _stateAttributesMapping = require("../../internals/stateAttributesMapping");
+var _CompositeRoot = require("../../internals/composite/root/CompositeRoot");
 var _popupStateMapping = require("../../utils/popupStateMapping");
-var _constants = require("../../utils/constants");
 var _jsxRuntime = require("react/jsx-runtime");
 const stateAttributesMapping = {
   ..._popupStateMapping.popupStateMapping,
@@ -160,7 +160,7 @@ const NavigationMenuContent = exports.NavigationMenuContent = /*#__PURE__*/React
       refs: [forwardedRef, ref, handleCurrentContentRef],
       props: [defaultProps, hidden ? {
         hidden: true
-      } : _constants.EMPTY_OBJECT, elementProps],
+      } : _empty.EMPTY_OBJECT, elementProps],
       stateAttributesMapping: stateAttributesMapping
     })
   }), portalContainer);

package/navigation-menu/icon/NavigationMenuIcon.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 icon that indicates that the trigger button opens a menu.
  *

package/navigation-menu/icon/NavigationMenuIcon.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.NavigationMenuIcon = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _useRenderElement = require("../../utils/useRenderElement");
+var _useRenderElement = require("../../internals/useRenderElement");
 var _NavigationMenuRootContext = require("../root/NavigationMenuRootContext");
 var _popupStateMapping = require("../../utils/popupStateMapping");
 var _NavigationMenuItemContext = require("../item/NavigationMenuItemContext");

package/navigation-menu/item/NavigationMenuItem.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 individual navigation menu item.
  * Renders a `<li>` element.

package/navigation-menu/item/NavigationMenuItem.js

@@ -7,9 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.NavigationMenuItem = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _useRenderElement = require("../../utils/useRenderElement");
+var _useRenderElement = require("../../internals/useRenderElement");
 var _NavigationMenuItemContext = require("./NavigationMenuItemContext");
-var _useBaseUiId = require("../../utils/useBaseUiId");
+var _useBaseUiId = require("../../internals/useBaseUiId");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * An individual navigation menu item.

package/navigation-menu/link/NavigationMenuLink.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";
 /**
  * A link in the navigation menu that can be used to navigate to a different page or section.
  * Renders an `<a>` element.

package/navigation-menu/link/NavigationMenuLink.js

@@ -10,9 +10,9 @@ var React = _interopRequireWildcard(require("react"));
 var _floatingUiReact = require("../../floating-ui-react");
 var _NavigationMenuRootContext = require("../root/NavigationMenuRootContext");
 var _isOutsideMenuEvent = require("../utils/isOutsideMenuEvent");
-var _CompositeItem = require("../../composite/item/CompositeItem");
-var _createBaseUIEventDetails = require("../../utils/createBaseUIEventDetails");
-var _reasons = require("../../utils/reasons");
+var _CompositeItem = require("../../internals/composite/item/CompositeItem");
+var _createBaseUIEventDetails = require("../../internals/createBaseUIEventDetails");
+var _reasons = require("../../internals/reasons");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * A link in the navigation menu that can be used to navigate to a different page or section.

package/navigation-menu/list/NavigationMenuList.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";
 /**
  * Contains a list of navigation menu items.
  * Renders a `<ul>` element.

package/navigation-menu/list/NavigationMenuList.js

@@ -7,15 +7,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.NavigationMenuList = void 0;
 var React = _interopRequireWildcard(require("react"));
+var _empty = require("@base-ui/utils/empty");
 var _floatingUiReact = require("../../floating-ui-react");
 var _utils = require("../../floating-ui-react/utils");
-var _CompositeRoot = require("../../composite/root/CompositeRoot");
+var _CompositeRoot = require("../../internals/composite/root/CompositeRoot");
 var _NavigationMenuRootContext = require("../root/NavigationMenuRootContext");
-var _constants = require("../../utils/constants");
-var _constants2 = require("../utils/constants");
+var _constants = require("../utils/constants");
 var _NavigationMenuDismissContext = require("./NavigationMenuDismissContext");
 var _getEmptyRootContext = require("../../floating-ui-react/utils/getEmptyRootContext");
-var _useRenderElement = require("../../utils/useRenderElement");
+var _useRenderElement = require("../../internals/useRenderElement");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Contains a list of navigation menu items.
@@ -55,7 +55,7 @@ const NavigationMenuList = exports.NavigationMenuList = /*#__PURE__*/React.forwa
     outsidePressEvent: 'intentional',
     outsidePress(event) {
       const target = (0, _utils.getTarget)(event);
-      const closestNavigationMenuTrigger = target?.closest(`[${_constants2.NAVIGATION_MENU_TRIGGER_IDENTIFIER}]`);
+      const closestNavigationMenuTrigger = target?.closest(`[${_constants.NAVIGATION_MENU_TRIGGER_IDENTIFIER}]`);
       return closestNavigationMenuTrigger === null;
     }
   });
@@ -67,7 +67,7 @@ const NavigationMenuList = exports.NavigationMenuList = /*#__PURE__*/React.forwa
   // `stopEventPropagation` won't stop the propagation if the end of the list is reached,
   // but we want to block it in this case.
   // When nested, skip this handler so arrow keys can reach the parent CompositeRoot.
-  const defaultProps = nested ? _constants.EMPTY_OBJECT : {
+  const defaultProps = nested ? _empty.EMPTY_OBJECT : {
     onKeyDown(event) {
       const shouldStop = orientation === 'horizontal' && (event.key === 'ArrowLeft' || event.key === 'ArrowRight') || orientation === 'vertical' && (event.key === 'ArrowUp' || event.key === 'ArrowDown');
       if (shouldStop) {
@@ -75,7 +75,7 @@ const NavigationMenuList = exports.NavigationMenuList = /*#__PURE__*/React.forwa
       }
     }
   };
-  const props = [dismissProps?.floating || _constants.EMPTY_OBJECT, defaultProps, {
+  const props = [dismissProps?.floating || _empty.EMPTY_OBJECT, defaultProps, {
     'aria-orientation': undefined
   }, elementProps];
 

package/navigation-menu/popup/NavigationMenuPopup.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";
 import { Align, Side } from "../../utils/useAnchorPositioning.js";
 /**
  * A container for the navigation menu contents.

package/navigation-menu/popup/NavigationMenuPopup.js

@@ -7,12 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.NavigationMenuPopup = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _useRenderElement = require("../../utils/useRenderElement");
+var _useRenderElement = require("../../internals/useRenderElement");
 var _NavigationMenuRootContext = require("../root/NavigationMenuRootContext");
-var _stateAttributesMapping = require("../../utils/stateAttributesMapping");
-var _useBaseUiId = require("../../utils/useBaseUiId");
+var _stateAttributesMapping = require("../../internals/stateAttributesMapping");
+var _useBaseUiId = require("../../internals/useBaseUiId");
 var _NavigationMenuPositionerContext = require("../positioner/NavigationMenuPositionerContext");
-var _DirectionContext = require("../../direction-provider/DirectionContext");
+var _DirectionContext = require("../../internals/direction-context/DirectionContext");
 var _popupStateMapping = require("../../utils/popupStateMapping");
 const stateAttributesMapping = {
   ..._popupStateMapping.popupStateMapping,

package/navigation-menu/positioner/NavigationMenuPositioner.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 Align, type Side, type UseAnchorPositioningSharedParameters } from "../../utils/useAnchorPositioning.js";
 /**
  * Positions the navigation menu against the currently active trigger.

package/navigation-menu/positioner/NavigationMenuPositioner.js

@@ -18,7 +18,7 @@ var _NavigationMenuRootContext = require("../root/NavigationMenuRootContext");
 var _NavigationMenuPortalContext = require("../portal/NavigationMenuPortalContext");
 var _useAnchorPositioning = require("../../utils/useAnchorPositioning");
 var _NavigationMenuPositionerContext = require("./NavigationMenuPositionerContext");
-var _constants = require("../../utils/constants");
+var _constants = require("../../internals/constants");
 var _adaptiveOriginMiddleware = require("../../utils/adaptiveOriginMiddleware");
 var _usePositioner = require("../../utils/usePositioner");
 var _jsxRuntime = require("react/jsx-runtime");

package/navigation-menu/root/NavigationMenuRoot.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import type { BaseUIComponentProps } from "../../utils/types.js";
-import { type BaseUIChangeEventDetails } from "../../utils/createBaseUIEventDetails.js";
-import { REASONS } from "../../utils/reasons.js";
+import type { BaseUIComponentProps } from "../../internals/types.js";
+import { type BaseUIChangeEventDetails } from "../../internals/createBaseUIEventDetails.js";
+import { REASONS } from "../../internals/reasons.js";
 /**
  * Groups all parts of the navigation menu.
  * Renders a `<nav>` element at the root, or `<div>` element when nested.

package/navigation-menu/root/NavigationMenuRoot.js

@@ -13,12 +13,12 @@ var _useStableCallback = require("@base-ui/utils/useStableCallback");
 var _owner = require("@base-ui/utils/owner");
 var _floatingUiReact = require("../../floating-ui-react");
 var _utils = require("../../floating-ui-react/utils");
-var _useRenderElement = require("../../utils/useRenderElement");
+var _useRenderElement = require("../../internals/useRenderElement");
 var _NavigationMenuRootContext = require("./NavigationMenuRootContext");
-var _useOpenChangeComplete = require("../../utils/useOpenChangeComplete");
-var _useTransitionStatus = require("../../utils/useTransitionStatus");
+var _useOpenChangeComplete = require("../../internals/useOpenChangeComplete");
+var _useTransitionStatus = require("../../internals/useTransitionStatus");
 var _getCssDimensions = require("../../utils/getCssDimensions");
-var _reasons = require("../../utils/reasons");
+var _reasons = require("../../internals/reasons");
 var _NavigationMenuPopupCssVars = require("../popup/NavigationMenuPopupCssVars");
 var _NavigationMenuPositionerCssVars = require("../positioner/NavigationMenuPositionerCssVars");
 var _jsxRuntime = require("react/jsx-runtime");

package/navigation-menu/root/NavigationMenuRootContext.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { FloatingRootContext } from "../../floating-ui-react/index.js";
-import type { TransitionStatus } from "../../utils/useTransitionStatus.js";
+import type { TransitionStatus } from "../../internals/useTransitionStatus.js";
 import type { NavigationMenuRoot } from "./NavigationMenuRoot.js";
 export type NavigationMenuPopupAutoSizeResetState = {
   abortController: AbortController | null;

package/navigation-menu/trigger/NavigationMenuTrigger.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { BaseUIComponentProps, NativeButtonProps } from "../../utils/types.js";
+import type { BaseUIComponentProps, NativeButtonProps } from "../../internals/types.js";
 /**
  * Opens the navigation menu popup when hovered or clicked, revealing the
  * associated content.

package/navigation-menu/trigger/NavigationMenuTrigger.js

@@ -16,21 +16,22 @@ var _useStableCallback = require("@base-ui/utils/useStableCallback");
 var _useTimeout = require("@base-ui/utils/useTimeout");
 var _useAnimationFrame = require("@base-ui/utils/useAnimationFrame");
 var _useValueAsRef = require("@base-ui/utils/useValueAsRef");
+var _empty = require("@base-ui/utils/empty");
 var _floatingUiReact = require("../../floating-ui-react");
 var _useHoverInteractionSharedState = require("../../floating-ui-react/hooks/useHoverInteractionSharedState");
 var _utils = require("../../floating-ui-react/utils");
 var _NavigationMenuItemContext = require("../item/NavigationMenuItemContext");
 var _NavigationMenuRootContext = require("../root/NavigationMenuRootContext");
-var _createBaseUIEventDetails = require("../../utils/createBaseUIEventDetails");
-var _reasons = require("../../utils/reasons");
-var _constants = require("../../utils/constants");
+var _createBaseUIEventDetails = require("../../internals/createBaseUIEventDetails");
+var _reasons = require("../../internals/reasons");
+var _constants = require("../../internals/constants");
 var _FocusGuard = require("../../utils/FocusGuard");
 var _popupStateMapping = require("../../utils/popupStateMapping");
-var _stateAttributesMapping = require("../../utils/stateAttributesMapping");
+var _stateAttributesMapping = require("../../internals/stateAttributesMapping");
 var _isOutsideMenuEvent = require("../utils/isOutsideMenuEvent");
-var _CompositeItem = require("../../composite/item/CompositeItem");
-var _useButton = require("../../use-button");
-var _useAnimationsFinished = require("../../utils/useAnimationsFinished");
+var _CompositeItem = require("../../internals/composite/item/CompositeItem");
+var _useButton = require("../../internals/use-button");
+var _useAnimationsFinished = require("../../internals/useAnimationsFinished");
 var _getCssDimensions = require("../../utils/getCssDimensions");
 var _constants2 = require("../utils/constants");
 var _NavigationMenuDismissContext = require("../list/NavigationMenuDismissContext");
@@ -119,7 +120,14 @@ const NavigationMenuTrigger = exports.NavigationMenuTrigger = /*#__PURE__*/React
     popupAutoSizeResetRef.current.abortController = null;
     popupAutoSizeResetRef.current.owner = null;
   });
-  React.useEffect(cancelAutoSizeReset, [isActiveItem, cancelAutoSizeReset]);
+  (0, _useIsoLayoutEffect.useIsoLayoutEffect)(() => {
+    if (isActiveItem) {
+      return;
+    }
+    mutationFrame.cancel();
+    sizeFrame.cancel();
+    cancelAutoSizeReset();
+  }, [isActiveItem, mutationFrame, sizeFrame, cancelAutoSizeReset]);
   function setAutoSizes() {
     if (!popupElement) {
       return;
@@ -183,6 +191,9 @@ const NavigationMenuTrigger = exports.NavigationMenuTrigger = /*#__PURE__*/React
     positionerElement.style.setProperty(_NavigationMenuPositionerCssVars.NavigationMenuPositionerCssVars.positionerWidth, `${syncPositioner ? currentWidth : measuredWidth}px`);
     positionerElement.style.setProperty(_NavigationMenuPositionerCssVars.NavigationMenuPositionerCssVars.positionerHeight, `${syncPositioner ? currentHeight : measuredHeight}px`);
     sizeFrame.request(() => {
+      if (!isActiveItemRef.current) {
+        return;
+      }
       popupElement.style.setProperty(_NavigationMenuPopupCssVars.NavigationMenuPopupCssVars.popupWidth, `${measuredWidth}px`);
       popupElement.style.setProperty(_NavigationMenuPopupCssVars.NavigationMenuPopupCssVars.popupHeight, `${measuredHeight}px`);
       if (syncPositioner) {
@@ -214,6 +225,9 @@ const NavigationMenuTrigger = exports.NavigationMenuTrigger = /*#__PURE__*/React
         const measuredHeight = height || currentHeight || prevSizeRef.current.height;
         setSharedFixedSizes(currentWidth, currentHeight);
         sizeFrame.request(() => {
+          if (!isActiveItemRef.current) {
+            return;
+          }
           setSharedFixedSizes(measuredWidth, measuredHeight);
           scheduleAutoSizeReset();
         });
@@ -610,7 +624,7 @@ const NavigationMenuTrigger = exports.NavigationMenuTrigger = /*#__PURE__*/React
       state: state,
       stateAttributesMapping: _popupStateMapping.pressableTriggerOpenStateMapping,
       refs: [forwardedRef, handleTriggerElement, buttonRef],
-      props: [getReferenceProps, dismissProps?.reference || _constants.EMPTY_ARRAY, defaultProps, elementProps, getButtonProps]
+      props: [getReferenceProps, dismissProps?.reference || _empty.EMPTY_ARRAY, defaultProps, elementProps, getButtonProps]
     }), isActiveItem && /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_FocusGuard.FocusGuard, {
         ref: beforeOutsideRef,

package/navigation-menu/viewport/NavigationMenuViewport.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";
 /**
  * The clipping viewport of the navigation menu's current content.
  * Renders a `<div>` element.

package/navigation-menu/viewport/NavigationMenuViewport.js

@@ -10,7 +10,7 @@ var React = _interopRequireWildcard(require("react"));
 var _useIsoLayoutEffect = require("@base-ui/utils/useIsoLayoutEffect");
 var _useId = require("@base-ui/utils/useId");
 var _inertValue = require("@base-ui/utils/inertValue");
-var _useRenderElement = require("../../utils/useRenderElement");
+var _useRenderElement = require("../../internals/useRenderElement");
 var _NavigationMenuRootContext = require("../root/NavigationMenuRootContext");
 var _FocusGuard = require("../../utils/FocusGuard");
 var _utils = require("../../floating-ui-react/utils");

package/number-field/decrement/NumberFieldDecrement.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 type { NumberFieldRootState } from "../root/NumberFieldRoot.js";
 /**
  * A stepper button that decreases the field value when clicked.

package/number-field/decrement/NumberFieldDecrement.js

@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.NumberFieldDecrement = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _useRenderElement = require("../../utils/useRenderElement");
-var _useButton = require("../../use-button");
+var _useRenderElement = require("../../internals/useRenderElement");
+var _useButton = require("../../internals/use-button");
 var _NumberFieldRootContext = require("../root/NumberFieldRootContext");
 var _useNumberFieldButton = require("../root/useNumberFieldButton");
 var _stateAttributesMapping = require("../utils/stateAttributesMapping");

package/number-field/decrement/NumberFieldDecrementDataAttributes.d.ts

@@ -16,11 +16,11 @@ export declare enum NumberFieldDecrementDataAttributes {
    */
   required = "data-required",
   /**
-   * Present when the number field is in valid state (when wrapped in Field.Root).
+   * Present when the number field is in a valid state (when wrapped in Field.Root).
    */
   valid = "data-valid",
   /**
-   * Present when the number field is in invalid state (when wrapped in Field.Root).
+   * Present when the number field is in an invalid state (when wrapped in Field.Root).
    */
   invalid = "data-invalid",
   /**

package/number-field/decrement/NumberFieldDecrementDataAttributes.js

@@ -22,11 +22,11 @@ let NumberFieldDecrementDataAttributes = exports.NumberFieldDecrementDataAttribu
    */
   NumberFieldDecrementDataAttributes["required"] = "data-required";
   /**
-   * Present when the number field is in valid state (when wrapped in Field.Root).
+   * Present when the number field is in a valid state (when wrapped in Field.Root).
    */
   NumberFieldDecrementDataAttributes["valid"] = "data-valid";
   /**
-   * Present when the number field is in invalid state (when wrapped in Field.Root).
+   * Present when the number field is in an invalid state (when wrapped in Field.Root).
    */
   NumberFieldDecrementDataAttributes["invalid"] = "data-invalid";
   /**

package/number-field/group/NumberFieldGroup.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { NumberFieldRootState } from "../root/NumberFieldRoot.js";
-import type { BaseUIComponentProps } from "../../utils/types.js";
+import type { BaseUIComponentProps } from "../../internals/types.js";
 /**
  * Groups the input with the increment and decrement buttons.
  * Renders a `<div>` element.

package/number-field/group/NumberFieldGroup.js

@@ -9,7 +9,7 @@ exports.NumberFieldGroup = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _NumberFieldRootContext = require("../root/NumberFieldRootContext");
 var _stateAttributesMapping = require("../utils/stateAttributesMapping");
-var _useRenderElement = require("../../utils/useRenderElement");
+var _useRenderElement = require("../../internals/useRenderElement");
 /**
  * Groups the input with the increment and decrement buttons.
  * Renders a `<div>` element.

package/number-field/group/NumberFieldGroupDataAttributes.d.ts

@@ -16,11 +16,11 @@ export declare enum NumberFieldGroupDataAttributes {
    */
   required = "data-required",
   /**
-   * Present when the number field is in valid state (when wrapped in Field.Root).
+   * Present when the number field is in a valid state (when wrapped in Field.Root).
    */
   valid = "data-valid",
   /**
-   * Present when the number field is in invalid state (when wrapped in Field.Root).
+   * Present when the number field is in an invalid state (when wrapped in Field.Root).
    */
   invalid = "data-invalid",
   /**

package/number-field/group/NumberFieldGroupDataAttributes.js

@@ -22,11 +22,11 @@ let NumberFieldGroupDataAttributes = exports.NumberFieldGroupDataAttributes = /*
    */
   NumberFieldGroupDataAttributes["required"] = "data-required";
   /**
-   * Present when the number field is in valid state (when wrapped in Field.Root).
+   * Present when the number field is in a valid state (when wrapped in Field.Root).
    */
   NumberFieldGroupDataAttributes["valid"] = "data-valid";
   /**
-   * Present when the number field is in invalid state (when wrapped in Field.Root).
+   * Present when the number field is in an invalid state (when wrapped in Field.Root).
    */
   NumberFieldGroupDataAttributes["invalid"] = "data-invalid";
   /**

package/number-field/increment/NumberFieldIncrement.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { BaseUIComponentProps, NativeButtonProps } from "../../utils/types.js";
+import type { BaseUIComponentProps, NativeButtonProps } from "../../internals/types.js";
 import type { NumberFieldRootState } from "../root/NumberFieldRoot.js";
 /**
  * A stepper button that increases the field value when clicked.

package/number-field/increment/NumberFieldIncrement.js

@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.NumberFieldIncrement = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _useRenderElement = require("../../utils/useRenderElement");
-var _useButton = require("../../use-button");
+var _useRenderElement = require("../../internals/useRenderElement");
+var _useButton = require("../../internals/use-button");
 var _NumberFieldRootContext = require("../root/NumberFieldRootContext");
 var _useNumberFieldButton = require("../root/useNumberFieldButton");
 var _stateAttributesMapping = require("../utils/stateAttributesMapping");

package/number-field/increment/NumberFieldIncrementDataAttributes.d.ts

@@ -16,11 +16,11 @@ export declare enum NumberFieldIncrementDataAttributes {
    */
   required = "data-required",
   /**
-   * Present when the number field is in valid state (when wrapped in Field.Root).
+   * Present when the number field is in a valid state (when wrapped in Field.Root).
    */
   valid = "data-valid",
   /**
-   * Present when the number field is in invalid state (when wrapped in Field.Root).
+   * Present when the number field is in an invalid state (when wrapped in Field.Root).
    */
   invalid = "data-invalid",
   /**

package/number-field/increment/NumberFieldIncrementDataAttributes.js

@@ -22,11 +22,11 @@ let NumberFieldIncrementDataAttributes = exports.NumberFieldIncrementDataAttribu
    */
   NumberFieldIncrementDataAttributes["required"] = "data-required";
   /**
-   * Present when the number field is in valid state (when wrapped in Field.Root).
+   * Present when the number field is in a valid state (when wrapped in Field.Root).
    */
   NumberFieldIncrementDataAttributes["valid"] = "data-valid";
   /**
-   * Present when the number field is in invalid state (when wrapped in Field.Root).
+   * Present when the number field is in an invalid state (when wrapped in Field.Root).
    */
   NumberFieldIncrementDataAttributes["invalid"] = "data-invalid";
   /**

package/number-field/input/NumberFieldInput.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 { NumberFieldRootState } from "../root/NumberFieldRoot.js";
 /**
  * The native input control in the number field.