@base-ui/react 1.1.0 → 1.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@base-ui/react",
-  "version": "1.1.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": [
@@ -26,13 +26,12 @@
   },
   "type": "commonjs",
   "dependencies": {
-    "@babel/runtime": "^7.28.4",
-    "@floating-ui/react-dom": "^2.1.6",
-    "@floating-ui/utils": "^0.2.10",
-    "reselect": "^5.1.1",
+    "@babel/runtime": "^7.28.6",
+    "@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.4"
+    "@base-ui/utils": "0.2.6"
   },
   "peerDependencies": {
     "@types/react": "^17 || ^18 || ^19",
@@ -51,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"
@@ -66,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"
@@ -76,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"
@@ -86,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"
@@ -96,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"
@@ -106,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"
@@ -116,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"
@@ -126,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"
@@ -136,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"
@@ -146,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"
@@ -156,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"
@@ -166,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"
@@ -176,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"
@@ -186,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,7 +248,25 @@
         "default": "./esm/direction-provider/index.js"
       }
     },
+    "./drawer": {
+      "import": {
+        "types": "./esm/drawer/index.d.ts",
+        "default": "./esm/drawer/index.js"
+      },
+      "require": {
+        "types": "./drawer/index.d.ts",
+        "default": "./drawer/index.js"
+      },
+      "default": {
+        "types": "./esm/drawer/index.d.ts",
+        "default": "./esm/drawer/index.js"
+      }
+    },
     "./field": {
+      "import": {
+        "types": "./esm/field/index.d.ts",
+        "default": "./esm/field/index.js"
+      },
       "require": {
         "types": "./field/index.d.ts",
         "default": "./field/index.js"
@@ -206,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"
@@ -216,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"
@@ -226,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"
@@ -236,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"
@@ -246,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"
@@ -256,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"
@@ -266,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"
@@ -276,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"
@@ -286,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"
@@ -296,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"
@@ -306,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"
@@ -316,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"
@@ -326,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"
@@ -336,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"
@@ -346,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"
@@ -356,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"
@@ -366,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"
@@ -376,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"
@@ -386,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"
@@ -396,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"
@@ -406,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"
@@ -416,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"
@@ -426,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"
@@ -436,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"
@@ -446,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"
@@ -456,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"
@@ -466,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"
@@ -476,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"
@@ -486,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;

package/popover/arrow/PopoverArrow.js

@@ -34,12 +34,12 @@ const PopoverArrow = exports.PopoverArrow = /*#__PURE__*/React.forwardRef(functi
     arrowUncentered,
     arrowStyles
   } = (0, _PopoverPositionerContext.usePopoverPositionerContext)();
-  const state = React.useMemo(() => ({
+  const state = {
     open,
     side,
     align,
     uncentered: arrowUncentered
-  }), [open, side, align, arrowUncentered]);
+  };
   const element = (0, _useRenderElement.useRenderElement)('div', componentProps, {
     state,
     ref: [forwardedRef, arrowRef],

package/popover/arrow/PopoverArrowDataAttributes.js

@@ -18,12 +18,12 @@ let PopoverArrowDataAttributes = exports.PopoverArrowDataAttributes = function (
    * Indicates which side the popup is positioned relative to the trigger.
    * @type {'top' | 'bottom' | 'left' | 'right' | 'inline-end' | 'inline-start'}
    */
-  PopoverArrowDataAttributes["side"] = "data-side";
+  PopoverArrowDataAttributes[PopoverArrowDataAttributes["side"] = _popupStateMapping.CommonPopupDataAttributes.side] = "side";
   /**
    * Indicates how the popup is aligned relative to specified side.
    * @type {'start' | 'center' | 'end'}
    */
-  PopoverArrowDataAttributes["align"] = "data-align";
+  PopoverArrowDataAttributes[PopoverArrowDataAttributes["align"] = _popupStateMapping.CommonPopupDataAttributes.align] = "align";
   /**
    * Present when the popover arrow is uncentered.
    */

package/popover/backdrop/PopoverBackdrop.d.ts

@@ -13,9 +13,12 @@ export interface PopoverBackdropState {
    * Whether the popover is currently open.
    */
   open: boolean;
+  /**
+   * The transition status of the component.
+   */
   transitionStatus: TransitionStatus;
 }
-export interface PopoverBackdropProps extends BaseUIComponentProps<'div', PopoverBackdrop.State> {}
+export interface PopoverBackdropProps extends BaseUIComponentProps<'div', PopoverBackdropState> {}
 export declare namespace PopoverBackdrop {
   type State = PopoverBackdropState;
   type Props = PopoverBackdropProps;

package/popover/backdrop/PopoverBackdrop.js

@@ -36,10 +36,10 @@ const PopoverBackdrop = exports.PopoverBackdrop = /*#__PURE__*/React.forwardRef(
   const mounted = store.useState('mounted');
   const transitionStatus = store.useState('transitionStatus');
   const openReason = store.useState('openChangeReason');
-  const state = React.useMemo(() => ({
+  const state = {
     open,
     transitionStatus
-  }), [open, transitionStatus]);
+  };
   const element = (0, _useRenderElement.useRenderElement)('div', props, {
     state,
     ref: [store.context.backdropRef, forwardedRef],

package/popover/close/PopoverClose.d.ts

@@ -8,7 +8,7 @@ import type { BaseUIComponentProps, NativeButtonProps } from "../../utils/types.
  */
 export declare const PopoverClose: React.ForwardRefExoticComponent<Omit<PopoverCloseProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export interface PopoverCloseState {}
-export interface PopoverCloseProps extends NativeButtonProps, BaseUIComponentProps<'button', PopoverClose.State> {}
+export interface PopoverCloseProps extends NativeButtonProps, BaseUIComponentProps<'button', PopoverCloseState> {}
 export declare namespace PopoverClose {
   type State = PopoverCloseState;
   type Props = PopoverCloseProps;

package/popover/close/PopoverClose.js

@@ -12,20 +12,21 @@ var _useRenderElement = require("../../utils/useRenderElement");
 var _useButton = require("../../use-button");
 var _createBaseUIEventDetails = require("../../utils/createBaseUIEventDetails");
 var _reasons = require("../../utils/reasons");
+var _closePart = require("../../utils/closePart");
 /**
  * A button that closes the popover.
  * Renders a `<button>` element.
  *
  * Documentation: [Base UI Popover](https://base-ui.com/react/components/popover)
  */
-const PopoverClose = exports.PopoverClose = /*#__PURE__*/React.forwardRef(function PopoverClose(props, forwardedRef) {
+const PopoverClose = exports.PopoverClose = /*#__PURE__*/React.forwardRef(function PopoverClose(componentProps, forwardedRef) {
   const {
     render,
     className,
     disabled = false,
     nativeButton = true,
     ...elementProps
-  } = props;
+  } = componentProps;
   const {
     buttonRef,
     getButtonProps
@@ -37,7 +38,8 @@ const PopoverClose = exports.PopoverClose = /*#__PURE__*/React.forwardRef(functi
   const {
     store
   } = (0, _PopoverRootContext.usePopoverRootContext)();
-  const element = (0, _useRenderElement.useRenderElement)('button', props, {
+  (0, _closePart.useClosePartRegistration)();
+  const element = (0, _useRenderElement.useRenderElement)('button', componentProps, {
     ref: [forwardedRef, buttonRef],
     props: [{
       onClick(event) {

package/popover/description/PopoverDescription.d.ts

@@ -8,7 +8,7 @@ import type { BaseUIComponentProps } from "../../utils/types.js";
  */
 export declare const PopoverDescription: React.ForwardRefExoticComponent<Omit<PopoverDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
 export interface PopoverDescriptionState {}
-export interface PopoverDescriptionProps extends BaseUIComponentProps<'p', PopoverDescription.State> {}
+export interface PopoverDescriptionProps extends BaseUIComponentProps<'p', PopoverDescriptionState> {}
 export declare namespace PopoverDescription {
   type State = PopoverDescriptionState;
   type Props = PopoverDescriptionProps;