@base-ui/react 1.0.0-rc.2 → 1.1.0

package/combobox/trigger/ComboboxTriggerDataAttributes.d.ts

@@ -15,6 +15,11 @@ export declare enum ComboboxTriggerDataAttributes {
    * Present when the component is readonly.
    */
   readonly = "data-readonly",
+  /**
+   * Indicates which side the corresponding popup is positioned relative to its anchor.
+   * @type {'top' | 'bottom' | 'left' | 'right' | 'inline-end' | 'inline-start' | null}
+   */
+  popupSide = "data-popup-side",
   /**
    * Present when the component is required.
    */
@@ -43,4 +48,12 @@ export declare enum ComboboxTriggerDataAttributes {
    * Present when the trigger is focused (when wrapped in Field.Root).
    */
   focused = "data-focused",
+  /**
+   * Present when the corresponding items list is empty.
+   */
+  listEmpty = "data-list-empty",
+  /**
+   * Present when the combobox doesn't have a value.
+   */
+  placeholder = "data-placeholder",
 }

package/combobox/trigger/ComboboxTriggerDataAttributes.js

@@ -22,6 +22,11 @@ let ComboboxTriggerDataAttributes = exports.ComboboxTriggerDataAttributes = func
    * Present when the component is readonly.
    */
   ComboboxTriggerDataAttributes["readonly"] = "data-readonly";
+  /**
+   * Indicates which side the corresponding popup is positioned relative to its anchor.
+   * @type {'top' | 'bottom' | 'left' | 'right' | 'inline-end' | 'inline-start' | null}
+   */
+  ComboboxTriggerDataAttributes["popupSide"] = "data-popup-side";
   /**
    * Present when the component is required.
    */
@@ -50,5 +55,13 @@ let ComboboxTriggerDataAttributes = exports.ComboboxTriggerDataAttributes = func
    * Present when the trigger is focused (when wrapped in Field.Root).
    */
   ComboboxTriggerDataAttributes["focused"] = "data-focused";
+  /**
+   * Present when the corresponding items list is empty.
+   */
+  ComboboxTriggerDataAttributes["listEmpty"] = "data-list-empty";
+  /**
+   * Present when the combobox doesn't have a value.
+   */
+  ComboboxTriggerDataAttributes["placeholder"] = "data-placeholder";
   return ComboboxTriggerDataAttributes;
 }({});

package/combobox/utils/stateAttributesMapping.d.ts

@@ -0,0 +1,14 @@
+import type { Side } from "../../utils/useAnchorPositioning.js";
+export declare const triggerStateAttributesMapping: {
+  popupSide: (side: Side | null) => {
+    'data-popup-side': Side;
+  } | null;
+  listEmpty: (empty: boolean) => {
+    'data-list-empty': string;
+  } | null;
+  valid(value: boolean | null): Record<string, string> | null;
+  open(value: boolean): {
+    "data-popup-open": string;
+    "data-pressed": string;
+  } | null;
+};

package/combobox/utils/stateAttributesMapping.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.triggerStateAttributesMapping = void 0;
+var _popupStateMapping = require("../../utils/popupStateMapping");
+var _constants = require("../../field/utils/constants");
+const triggerStateAttributesMapping = exports.triggerStateAttributesMapping = {
+  ..._popupStateMapping.pressableTriggerOpenStateMapping,
+  ..._constants.fieldValidityMapping,
+  popupSide: side => side ? {
+    'data-popup-side': side
+  } : null,
+  listEmpty: empty => empty ? {
+    'data-list-empty': ''
+  } : null
+};

package/combobox/value/ComboboxValue.d.ts

@@ -9,6 +9,11 @@ export declare function ComboboxValue(props: ComboboxValue.Props): React.ReactEl
 export interface ComboboxValueState {}
 export interface ComboboxValueProps {
   children?: React.ReactNode | ((selectedValue: any) => React.ReactNode);
+  /**
+   * The placeholder value to display when no value is selected.
+   * This is overridden by `children` if specified, or by a null item's label in `items`.
+   */
+  placeholder?: React.ReactNode;
 }
 export declare namespace ComboboxValue {
   type State = ComboboxValueState;

package/combobox/value/ComboboxValue.js

@@ -20,21 +20,30 @@ var _jsxRuntime = require("react/jsx-runtime");
  */
 function ComboboxValue(props) {
   const {
-    children: childrenProp
+    children: childrenProp,
+    placeholder
   } = props;
   const store = (0, _ComboboxRootContext.useComboboxRootContext)();
   const itemToStringLabel = (0, _store.useStore)(store, _store2.selectors.itemToStringLabel);
   const selectedValue = (0, _store.useStore)(store, _store2.selectors.selectedValue);
   const items = (0, _store.useStore)(store, _store2.selectors.items);
-  let returnValue = null;
+  const multiple = (0, _store.useStore)(store, _store2.selectors.selectionMode) === 'multiple';
+  const hasSelectedValue = (0, _store.useStore)(store, _store2.selectors.hasSelectedValue);
+  const shouldCheckNullItemLabel = !hasSelectedValue && placeholder != null && childrenProp == null;
+  const hasNullLabel = (0, _store.useStore)(store, _store2.selectors.hasNullItemLabel, shouldCheckNullItemLabel);
+  let children = null;
   if (typeof childrenProp === 'function') {
-    returnValue = childrenProp(selectedValue);
+    children = childrenProp(selectedValue);
   } else if (childrenProp != null) {
-    returnValue = childrenProp;
+    children = childrenProp;
+  } else if (!hasSelectedValue && placeholder != null && !hasNullLabel) {
+    children = placeholder;
+  } else if (multiple && Array.isArray(selectedValue)) {
+    children = (0, _resolveValueLabel.resolveMultipleLabels)(selectedValue, items, itemToStringLabel);
   } else {
-    returnValue = (0, _resolveValueLabel.resolveSelectedLabel)(selectedValue, items, itemToStringLabel);
+    children = (0, _resolveValueLabel.resolveSelectedLabel)(selectedValue, items, itemToStringLabel);
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(React.Fragment, {
-    children: returnValue
+    children: children
   });
 }

package/composite/root/useCompositeRoot.d.ts

@@ -21,7 +21,7 @@ export interface UseCompositeRootParameters {
   enableHomeAndEndKeys?: boolean;
   /**
    * When `true`, keypress events on Composite's navigation keys
-   * be stopped with event.stopPropagation()
+   * be stopped with event.stopPropagation().
    * @default false
    */
   stopEventPropagation?: boolean;

package/context-menu/trigger/ContextMenuTrigger.d.ts

@@ -6,7 +6,7 @@ import type { BaseUIComponentProps } from "../../utils/types.js";
  *
  * Documentation: [Base UI Context Menu](https://base-ui.com/react/components/context-menu)
  */
-export declare const ContextMenuTrigger: React.ForwardRefExoticComponent<ContextMenuTriggerProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ContextMenuTrigger: React.ForwardRefExoticComponent<Omit<ContextMenuTriggerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export type ContextMenuTriggerState = {
   /**
    * Whether the context menu is currently open.

package/csp-provider/CSPContext.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+export interface CSPContextValue {
+  nonce?: string;
+  disableStyleElements?: boolean;
+}
+/**
+ * @internal
+ */
+export declare const CSPContext: React.Context<CSPContextValue | undefined>;
+/**
+ * @internal
+ */
+export declare function useCSPContext(): CSPContextValue;

package/csp-provider/CSPContext.js

@@ -0,0 +1,25 @@
+"use strict";
+'use client';
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CSPContext = void 0;
+exports.useCSPContext = useCSPContext;
+var React = _interopRequireWildcard(require("react"));
+/**
+ * @internal
+ */
+const CSPContext = exports.CSPContext = /*#__PURE__*/React.createContext(undefined);
+if (process.env.NODE_ENV !== "production") CSPContext.displayName = "CSPContext";
+const DEFAULT_CSP_CONTEXT_VALUE = {
+  disableStyleElements: false
+};
+
+/**
+ * @internal
+ */
+function useCSPContext() {
+  return React.useContext(CSPContext) ?? DEFAULT_CSP_CONTEXT_VALUE;
+}

package/csp-provider/CSPProvider.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+/**
+ * Provides a default Content Security Policy (CSP) configuration for Base UI components that
+ * require inline `<style>` or `<script>` tags.
+ *
+ * Documentation: [Base UI CSP Provider](https://base-ui.com/react/utils/csp-provider)
+ */
+export declare function CSPProvider(props: CSPProvider.Props): import("react/jsx-runtime").JSX.Element;
+export interface CSPProviderState {}
+export interface CSPProviderProps {
+  children?: React.ReactNode;
+  /**
+   * The nonce value to apply to inline `<style>` and `<script>` tags.
+   */
+  nonce?: string;
+  /**
+   * Whether inline `<style>` elements created by Base UI components should not be rendered. Instead, components must specify the CSS styles via custom class names or other methods.
+   * @default false
+   */
+  disableStyleElements?: boolean;
+}
+export declare namespace CSPProvider {
+  type State = CSPProviderState;
+  type Props = CSPProviderProps;
+}

package/csp-provider/CSPProvider.js

@@ -0,0 +1,32 @@
+"use strict";
+'use client';
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CSPProvider = CSPProvider;
+var React = _interopRequireWildcard(require("react"));
+var _CSPContext = require("./CSPContext");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Provides a default Content Security Policy (CSP) configuration for Base UI components that
+ * require inline `<style>` or `<script>` tags.
+ *
+ * Documentation: [Base UI CSP Provider](https://base-ui.com/react/utils/csp-provider)
+ */
+function CSPProvider(props) {
+  const {
+    children,
+    nonce,
+    disableStyleElements
+  } = props;
+  const contextValue = React.useMemo(() => ({
+    nonce,
+    disableStyleElements
+  }), [nonce, disableStyleElements]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CSPContext.CSPContext.Provider, {
+    value: contextValue,
+    children: children
+  });
+}

package/csp-provider/index.d.ts

@@ -0,0 +1,2 @@
+export { CSPProvider } from "./index.parts.js";
+export type * from "./CSPProvider.js";

package/csp-provider/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "CSPProvider", {
+  enumerable: true,
+  get: function () {
+    return _index.CSPProvider;
+  }
+});
+var _index = require("./index.parts");

package/csp-provider/index.parts.d.ts

@@ -0,0 +1 @@
+export { CSPProvider } from "./CSPProvider.js";

package/csp-provider/index.parts.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "CSPProvider", {
+  enumerable: true,
+  get: function () {
+    return _CSPProvider.CSPProvider;
+  }
+});
+var _CSPProvider = require("./CSPProvider");

package/dialog/backdrop/DialogBackdrop.d.ts

@@ -7,7 +7,7 @@ import { type BaseUIComponentProps } from "../../utils/types.js";
  *
  * Documentation: [Base UI Dialog](https://base-ui.com/react/components/dialog)
  */
-export declare const DialogBackdrop: React.ForwardRefExoticComponent<DialogBackdropProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DialogBackdrop: React.ForwardRefExoticComponent<Omit<DialogBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export interface DialogBackdropProps extends BaseUIComponentProps<'div', DialogBackdrop.State> {
   /**
    * Whether the backdrop is forced to render even when nested.

package/dialog/close/DialogClose.d.ts

@@ -6,7 +6,7 @@ import type { BaseUIComponentProps, NativeButtonProps } from "../../utils/types.
  *
  * Documentation: [Base UI Dialog](https://base-ui.com/react/components/dialog)
  */
-export declare const DialogClose: React.ForwardRefExoticComponent<DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const DialogClose: React.ForwardRefExoticComponent<Omit<DialogCloseProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export interface DialogCloseProps extends NativeButtonProps, BaseUIComponentProps<'button', DialogClose.State> {}
 export interface DialogCloseState {
   /**

package/dialog/description/DialogDescription.d.ts

@@ -6,7 +6,7 @@ import type { BaseUIComponentProps } from "../../utils/types.js";
  *
  * Documentation: [Base UI Dialog](https://base-ui.com/react/components/dialog)
  */
-export declare const DialogDescription: React.ForwardRefExoticComponent<DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+export declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
 export interface DialogDescriptionProps extends BaseUIComponentProps<'p', DialogDescription.State> {}
 export interface DialogDescriptionState {}
 export declare namespace DialogDescription {

package/dialog/popup/DialogPopup.d.ts

@@ -8,7 +8,7 @@ import { type TransitionStatus } from "../../utils/useTransitionStatus.js";
  *
  * Documentation: [Base UI Dialog](https://base-ui.com/react/components/dialog)
  */
-export declare const DialogPopup: React.ForwardRefExoticComponent<DialogPopupProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DialogPopup: React.ForwardRefExoticComponent<Omit<DialogPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export interface DialogPopupProps extends BaseUIComponentProps<'div', DialogPopup.State> {
   /**
    * Determines the element to focus when the dialog is opened.

package/dialog/portal/DialogPortal.d.ts

@@ -7,7 +7,7 @@ import { FloatingPortal } from "../../floating-ui-react/index.js";
  *
  * Documentation: [Base UI Dialog](https://base-ui.com/react/components/dialog)
  */
-export declare const DialogPortal: React.ForwardRefExoticComponent<DialogPortalProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DialogPortal: React.ForwardRefExoticComponent<Omit<DialogPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export declare namespace DialogPortal {
   interface State {}
 }

package/dialog/portal/DialogPortal.js

@@ -30,6 +30,7 @@ const DialogPortal = exports.DialogPortal = /*#__PURE__*/React.forwardRef(functi
   } = (0, _DialogRootContext.useDialogRootContext)();
   const mounted = store.useState('mounted');
   const modal = store.useState('modal');
+  const open = store.useState('open');
   const shouldRender = mounted || keepMounted;
   if (!shouldRender) {
     return null;

package/dialog/root/DialogRoot.d.ts

@@ -50,10 +50,10 @@ export interface DialogRootProps<Payload = unknown> {
    * Useful when the dialog's animation is controlled by an external library.
    * - `close`: Closes the dialog imperatively when called.
    */
-  actionsRef?: React.RefObject<DialogRoot.Actions>;
+  actionsRef?: React.RefObject<DialogRoot.Actions | null>;
   /**
-   * A handle to associate the popover with a trigger.
-   * If specified, allows external triggers to control the popover's open state.
+   * A handle to associate the dialog with a trigger.
+   * If specified, allows external triggers to control the dialog's open state.
    * Can be created with the Dialog.createHandle() method.
    */
   handle?: DialogHandle<Payload>;
@@ -64,7 +64,7 @@ export interface DialogRootProps<Payload = unknown> {
   children?: React.ReactNode | PayloadChildRenderFunction<Payload>;
   /**
    * ID of the trigger that the dialog is associated with.
-   * This is useful in conjuntion with the `open` prop to create a controlled dialog.
+   * This is useful in conjunction with the `open` prop to create a controlled dialog.
    * There's no need to specify this prop when the popover is uncontrolled (i.e. when the `open` prop is not set).
    */
   triggerId?: string | null;

package/dialog/store/DialogStore.d.ts

@@ -42,8 +42,8 @@ declare const selectors: {
   isTriggerActive: (state: PopupStoreState<unknown>, triggerId: string | undefined) => boolean;
   isOpenedByTrigger: (state: PopupStoreState<unknown>, triggerId: string | undefined) => boolean;
   isMountedByTrigger: (state: PopupStoreState<unknown>, triggerId: string | undefined) => boolean;
-  triggerProps: (state: PopupStoreState<unknown>, isActive: boolean) => import("../../utils/types.js").HTMLProps;
-  popupProps: (state: PopupStoreState<unknown>) => import("../../utils/types.js").HTMLProps;
+  triggerProps: (state: PopupStoreState<unknown>, isActive: boolean) => import("../../index.js").HTMLProps;
+  popupProps: (state: PopupStoreState<unknown>) => import("../../index.js").HTMLProps;
   popupElement: (state: PopupStoreState<unknown>) => HTMLElement | null;
   positionerElement: (state: PopupStoreState<unknown>) => HTMLElement | null;
 };

package/dialog/title/DialogTitle.d.ts

@@ -6,7 +6,7 @@ import { type BaseUIComponentProps } from "../../utils/types.js";
  *
  * Documentation: [Base UI Dialog](https://base-ui.com/react/components/dialog)
  */
-export declare const DialogTitle: React.ForwardRefExoticComponent<DialogTitleProps & React.RefAttributes<HTMLParagraphElement>>;
+export declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
 export interface DialogTitleProps extends BaseUIComponentProps<'h2', DialogTitle.State> {}
 export interface DialogTitleState {}
 export declare namespace DialogTitle {

package/dialog/viewport/DialogViewport.d.ts

@@ -7,7 +7,7 @@ import { type TransitionStatus } from "../../utils/useTransitionStatus.js";
  *
  * Documentation: [Base UI Dialog](https://base-ui.com/react/components/dialog)
  */
-export declare const DialogViewport: React.ForwardRefExoticComponent<DialogViewportProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DialogViewport: React.ForwardRefExoticComponent<Omit<DialogViewportProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export interface DialogViewportState {
   /**
    * Whether the dialog is currently open.

package/esm/accordion/header/AccordionHeader.d.ts

@@ -7,7 +7,7 @@ import type { AccordionItem } from "../item/AccordionItem.js";
  *
  * Documentation: [Base UI Accordion](https://base-ui.com/react/components/accordion)
  */
-export declare const AccordionHeader: React.ForwardRefExoticComponent<AccordionHeaderProps & React.RefAttributes<HTMLHeadingElement>>;
+export declare const AccordionHeader: React.ForwardRefExoticComponent<Omit<AccordionHeaderProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
 export interface AccordionHeaderProps extends BaseUIComponentProps<'h3', AccordionItem.State> {}
 export declare namespace AccordionHeader {
   type Props = AccordionHeaderProps;

package/esm/accordion/item/AccordionItem.d.ts

@@ -10,7 +10,7 @@ import { REASONS } from "../../utils/reasons.js";
  *
  * Documentation: [Base UI Accordion](https://base-ui.com/react/components/accordion)
  */
-export declare const AccordionItem: React.ForwardRefExoticComponent<AccordionItemProps & React.RefAttributes<HTMLDivElement>>;
+export declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export interface AccordionItemState extends AccordionRoot.State {
   index: number;
   open: boolean;

package/esm/accordion/panel/AccordionPanel.d.ts

@@ -9,7 +9,7 @@ import type { TransitionStatus } from "../../utils/useTransitionStatus.js";
  *
  * Documentation: [Base UI Accordion](https://base-ui.com/react/components/accordion)
  */
-export declare const AccordionPanel: React.ForwardRefExoticComponent<AccordionPanelProps & React.RefAttributes<HTMLDivElement>>;
+export declare const AccordionPanel: React.ForwardRefExoticComponent<Omit<AccordionPanelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export interface AccordionPanelState extends AccordionItem.State {
   transitionStatus: TransitionStatus;
 }

package/esm/accordion/root/AccordionRoot.d.ts

@@ -8,7 +8,7 @@ import { REASONS } from "../../utils/reasons.js";
  *
  * Documentation: [Base UI Accordion](https://base-ui.com/react/components/accordion)
  */
-export declare const AccordionRoot: React.ForwardRefExoticComponent<AccordionRootProps & React.RefAttributes<HTMLDivElement>>;
+export declare const AccordionRoot: React.ForwardRefExoticComponent<Omit<AccordionRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export type AccordionValue = (any | null)[];
 export interface AccordionRootState {
   value: AccordionValue;

package/esm/accordion/trigger/AccordionTrigger.d.ts

@@ -7,7 +7,7 @@ import type { AccordionItem } from "../item/AccordionItem.js";
  *
  * Documentation: [Base UI Accordion](https://base-ui.com/react/components/accordion)
  */
-export declare const AccordionTrigger: React.ForwardRefExoticComponent<AccordionTriggerProps & React.RefAttributes<Element>>;
+export declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionTriggerProps, "ref"> & React.RefAttributes<HTMLElement>>;
 export interface AccordionTriggerProps extends NativeButtonProps, BaseUIComponentProps<'button', AccordionItem.State> {}
 export declare namespace AccordionTrigger {
   type Props = AccordionTriggerProps;

package/esm/accordion/trigger/AccordionTrigger.js

@@ -19,8 +19,8 @@ function getActiveTriggers(accordionItemRefs) {
   for (let i = 0; i < accordionItemElements.length; i += 1) {
     const section = accordionItemElements[i];
     if (!isElementDisabled(section)) {
-      const trigger = section?.querySelector('[type="button"]');
-      if (!isElementDisabled(trigger)) {
+      const trigger = section?.querySelector('[type="button"], [role="button"]');
+      if (trigger && !isElementDisabled(trigger)) {
         output.push(trigger);
       }
     }
@@ -83,7 +83,6 @@ export const AccordionTrigger = /*#__PURE__*/React.forwardRef(function Accordion
   const props = React.useMemo(() => ({
     'aria-controls': open ? panelId : undefined,
     'aria-expanded': open,
-    disabled,
     id,
     onClick: handleTrigger,
     onKeyDown(event) {
@@ -152,7 +151,7 @@ export const AccordionTrigger = /*#__PURE__*/React.forwardRef(function Accordion
         triggers[nextIndex].focus();
       }
     }
-  }), [accordionItemRefs, disabled, handleTrigger, id, isHorizontal, isRtl, loopFocus, open, panelId]);
+  }), [accordionItemRefs, handleTrigger, id, isHorizontal, isRtl, loopFocus, open, panelId]);
   const element = useRenderElement('button', componentProps, {
     state,
     ref: [forwardedRef, buttonRef],

package/esm/alert-dialog/root/AlertDialogRoot.d.ts

@@ -21,10 +21,10 @@ export interface AlertDialogRootProps<Payload = unknown> extends Omit<DialogRoot
    * Useful when the dialog's animation is controlled by an external library.
    * - `close`: Closes the dialog imperatively when called.
    */
-  actionsRef?: React.RefObject<AlertDialogRoot.Actions>;
+  actionsRef?: React.RefObject<AlertDialogRoot.Actions | null>;
   /**
-   * A handle to associate the popover with a trigger.
-   * If specified, allows external triggers to control the popover's open state.
+   * A handle to associate the alert dialog with a trigger.
+   * If specified, allows external triggers to control the alert dialog's open state.
    * Can be created with the AlertDialog.createHandle() method.
    */
   handle?: DialogHandle<Payload>;

package/esm/autocomplete/root/AutocompleteRoot.d.ts

@@ -90,7 +90,7 @@ export interface AutocompleteRootProps<ItemValue> extends Omit<AriaCombobox.Prop
    * Instead, the `unmount` function must be called to unmount the autocomplete manually.
    * Useful when the autocomplete's animation is controlled by an external library.
    */
-  actionsRef?: React.RefObject<AutocompleteRootActions>;
+  actionsRef?: React.RefObject<AutocompleteRootActions | null>;
   /**
    * Event handler called when the popup is opened or closed.
    */

package/esm/avatar/fallback/AvatarFallback.d.ts

@@ -7,7 +7,7 @@ import type { AvatarRoot } from "../root/AvatarRoot.js";
  *
  * Documentation: [Base UI Avatar](https://base-ui.com/react/components/avatar)
  */
-export declare const AvatarFallback: React.ForwardRefExoticComponent<AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarFallbackProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 export interface AvatarFallbackProps extends BaseUIComponentProps<'span', AvatarRoot.State> {
   /**
    * How long to wait before showing the fallback. Specified in milliseconds.

package/esm/avatar/image/AvatarImage.d.ts

@@ -8,7 +8,7 @@ import { ImageLoadingStatus } from "./useImageLoadingStatus.js";
  *
  * Documentation: [Base UI Avatar](https://base-ui.com/react/components/avatar)
  */
-export declare const AvatarImage: React.ForwardRefExoticComponent<AvatarImageProps & React.RefAttributes<HTMLImageElement>>;
+export declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarImageProps, "ref"> & React.RefAttributes<HTMLImageElement>>;
 export interface AvatarImageProps extends BaseUIComponentProps<'img', AvatarRoot.State> {
   /**
    * Callback fired when the loading status changes.

package/esm/avatar/root/AvatarRoot.d.ts

@@ -6,7 +6,7 @@ import { BaseUIComponentProps } from "../../utils/types.js";
  *
  * Documentation: [Base UI Avatar](https://base-ui.com/react/components/avatar)
  */
-export declare const AvatarRoot: React.ForwardRefExoticComponent<AvatarRootProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const AvatarRoot: React.ForwardRefExoticComponent<Omit<AvatarRootProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 export type ImageLoadingStatus = 'idle' | 'loading' | 'loaded' | 'error';
 export interface AvatarRootState {
   imageLoadingStatus: ImageLoadingStatus;

package/esm/button/Button.d.ts

@@ -1,39 +1,26 @@
 import * as React from 'react';
-import type { BaseUIComponentProps, NativeButtonProps, NonNativeButtonProps } from "../utils/types.js";
+import type { BaseUIComponentProps, NativeButtonProps } from "../utils/types.js";
 /**
  * A button component that can be used to trigger actions.
  * Renders a `<button>` element.
  *
  * Documentation: [Base UI Button](https://base-ui.com/react/components/button)
  */
-export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLElement>>;
+export declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLElement>>;
 export interface ButtonState {
   /**
    * Whether the button should ignore user interaction.
    */
   disabled: boolean;
 }
-interface ButtonCommonProps {
-  /**
-   * Whether the button should ignore user interaction.
-   */
-  disabled?: boolean;
+export interface ButtonProps extends NativeButtonProps, BaseUIComponentProps<'button', ButtonState> {
   /**
    * Whether the button should be focusable when disabled.
    * @default false
    */
   focusableWhenDisabled?: boolean;
 }
-type NonNativeAttributeKeys = 'form' | 'formAction' | 'formEncType' | 'formMethod' | 'formNoValidate' | 'formTarget' | 'name' | 'type' | 'value';
-interface ButtonNativeProps extends NativeButtonProps, ButtonCommonProps, Omit<BaseUIComponentProps<'button', ButtonState>, 'disabled'> {
-  nativeButton?: true;
-}
-interface ButtonNonNativeProps extends NonNativeButtonProps, ButtonCommonProps, Omit<BaseUIComponentProps<'button', ButtonState>, NonNativeAttributeKeys | 'disabled'> {
-  nativeButton: false;
-}
-export type ButtonProps = ButtonNativeProps | ButtonNonNativeProps;
 export declare namespace Button {
   type State = ButtonState;
   type Props = ButtonProps;
-}
-export {};
+}

package/esm/button/Button.js

@@ -13,12 +13,11 @@ export const Button = /*#__PURE__*/React.forwardRef(function Button(componentPro
   const {
     render,
     className,
-    disabled: disabledProp = false,
+    disabled = false,
     focusableWhenDisabled = false,
     nativeButton = true,
     ...elementProps
   } = componentProps;
-  const disabled = Boolean(disabledProp);
   const {
     getButtonProps,
     buttonRef

package/esm/checkbox/indicator/CheckboxIndicator.d.ts

@@ -8,7 +8,7 @@ import { type TransitionStatus } from "../../utils/useTransitionStatus.js";
  *
  * Documentation: [Base UI Checkbox](https://base-ui.com/react/components/checkbox)
  */
-export declare const CheckboxIndicator: React.ForwardRefExoticComponent<CheckboxIndicatorProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const CheckboxIndicator: React.ForwardRefExoticComponent<Omit<CheckboxIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 export interface CheckboxIndicatorState extends CheckboxRoot.State {
   transitionStatus: TransitionStatus;
 }

package/esm/checkbox/indicator/CheckboxIndicatorDataAttributes.d.ts

@@ -7,6 +7,10 @@ export declare enum CheckboxIndicatorDataAttributes {
    * Present when the checkbox is not checked.
    */
   unchecked = "data-unchecked",
+  /**
+   * Present when the checkbox is in an indeterminate state.
+   */
+  indeterminate = "data-indeterminate",
   /**
    * Present when the checkbox is disabled.
    */