@base-ui/react 1.2.0 → 1.3.0

package/number-field/root/NumberFieldRoot.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { FieldRoot } from "../../field/root/FieldRoot.js";
+import type { FieldRootState } from "../../field/root/FieldRoot.js";
 import type { BaseUIComponentProps } from "../../utils/types.js";
 import type { ChangeEventCustomProperties } from "../utils/types.js";
 import { type BaseUIChangeEventDetails, type BaseUIGenericEventDetails } from "../../utils/createBaseUIEventDetails.js";
@@ -43,7 +43,7 @@ export interface NumberFieldRootProps extends Omit<BaseUIComponentProps<'div', N
    * Specify `step="any"` to always disable step validation.
    * @default 1
    */
-  step?: (number | 'any') | undefined;
+  step?: number | 'any' | undefined;
   /**
    * The large step value of the input element when incrementing while the shift key is held. Snaps
    * to multiples of this value.
@@ -72,7 +72,7 @@ export interface NumberFieldRootProps extends Omit<BaseUIComponentProps<'div', N
   /**
    * The raw numeric value of the field.
    */
-  value?: (number | null) | undefined;
+  value?: number | null | undefined;
   /**
    * The uncontrolled value of the field when it’s initially rendered.
    *
@@ -129,7 +129,7 @@ export interface NumberFieldRootProps extends Omit<BaseUIComponentProps<'div', N
    */
   inputRef?: React.Ref<HTMLInputElement> | undefined;
 }
-export interface NumberFieldRootState extends FieldRoot.State {
+export interface NumberFieldRootState extends FieldRootState {
   /**
    * The raw numeric value of the field.
    */

package/number-field/root/NumberFieldRoot.js

@@ -264,7 +264,7 @@ const NumberFieldRoot = exports.NumberFieldRoot = /*#__PURE__*/React.forwardRef(
       isPressedRef.current = false;
       stopAutoChange();
       const committed = lastChangedValueRef.current ?? valueRef.current;
-      const commitReason = isIncrement ? 'increment' : 'decrement';
+      const commitReason = isIncrement ? _reasons.REASONS.incrementPress : _reasons.REASONS.decrementPress;
       onValueCommitted(committed, (0, _createBaseUIEventDetails.createGenericEventDetails)(commitReason, event));
     }, {
       once: true

package/number-field/root/NumberFieldRootContext.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Timeout } from '@base-ui/utils/useTimeout';
-import type { NumberFieldRoot } from "./NumberFieldRoot.js";
+import type { NumberFieldRoot, NumberFieldRootState } from "./NumberFieldRoot.js";
 import { EventWithOptionalKeyState } from "../utils/types.js";
 import type { IncrementValueParameters } from "../utils/types.js";
 export type InputMode = 'numeric' | 'decimal' | 'text';
@@ -37,7 +37,7 @@ export interface NumberFieldRootContext {
   locale: Intl.LocalesArgument;
   isScrubbing: boolean;
   setIsScrubbing: React.Dispatch<React.SetStateAction<boolean>>;
-  state: NumberFieldRoot.State;
+  state: NumberFieldRootState;
   onValueCommitted: (value: number | null, eventDetails: NumberFieldRoot.CommitEventDetails) => void;
 }
 export declare const NumberFieldRootContext: React.Context<NumberFieldRootContext | undefined>;

package/number-field/root/useNumberFieldButton.d.ts

@@ -3,7 +3,7 @@ import type { Timeout } from '@base-ui/utils/useTimeout';
 import type { EventWithOptionalKeyState, IncrementValueParameters } from "../utils/types.js";
 import type { NumberFieldRoot } from "./NumberFieldRoot.js";
 import type { HTMLProps } from "../../utils/types.js";
-export declare function useNumberFieldButton(params: useNumberFieldButton.Parameters): React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
+export declare function useNumberFieldButton(params: UseNumberFieldButtonParameters): React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
 export interface UseNumberFieldButtonParameters {
   allowInputSyncRef: React.RefObject<boolean | null>;
   disabled: boolean;
@@ -29,7 +29,4 @@ export interface UseNumberFieldButtonParameters {
 export interface UseNumberFieldButtonReturnValue {
   props: HTMLProps;
 }
-export declare namespace useNumberFieldButton {
-  type Parameters = UseNumberFieldButtonParameters;
-  type ReturnValue = UseNumberFieldButtonReturnValue;
-}
+export interface UseNumberFieldButtonState {}

package/number-field/scrub-area/NumberFieldScrubArea.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { BaseUIComponentProps } from "../../utils/types.js";
-import type { NumberFieldRoot } from "../root/NumberFieldRoot.js";
+import type { NumberFieldRootState } from "../root/NumberFieldRoot.js";
 /**
  * An interactive area where the user can click and drag to change the field value.
  * Renders a `<span>` element.
@@ -8,13 +8,13 @@ import type { NumberFieldRoot } from "../root/NumberFieldRoot.js";
  * Documentation: [Base UI Number Field](https://base-ui.com/react/components/number-field)
  */
 export declare const NumberFieldScrubArea: React.ForwardRefExoticComponent<Omit<NumberFieldScrubAreaProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-export interface NumberFieldScrubAreaState extends NumberFieldRoot.State {}
-export interface NumberFieldScrubAreaProps extends BaseUIComponentProps<'span', NumberFieldScrubArea.State> {
+export interface NumberFieldScrubAreaState extends NumberFieldRootState {}
+export interface NumberFieldScrubAreaProps extends BaseUIComponentProps<'span', NumberFieldScrubAreaState> {
   /**
    * Cursor movement direction in the scrub area.
    * @default 'horizontal'
    */
-  direction?: ('horizontal' | 'vertical') | undefined;
+  direction?: 'horizontal' | 'vertical' | undefined;
   /**
    * Determines how many pixels the cursor must move before the value changes.
    * A higher value will make scrubbing less sensitive.

package/number-field/scrub-area-cursor/NumberFieldScrubAreaCursor.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { BaseUIComponentProps } from "../../utils/types.js";
-import type { NumberFieldRoot } from "../root/NumberFieldRoot.js";
+import type { NumberFieldRootState } from "../root/NumberFieldRoot.js";
 /**
  * A custom element to display instead of the native cursor while using the scrub area.
  * Renders a `<span>` element.
@@ -11,8 +11,8 @@ import type { NumberFieldRoot } from "../root/NumberFieldRoot.js";
  * Documentation: [Base UI Number Field](https://base-ui.com/react/components/number-field)
  */
 export declare const NumberFieldScrubAreaCursor: React.ForwardRefExoticComponent<Omit<NumberFieldScrubAreaCursorProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-export interface NumberFieldScrubAreaCursorState extends NumberFieldRoot.State {}
-export interface NumberFieldScrubAreaCursorProps extends BaseUIComponentProps<'span', NumberFieldScrubAreaCursor.State> {}
+export interface NumberFieldScrubAreaCursorState extends NumberFieldRootState {}
+export interface NumberFieldScrubAreaCursorProps extends BaseUIComponentProps<'span', NumberFieldScrubAreaCursorState> {}
 export declare namespace NumberFieldScrubAreaCursor {
   type State = NumberFieldScrubAreaCursorState;
   type Props = NumberFieldScrubAreaCursorProps;

package/number-field/utils/stateAttributesMapping.d.ts

@@ -1,3 +1,3 @@
 import { StateAttributesMapping } from "../../utils/getStateAttributesProps.js";
-import type { NumberFieldRoot } from "../root/NumberFieldRoot.js";
-export declare const stateAttributesMapping: StateAttributesMapping<NumberFieldRoot.State>;
+import type { NumberFieldRootState } from "../root/NumberFieldRoot.js";
+export declare const stateAttributesMapping: StateAttributesMapping<NumberFieldRootState>;

package/number-field/utils/types.d.ts

@@ -5,9 +5,9 @@ export interface ChangeEventCustomProperties {
 }
 export interface IncrementValueParameters {
   direction: Direction;
-  event?: (Event | React.SyntheticEvent) | undefined;
+  event?: Event | React.SyntheticEvent | undefined;
   reason: DirectionalChangeReason;
-  currentValue?: (number | null) | undefined;
+  currentValue?: number | null | undefined;
 }
 export interface EventWithOptionalKeyState {
   altKey?: boolean | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@base-ui/react",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "author": "MUI Team",
   "description": "Base UI is a library of headless ('unstyled') React components and low-level hooks. You gain complete control over your app's CSS and accessibility features.",
   "keywords": [
@@ -27,11 +27,11 @@
   "type": "commonjs",
   "dependencies": {
     "@babel/runtime": "^7.28.6",
-    "@floating-ui/react-dom": "^2.1.6",
-    "@floating-ui/utils": "^0.2.10",
+    "@floating-ui/react-dom": "^2.1.8",
+    "@floating-ui/utils": "^0.2.11",
     "tabbable": "^6.4.0",
     "use-sync-external-store": "^1.6.0",
-    "@base-ui/utils": "0.2.5"
+    "@base-ui/utils": "0.2.6"
   },
   "peerDependencies": {
     "@types/react": "^17 || ^18 || ^19",
@@ -50,11 +50,13 @@
   "engines": {
     "node": ">=14.0.0"
   },
-  "main": "./index.js",
-  "types": "./index.d.ts",
   "exports": {
     "./package.json": "./package.json",
     ".": {
+      "import": {
+        "types": "./esm/index.d.ts",
+        "default": "./esm/index.js"
+      },
       "require": {
         "types": "./index.d.ts",
         "default": "./index.js"
@@ -65,6 +67,10 @@
       }
     },
     "./accordion": {
+      "import": {
+        "types": "./esm/accordion/index.d.ts",
+        "default": "./esm/accordion/index.js"
+      },
       "require": {
         "types": "./accordion/index.d.ts",
         "default": "./accordion/index.js"
@@ -75,6 +81,10 @@
       }
     },
     "./alert-dialog": {
+      "import": {
+        "types": "./esm/alert-dialog/index.d.ts",
+        "default": "./esm/alert-dialog/index.js"
+      },
       "require": {
         "types": "./alert-dialog/index.d.ts",
         "default": "./alert-dialog/index.js"
@@ -85,6 +95,10 @@
       }
     },
     "./autocomplete": {
+      "import": {
+        "types": "./esm/autocomplete/index.d.ts",
+        "default": "./esm/autocomplete/index.js"
+      },
       "require": {
         "types": "./autocomplete/index.d.ts",
         "default": "./autocomplete/index.js"
@@ -95,6 +109,10 @@
       }
     },
     "./avatar": {
+      "import": {
+        "types": "./esm/avatar/index.d.ts",
+        "default": "./esm/avatar/index.js"
+      },
       "require": {
         "types": "./avatar/index.d.ts",
         "default": "./avatar/index.js"
@@ -105,6 +123,10 @@
       }
     },
     "./button": {
+      "import": {
+        "types": "./esm/button/index.d.ts",
+        "default": "./esm/button/index.js"
+      },
       "require": {
         "types": "./button/index.d.ts",
         "default": "./button/index.js"
@@ -115,6 +137,10 @@
       }
     },
     "./checkbox": {
+      "import": {
+        "types": "./esm/checkbox/index.d.ts",
+        "default": "./esm/checkbox/index.js"
+      },
       "require": {
         "types": "./checkbox/index.d.ts",
         "default": "./checkbox/index.js"
@@ -125,6 +151,10 @@
       }
     },
     "./checkbox-group": {
+      "import": {
+        "types": "./esm/checkbox-group/index.d.ts",
+        "default": "./esm/checkbox-group/index.js"
+      },
       "require": {
         "types": "./checkbox-group/index.d.ts",
         "default": "./checkbox-group/index.js"
@@ -135,6 +165,10 @@
       }
     },
     "./collapsible": {
+      "import": {
+        "types": "./esm/collapsible/index.d.ts",
+        "default": "./esm/collapsible/index.js"
+      },
       "require": {
         "types": "./collapsible/index.d.ts",
         "default": "./collapsible/index.js"
@@ -145,6 +179,10 @@
       }
     },
     "./combobox": {
+      "import": {
+        "types": "./esm/combobox/index.d.ts",
+        "default": "./esm/combobox/index.js"
+      },
       "require": {
         "types": "./combobox/index.d.ts",
         "default": "./combobox/index.js"
@@ -155,6 +193,10 @@
       }
     },
     "./csp-provider": {
+      "import": {
+        "types": "./esm/csp-provider/index.d.ts",
+        "default": "./esm/csp-provider/index.js"
+      },
       "require": {
         "types": "./csp-provider/index.d.ts",
         "default": "./csp-provider/index.js"
@@ -165,6 +207,10 @@
       }
     },
     "./context-menu": {
+      "import": {
+        "types": "./esm/context-menu/index.d.ts",
+        "default": "./esm/context-menu/index.js"
+      },
       "require": {
         "types": "./context-menu/index.d.ts",
         "default": "./context-menu/index.js"
@@ -175,6 +221,10 @@
       }
     },
     "./dialog": {
+      "import": {
+        "types": "./esm/dialog/index.d.ts",
+        "default": "./esm/dialog/index.js"
+      },
       "require": {
         "types": "./dialog/index.d.ts",
         "default": "./dialog/index.js"
@@ -185,6 +235,10 @@
       }
     },
     "./direction-provider": {
+      "import": {
+        "types": "./esm/direction-provider/index.d.ts",
+        "default": "./esm/direction-provider/index.js"
+      },
       "require": {
         "types": "./direction-provider/index.d.ts",
         "default": "./direction-provider/index.js"
@@ -195,6 +249,10 @@
       }
     },
     "./drawer": {
+      "import": {
+        "types": "./esm/drawer/index.d.ts",
+        "default": "./esm/drawer/index.js"
+      },
       "require": {
         "types": "./drawer/index.d.ts",
         "default": "./drawer/index.js"
@@ -205,6 +263,10 @@
       }
     },
     "./field": {
+      "import": {
+        "types": "./esm/field/index.d.ts",
+        "default": "./esm/field/index.js"
+      },
       "require": {
         "types": "./field/index.d.ts",
         "default": "./field/index.js"
@@ -215,6 +277,10 @@
       }
     },
     "./fieldset": {
+      "import": {
+        "types": "./esm/fieldset/index.d.ts",
+        "default": "./esm/fieldset/index.js"
+      },
       "require": {
         "types": "./fieldset/index.d.ts",
         "default": "./fieldset/index.js"
@@ -225,6 +291,10 @@
       }
     },
     "./form": {
+      "import": {
+        "types": "./esm/form/index.d.ts",
+        "default": "./esm/form/index.js"
+      },
       "require": {
         "types": "./form/index.d.ts",
         "default": "./form/index.js"
@@ -235,6 +305,10 @@
       }
     },
     "./input": {
+      "import": {
+        "types": "./esm/input/index.d.ts",
+        "default": "./esm/input/index.js"
+      },
       "require": {
         "types": "./input/index.d.ts",
         "default": "./input/index.js"
@@ -245,6 +319,10 @@
       }
     },
     "./menu": {
+      "import": {
+        "types": "./esm/menu/index.d.ts",
+        "default": "./esm/menu/index.js"
+      },
       "require": {
         "types": "./menu/index.d.ts",
         "default": "./menu/index.js"
@@ -255,6 +333,10 @@
       }
     },
     "./menubar": {
+      "import": {
+        "types": "./esm/menubar/index.d.ts",
+        "default": "./esm/menubar/index.js"
+      },
       "require": {
         "types": "./menubar/index.d.ts",
         "default": "./menubar/index.js"
@@ -265,6 +347,10 @@
       }
     },
     "./merge-props": {
+      "import": {
+        "types": "./esm/merge-props/index.d.ts",
+        "default": "./esm/merge-props/index.js"
+      },
       "require": {
         "types": "./merge-props/index.d.ts",
         "default": "./merge-props/index.js"
@@ -275,6 +361,10 @@
       }
     },
     "./meter": {
+      "import": {
+        "types": "./esm/meter/index.d.ts",
+        "default": "./esm/meter/index.js"
+      },
       "require": {
         "types": "./meter/index.d.ts",
         "default": "./meter/index.js"
@@ -285,6 +375,10 @@
       }
     },
     "./navigation-menu": {
+      "import": {
+        "types": "./esm/navigation-menu/index.d.ts",
+        "default": "./esm/navigation-menu/index.js"
+      },
       "require": {
         "types": "./navigation-menu/index.d.ts",
         "default": "./navigation-menu/index.js"
@@ -295,6 +389,10 @@
       }
     },
     "./number-field": {
+      "import": {
+        "types": "./esm/number-field/index.d.ts",
+        "default": "./esm/number-field/index.js"
+      },
       "require": {
         "types": "./number-field/index.d.ts",
         "default": "./number-field/index.js"
@@ -305,6 +403,10 @@
       }
     },
     "./popover": {
+      "import": {
+        "types": "./esm/popover/index.d.ts",
+        "default": "./esm/popover/index.js"
+      },
       "require": {
         "types": "./popover/index.d.ts",
         "default": "./popover/index.js"
@@ -315,6 +417,10 @@
       }
     },
     "./preview-card": {
+      "import": {
+        "types": "./esm/preview-card/index.d.ts",
+        "default": "./esm/preview-card/index.js"
+      },
       "require": {
         "types": "./preview-card/index.d.ts",
         "default": "./preview-card/index.js"
@@ -325,6 +431,10 @@
       }
     },
     "./progress": {
+      "import": {
+        "types": "./esm/progress/index.d.ts",
+        "default": "./esm/progress/index.js"
+      },
       "require": {
         "types": "./progress/index.d.ts",
         "default": "./progress/index.js"
@@ -335,6 +445,10 @@
       }
     },
     "./radio": {
+      "import": {
+        "types": "./esm/radio/index.d.ts",
+        "default": "./esm/radio/index.js"
+      },
       "require": {
         "types": "./radio/index.d.ts",
         "default": "./radio/index.js"
@@ -345,6 +459,10 @@
       }
     },
     "./radio-group": {
+      "import": {
+        "types": "./esm/radio-group/index.d.ts",
+        "default": "./esm/radio-group/index.js"
+      },
       "require": {
         "types": "./radio-group/index.d.ts",
         "default": "./radio-group/index.js"
@@ -355,6 +473,10 @@
       }
     },
     "./scroll-area": {
+      "import": {
+        "types": "./esm/scroll-area/index.d.ts",
+        "default": "./esm/scroll-area/index.js"
+      },
       "require": {
         "types": "./scroll-area/index.d.ts",
         "default": "./scroll-area/index.js"
@@ -365,6 +487,10 @@
       }
     },
     "./select": {
+      "import": {
+        "types": "./esm/select/index.d.ts",
+        "default": "./esm/select/index.js"
+      },
       "require": {
         "types": "./select/index.d.ts",
         "default": "./select/index.js"
@@ -375,6 +501,10 @@
       }
     },
     "./separator": {
+      "import": {
+        "types": "./esm/separator/index.d.ts",
+        "default": "./esm/separator/index.js"
+      },
       "require": {
         "types": "./separator/index.d.ts",
         "default": "./separator/index.js"
@@ -385,6 +515,10 @@
       }
     },
     "./slider": {
+      "import": {
+        "types": "./esm/slider/index.d.ts",
+        "default": "./esm/slider/index.js"
+      },
       "require": {
         "types": "./slider/index.d.ts",
         "default": "./slider/index.js"
@@ -395,6 +529,10 @@
       }
     },
     "./switch": {
+      "import": {
+        "types": "./esm/switch/index.d.ts",
+        "default": "./esm/switch/index.js"
+      },
       "require": {
         "types": "./switch/index.d.ts",
         "default": "./switch/index.js"
@@ -405,6 +543,10 @@
       }
     },
     "./tabs": {
+      "import": {
+        "types": "./esm/tabs/index.d.ts",
+        "default": "./esm/tabs/index.js"
+      },
       "require": {
         "types": "./tabs/index.d.ts",
         "default": "./tabs/index.js"
@@ -415,6 +557,10 @@
       }
     },
     "./toast": {
+      "import": {
+        "types": "./esm/toast/index.d.ts",
+        "default": "./esm/toast/index.js"
+      },
       "require": {
         "types": "./toast/index.d.ts",
         "default": "./toast/index.js"
@@ -425,6 +571,10 @@
       }
     },
     "./toggle": {
+      "import": {
+        "types": "./esm/toggle/index.d.ts",
+        "default": "./esm/toggle/index.js"
+      },
       "require": {
         "types": "./toggle/index.d.ts",
         "default": "./toggle/index.js"
@@ -435,6 +585,10 @@
       }
     },
     "./toggle-group": {
+      "import": {
+        "types": "./esm/toggle-group/index.d.ts",
+        "default": "./esm/toggle-group/index.js"
+      },
       "require": {
         "types": "./toggle-group/index.d.ts",
         "default": "./toggle-group/index.js"
@@ -445,6 +599,10 @@
       }
     },
     "./toolbar": {
+      "import": {
+        "types": "./esm/toolbar/index.d.ts",
+        "default": "./esm/toolbar/index.js"
+      },
       "require": {
         "types": "./toolbar/index.d.ts",
         "default": "./toolbar/index.js"
@@ -455,6 +613,10 @@
       }
     },
     "./tooltip": {
+      "import": {
+        "types": "./esm/tooltip/index.d.ts",
+        "default": "./esm/tooltip/index.js"
+      },
       "require": {
         "types": "./tooltip/index.d.ts",
         "default": "./tooltip/index.js"
@@ -465,6 +627,10 @@
       }
     },
     "./types": {
+      "import": {
+        "types": "./esm/types/index.d.ts",
+        "default": "./esm/types/index.js"
+      },
       "require": {
         "types": "./types/index.d.ts",
         "default": "./types/index.js"
@@ -475,6 +641,10 @@
       }
     },
     "./unstable-use-media-query": {
+      "import": {
+        "types": "./esm/unstable-use-media-query/index.d.ts",
+        "default": "./esm/unstable-use-media-query/index.js"
+      },
       "require": {
         "types": "./unstable-use-media-query/index.d.ts",
         "default": "./unstable-use-media-query/index.js"
@@ -485,6 +655,10 @@
       }
     },
     "./use-render": {
+      "import": {
+        "types": "./esm/use-render/index.d.ts",
+        "default": "./esm/use-render/index.js"
+      },
       "require": {
         "types": "./use-render/index.d.ts",
         "default": "./use-render/index.js"
@@ -495,5 +669,7 @@
       }
     },
     "./esm": null
-  }
+  },
+  "main": "./index.js",
+  "types": "./index.d.ts"
 }

package/popover/arrow/PopoverArrow.d.ts

@@ -13,11 +13,20 @@ export interface PopoverArrowState {
    * Whether the popover is currently open.
    */
   open: boolean;
+  /**
+   * The side of the anchor the component is placed on.
+   */
   side: Side;
+  /**
+   * The alignment of the component relative to the anchor.
+   */
   align: Align;
+  /**
+   * Whether the arrow cannot be centered on the anchor.
+   */
   uncentered: boolean;
 }
-export interface PopoverArrowProps extends BaseUIComponentProps<'div', PopoverArrow.State> {}
+export interface PopoverArrowProps extends BaseUIComponentProps<'div', PopoverArrowState> {}
 export declare namespace PopoverArrow {
   type State = PopoverArrowState;
   type Props = PopoverArrowProps;