@base-ui/react 1.2.0 → 1.4.0

package/alert-dialog/root/AlertDialogRoot.js

@@ -7,14 +7,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.AlertDialogRoot = AlertDialogRoot;
 var React = _interopRequireWildcard(require("react"));
-var _useRefWithInit = require("@base-ui/utils/useRefWithInit");
+var _DialogRoot = require("../../dialog/root/DialogRoot");
 var _useDialogRoot = require("../../dialog/root/useDialogRoot");
 var _DialogRootContext = require("../../dialog/root/DialogRootContext");
 var _DialogStore = require("../../dialog/store/DialogStore");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Groups all parts of the alert dialog.
- * Doesn’t render its own HTML element.
+ * Doesn't render its own HTML element.
  *
  * Documentation: [Base UI Alert Dialog](https://base-ui.com/react/components/alert-dialog)
  */
@@ -30,20 +30,18 @@ function AlertDialogRoot(props) {
     triggerId: triggerIdProp,
     defaultTriggerId: defaultTriggerIdProp = null
   } = props;
-  const parentDialogRootContext = (0, _DialogRootContext.useDialogRootContext)();
+  const parentDialogRootContext = (0, _DialogRootContext.useDialogRootContext)(true);
   const nested = Boolean(parentDialogRootContext);
-  const store = (0, _useRefWithInit.useRefWithInit)(() => {
-    return handle?.store ?? new _DialogStore.DialogStore({
-      open: defaultOpen,
-      openProp,
-      activeTriggerId: defaultTriggerIdProp,
-      triggerIdProp,
-      modal: true,
-      disablePointerDismissal: true,
-      nested,
-      role: 'alertdialog'
-    });
-  }).current;
+  const store = _DialogStore.DialogStore.useStore(handle?.store, {
+    open: defaultOpen,
+    openProp,
+    activeTriggerId: defaultTriggerIdProp,
+    triggerIdProp,
+    modal: true,
+    disablePointerDismissal: true,
+    nested,
+    role: 'alertdialog'
+  });
   store.useControlledProp('openProp', openProp);
   store.useControlledProp('triggerIdProp', triggerIdProp);
   store.useSyncedValue('nested', nested);
@@ -54,16 +52,20 @@ function AlertDialogRoot(props) {
     store,
     actionsRef,
     parentContext: parentDialogRootContext?.store.context,
+    isDrawer: false,
     onOpenChange,
     triggerIdProp
   });
   const contextValue = React.useMemo(() => ({
     store
   }), [store]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DialogRootContext.DialogRootContext.Provider, {
-    value: contextValue,
-    children: typeof children === 'function' ? children({
-      payload
-    }) : children
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DialogRoot.IsDrawerContext.Provider, {
+    value: false,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DialogRootContext.DialogRootContext.Provider, {
+      value: contextValue,
+      children: typeof children === 'function' ? children({
+        payload
+      }) : children
+    })
   });
 }

package/autocomplete/clear/AutocompleteClearDataAttributes.d.ts

@@ -0,0 +1 @@
+export { ComboboxClearDataAttributes as AutocompleteClearDataAttributes } from "../../combobox/clear/ComboboxClearDataAttributes.js";

package/autocomplete/clear/AutocompleteClearDataAttributes.js

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

package/autocomplete/index.d.ts

@@ -1,18 +1,22 @@
 export * as Autocomplete from "./index.parts.js";
 export type * from "./root/AutocompleteRoot.js";
+export type * from "./trigger/AutocompleteTrigger.js";
+export type * from "./input-group/AutocompleteInputGroup.js";
+export type * from "./item/AutocompleteItem.js";
 export type * from "./value/AutocompleteValue.js";
-export type { ComboboxTriggerProps as AutocompleteTriggerProps, ComboboxTriggerState as AutocompleteTriggerState } from "../combobox/trigger/ComboboxTrigger.js";
 export type { ComboboxInputProps as AutocompleteInputProps, ComboboxInputState as AutocompleteInputState } from "../combobox/input/ComboboxInput.js";
+export type { ComboboxIconProps as AutocompleteIconProps, ComboboxIconState as AutocompleteIconState } from "../combobox/icon/ComboboxIcon.js";
+export type { ComboboxClearProps as AutocompleteClearProps, ComboboxClearState as AutocompleteClearState } from "../combobox/clear/ComboboxClear.js";
 export type { ComboboxPopupProps as AutocompletePopupProps, ComboboxPopupState as AutocompletePopupState } from "../combobox/popup/ComboboxPopup.js";
 export type { ComboboxPositionerProps as AutocompletePositionerProps, ComboboxPositionerState as AutocompletePositionerState } from "../combobox/positioner/ComboboxPositioner.js";
 export type { ComboboxListProps as AutocompleteListProps, ComboboxListState as AutocompleteListState } from "../combobox/list/ComboboxList.js";
-export type { ComboboxItemProps as AutocompleteItemProps, ComboboxItemState as AutocompleteItemState } from "../combobox/item/ComboboxItem.js";
+export type { ComboboxRowProps as AutocompleteRowProps, ComboboxRowState as AutocompleteRowState } from "../combobox/row/ComboboxRow.js";
 export type { ComboboxArrowProps as AutocompleteArrowProps, ComboboxArrowState as AutocompleteArrowState } from "../combobox/arrow/ComboboxArrow.js";
 export type { ComboboxBackdropProps as AutocompleteBackdropProps, ComboboxBackdropState as AutocompleteBackdropState } from "../combobox/backdrop/ComboboxBackdrop.js";
-export type { ComboboxPortalProps as AutocompletePortalProps } from "../combobox/portal/ComboboxPortal.js";
+export type { ComboboxPortalProps as AutocompletePortalProps, ComboboxPortalState as AutocompletePortalState } from "../combobox/portal/ComboboxPortal.js";
 export type { ComboboxGroupProps as AutocompleteGroupProps, ComboboxGroupState as AutocompleteGroupState } from "../combobox/group/ComboboxGroup.js";
 export type { ComboboxGroupLabelProps as AutocompleteGroupLabelProps, ComboboxGroupLabelState as AutocompleteGroupLabelState } from "../combobox/group-label/ComboboxGroupLabel.js";
 export type { ComboboxEmptyProps as AutocompleteEmptyProps, ComboboxEmptyState as AutocompleteEmptyState } from "../combobox/empty/ComboboxEmpty.js";
 export type { ComboboxStatusProps as AutocompleteStatusProps, ComboboxStatusState as AutocompleteStatusState } from "../combobox/status/ComboboxStatus.js";
-export type { ComboboxCollectionProps as AutocompleteCollectionProps } from "../combobox/collection/ComboboxCollection.js";
+export type { ComboboxCollectionState as AutocompleteCollectionState, ComboboxCollectionProps as AutocompleteCollectionProps } from "../combobox/collection/ComboboxCollection.js";
 export type { Filter as AutocompleteFilter, UseFilterOptions as AutocompleteFilterOptions } from "../combobox/root/utils/useFilter.js";

package/autocomplete/index.parts.d.ts

@@ -1,7 +1,8 @@
 export { AutocompleteRoot as Root } from "./root/AutocompleteRoot.js";
 export { AutocompleteValue as Value } from "./value/AutocompleteValue.js";
-export { ComboboxTrigger as Trigger } from "../combobox/trigger/ComboboxTrigger.js";
+export { AutocompleteTrigger as Trigger } from "./trigger/AutocompleteTrigger.js";
 export { ComboboxInput as Input } from "../combobox/input/ComboboxInput.js";
+export { AutocompleteInputGroup as InputGroup } from "./input-group/AutocompleteInputGroup.js";
 export { ComboboxIcon as Icon } from "../combobox/icon/ComboboxIcon.js";
 export { ComboboxClear as Clear } from "../combobox/clear/ComboboxClear.js";
 export { ComboboxList as List } from "../combobox/list/ComboboxList.js";
@@ -13,7 +14,7 @@ export { ComboboxPopup as Popup } from "../combobox/popup/ComboboxPopup.js";
 export { ComboboxArrow as Arrow } from "../combobox/arrow/ComboboxArrow.js";
 export { ComboboxGroup as Group } from "../combobox/group/ComboboxGroup.js";
 export { ComboboxGroupLabel as GroupLabel } from "../combobox/group-label/ComboboxGroupLabel.js";
-export { ComboboxItem as Item } from "../combobox/item/ComboboxItem.js";
+export { AutocompleteItem as Item } from "./item/AutocompleteItem.js";
 export { ComboboxRow as Row } from "../combobox/row/ComboboxRow.js";
 export { ComboboxCollection as Collection } from "../combobox/collection/ComboboxCollection.js";
 export { ComboboxEmpty as Empty } from "../combobox/empty/ComboboxEmpty.js";

package/autocomplete/index.parts.js

@@ -57,10 +57,16 @@ Object.defineProperty(exports, "Input", {
     return _ComboboxInput.ComboboxInput;
   }
 });
+Object.defineProperty(exports, "InputGroup", {
+  enumerable: true,
+  get: function () {
+    return _AutocompleteInputGroup.AutocompleteInputGroup;
+  }
+});
 Object.defineProperty(exports, "Item", {
   enumerable: true,
   get: function () {
-    return _ComboboxItem.ComboboxItem;
+    return _AutocompleteItem.AutocompleteItem;
   }
 });
 Object.defineProperty(exports, "List", {
@@ -114,7 +120,7 @@ Object.defineProperty(exports, "Status", {
 Object.defineProperty(exports, "Trigger", {
   enumerable: true,
   get: function () {
-    return _ComboboxTrigger.ComboboxTrigger;
+    return _AutocompleteTrigger.AutocompleteTrigger;
   }
 });
 Object.defineProperty(exports, "Value", {
@@ -137,8 +143,9 @@ Object.defineProperty(exports, "useFilteredItems", {
 });
 var _AutocompleteRoot = require("./root/AutocompleteRoot");
 var _AutocompleteValue = require("./value/AutocompleteValue");
-var _ComboboxTrigger = require("../combobox/trigger/ComboboxTrigger");
+var _AutocompleteTrigger = require("./trigger/AutocompleteTrigger");
 var _ComboboxInput = require("../combobox/input/ComboboxInput");
+var _AutocompleteInputGroup = require("./input-group/AutocompleteInputGroup");
 var _ComboboxIcon = require("../combobox/icon/ComboboxIcon");
 var _ComboboxClear = require("../combobox/clear/ComboboxClear");
 var _ComboboxList = require("../combobox/list/ComboboxList");
@@ -150,7 +157,7 @@ var _ComboboxPopup = require("../combobox/popup/ComboboxPopup");
 var _ComboboxArrow = require("../combobox/arrow/ComboboxArrow");
 var _ComboboxGroup = require("../combobox/group/ComboboxGroup");
 var _ComboboxGroupLabel = require("../combobox/group-label/ComboboxGroupLabel");
-var _ComboboxItem = require("../combobox/item/ComboboxItem");
+var _AutocompleteItem = require("./item/AutocompleteItem");
 var _ComboboxRow = require("../combobox/row/ComboboxRow");
 var _ComboboxCollection = require("../combobox/collection/ComboboxCollection");
 var _ComboboxEmpty = require("../combobox/empty/ComboboxEmpty");

package/autocomplete/input-group/AutocompleteInputGroup.d.ts

@@ -0,0 +1,41 @@
+import type * as React from 'react';
+import type { FieldRoot } from "../../field/root/FieldRoot.js";
+import type { Side } from "../../utils/useAnchorPositioning.js";
+import type { BaseUIComponentProps } from "../../utils/types.js";
+/**
+ * A wrapper for the input and its associated controls.
+ * Renders a `<div>` element.
+ *
+ * Documentation: [Base UI Autocomplete](https://base-ui.com/react/components/autocomplete)
+ */
+export declare const AutocompleteInputGroup: AutocompleteInputGroup;
+export interface AutocompleteInputGroupState extends FieldRoot.State {
+  /**
+   * Whether the corresponding popup is open.
+   */
+  open: boolean;
+  /**
+   * Whether the component should ignore user interaction.
+   */
+  disabled: boolean;
+  /**
+   * Whether the component should ignore user edits.
+   */
+  readOnly: boolean;
+  /**
+   * Indicates which side the corresponding popup is positioned relative to its anchor.
+   */
+  popupSide: Side | null;
+  /**
+   * Present when the corresponding items list is empty.
+   */
+  listEmpty: boolean;
+}
+export interface AutocompleteInputGroupProps extends BaseUIComponentProps<'div', AutocompleteInputGroupState> {}
+export interface AutocompleteInputGroup {
+  (componentProps: AutocompleteInputGroupProps & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+}
+export declare namespace AutocompleteInputGroup {
+  type State = AutocompleteInputGroupState;
+  type Props = AutocompleteInputGroupProps;
+}

package/autocomplete/input-group/AutocompleteInputGroup.js

@@ -0,0 +1,15 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AutocompleteInputGroup = void 0;
+var _ComboboxInputGroup = require("../../combobox/input-group/ComboboxInputGroup");
+/**
+ * A wrapper for the input and its associated controls.
+ * Renders a `<div>` element.
+ *
+ * Documentation: [Base UI Autocomplete](https://base-ui.com/react/components/autocomplete)
+ */
+const AutocompleteInputGroup = exports.AutocompleteInputGroup = _ComboboxInputGroup.ComboboxInputGroup;

package/autocomplete/input-group/AutocompleteInputGroupDataAttributes.d.ts

@@ -0,0 +1,51 @@
+export declare enum AutocompleteInputGroupDataAttributes {
+  /**
+   * Present when the corresponding popup is open.
+   */
+  popupOpen = "data-popup-open",
+  /**
+   * Present when the input group is pressed.
+   */
+  pressed = "data-pressed",
+  /**
+   * Present when the component is disabled.
+   */
+  disabled = "data-disabled",
+  /**
+   * 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 in valid state (when wrapped in Field.Root).
+   */
+  valid = "data-valid",
+  /**
+   * Present when the component is in invalid state (when wrapped in Field.Root).
+   */
+  invalid = "data-invalid",
+  /**
+   * Present when the component has been touched (when wrapped in Field.Root).
+   */
+  touched = "data-touched",
+  /**
+   * Present when the component's value has changed (when wrapped in Field.Root).
+   */
+  dirty = "data-dirty",
+  /**
+   * Present when the component has a value (when wrapped in Field.Root).
+   */
+  filled = "data-filled",
+  /**
+   * Present when the component is focused (when wrapped in Field.Root).
+   */
+  focused = "data-focused",
+  /**
+   * Present when the corresponding items list is empty.
+   */
+  listEmpty = "data-list-empty",
+}

package/autocomplete/input-group/AutocompleteInputGroupDataAttributes.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AutocompleteInputGroupDataAttributes = void 0;
+let AutocompleteInputGroupDataAttributes = exports.AutocompleteInputGroupDataAttributes = /*#__PURE__*/function (AutocompleteInputGroupDataAttributes) {
+  /**
+   * Present when the corresponding popup is open.
+   */
+  AutocompleteInputGroupDataAttributes["popupOpen"] = "data-popup-open";
+  /**
+   * Present when the input group is pressed.
+   */
+  AutocompleteInputGroupDataAttributes["pressed"] = "data-pressed";
+  /**
+   * Present when the component is disabled.
+   */
+  AutocompleteInputGroupDataAttributes["disabled"] = "data-disabled";
+  /**
+   * Present when the component is readonly.
+   */
+  AutocompleteInputGroupDataAttributes["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}
+   */
+  AutocompleteInputGroupDataAttributes["popupSide"] = "data-popup-side";
+  /**
+   * Present when the component is in valid state (when wrapped in Field.Root).
+   */
+  AutocompleteInputGroupDataAttributes["valid"] = "data-valid";
+  /**
+   * Present when the component is in invalid state (when wrapped in Field.Root).
+   */
+  AutocompleteInputGroupDataAttributes["invalid"] = "data-invalid";
+  /**
+   * Present when the component has been touched (when wrapped in Field.Root).
+   */
+  AutocompleteInputGroupDataAttributes["touched"] = "data-touched";
+  /**
+   * Present when the component's value has changed (when wrapped in Field.Root).
+   */
+  AutocompleteInputGroupDataAttributes["dirty"] = "data-dirty";
+  /**
+   * Present when the component has a value (when wrapped in Field.Root).
+   */
+  AutocompleteInputGroupDataAttributes["filled"] = "data-filled";
+  /**
+   * Present when the component is focused (when wrapped in Field.Root).
+   */
+  AutocompleteInputGroupDataAttributes["focused"] = "data-focused";
+  /**
+   * Present when the corresponding items list is empty.
+   */
+  AutocompleteInputGroupDataAttributes["listEmpty"] = "data-list-empty";
+  return AutocompleteInputGroupDataAttributes;
+}({});

package/autocomplete/item/AutocompleteItem.d.ts

@@ -0,0 +1,48 @@
+import type * as React from 'react';
+import type { BaseUIComponentProps, NonNativeButtonProps } from "../../utils/types.js";
+/**
+ * An individual item in the list.
+ * Renders a `<div>` element.
+ *
+ * Documentation: [Base UI Autocomplete](https://base-ui.com/react/components/autocomplete)
+ */
+export declare const AutocompleteItem: AutocompleteItem;
+export interface AutocompleteItemState {
+  /**
+   * Whether the item should ignore user interaction.
+   */
+  disabled: boolean;
+  /**
+   * Whether the item is highlighted.
+   */
+  highlighted: boolean;
+}
+export interface AutocompleteItemProps extends NonNativeButtonProps, Omit<BaseUIComponentProps<'div', AutocompleteItemState>, 'id'> {
+  children?: React.ReactNode;
+  /**
+   * An optional click handler for the item when selected.
+   * It fires when clicking the item with the pointer, as well as when pressing `Enter` with the keyboard if the item is highlighted when the `Input` or `List` element has focus.
+   */
+  onClick?: BaseUIComponentProps<'div', AutocompleteItemState>['onClick'] | undefined;
+  /**
+   * The index of the item in the list. Improves performance when specified by avoiding the need to calculate the index automatically from the DOM.
+   */
+  index?: number | undefined;
+  /**
+   * A unique value that identifies this item.
+   * @default null
+   */
+  value?: any;
+  /**
+   * Whether the component should ignore user interaction.
+   * @default false
+   */
+  disabled?: boolean | undefined;
+}
+export interface AutocompleteItem {
+  (componentProps: AutocompleteItemProps & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+}
+export declare namespace AutocompleteItem {
+  type State = AutocompleteItemState;
+  type Props = AutocompleteItemProps;
+}

package/autocomplete/item/AutocompleteItem.js

@@ -0,0 +1,15 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AutocompleteItem = void 0;
+var _ComboboxItem = require("../../combobox/item/ComboboxItem");
+/**
+ * An individual item in the list.
+ * Renders a `<div>` element.
+ *
+ * Documentation: [Base UI Autocomplete](https://base-ui.com/react/components/autocomplete)
+ */
+const AutocompleteItem = exports.AutocompleteItem = _ComboboxItem.ComboboxItem;

package/autocomplete/item/AutocompleteItemDataAttributes.d.ts

@@ -0,0 +1,10 @@
+export declare enum AutocompleteItemDataAttributes {
+  /**
+   * Present when the item is highlighted.
+   */
+  highlighted = "data-highlighted",
+  /**
+   * Present when the item is disabled.
+   */
+  disabled = "data-disabled",
+}

package/autocomplete/item/AutocompleteItemDataAttributes.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AutocompleteItemDataAttributes = void 0;
+var _ComboboxItemDataAttributes = require("../../combobox/item/ComboboxItemDataAttributes");
+let AutocompleteItemDataAttributes = exports.AutocompleteItemDataAttributes = function (AutocompleteItemDataAttributes) {
+  /**
+   * Present when the item is highlighted.
+   */
+  AutocompleteItemDataAttributes[AutocompleteItemDataAttributes["highlighted"] = _ComboboxItemDataAttributes.ComboboxItemDataAttributes.highlighted] = "highlighted";
+  /**
+   * Present when the item is disabled.
+   */
+  AutocompleteItemDataAttributes[AutocompleteItemDataAttributes["disabled"] = _ComboboxItemDataAttributes.ComboboxItemDataAttributes.disabled] = "disabled";
+  return AutocompleteItemDataAttributes;
+}({});

package/autocomplete/root/AutocompleteRoot.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { AriaCombobox } from "../../combobox/root/AriaCombobox.js";
+import { AriaCombobox, type AriaComboboxState } from "../../combobox/root/AriaCombobox.js";
 /**
  * Groups all parts of the autocomplete.
  * Doesn't render its own HTML element.
@@ -22,7 +22,7 @@ export declare function AutocompleteRoot<ItemValue>(props: Omit<AutocompleteRoot
    */
   items?: readonly ItemValue[] | undefined;
 }): React.JSX.Element;
-export type AutocompleteRootState = AriaCombobox.State;
+export interface AutocompleteRootState extends AriaComboboxState {}
 export interface AutocompleteRootActions {
   unmount: () => void;
 }
@@ -39,14 +39,14 @@ export interface AutocompleteRootProps<ItemValue> extends Omit<AriaCombobox.Prop
    * - `none`: items are static (not filtered), and the input value will not change based on the active item.
    * @default 'list'
    */
-  mode?: ('list' | 'both' | 'inline' | 'none') | undefined;
+  mode?: 'list' | 'both' | 'inline' | 'none' | undefined;
   /**
    * Whether the first matching item is highlighted automatically.
    * - `true`: highlight after the user types and keep the highlight while the query changes.
    * - `'always'`: always highlight the first item.
    * @default false
    */
-  autoHighlight?: (boolean | 'always') | undefined;
+  autoHighlight?: boolean | 'always' | undefined;
   /**
    * Whether the highlighted item should be preserved when the pointer leaves the list.
    * @default false

package/autocomplete/root/AutocompleteRoot.js

@@ -62,7 +62,7 @@ function AutocompleteRoot(props) {
   });
   const collator = (0, _useFilter.useCoreFilter)();
   const baseFilter = React.useMemo(() => {
-    if (other.filter) {
+    if (other.filter !== undefined) {
       return other.filter;
     }
     return collator.contains;
@@ -74,6 +74,9 @@ function AutocompleteRoot(props) {
     if (mode !== 'both') {
       return staticItems ? null : baseFilter;
     }
+    if (baseFilter === null) {
+      return null;
+    }
     return (item, _query, toString) => {
       return baseFilter(item, resolvedQuery, toString);
     };

package/autocomplete/trigger/AutocompleteTrigger.d.ts

@@ -0,0 +1,43 @@
+import type * as React from 'react';
+import type { FieldRootState } from "../../field/root/FieldRoot.js";
+import type { Side } from "../../utils/useAnchorPositioning.js";
+import type { BaseUIComponentProps, NativeButtonProps } from "../../utils/types.js";
+/**
+ * A button that opens the popup.
+ * Renders a `<button>` element.
+ *
+ * Documentation: [Base UI Autocomplete](https://base-ui.com/react/components/autocomplete)
+ */
+export declare const AutocompleteTrigger: AutocompleteTrigger;
+export interface AutocompleteTriggerState extends FieldRootState {
+  /**
+   * Whether the popup is open.
+   */
+  open: boolean;
+  /**
+   * Whether the component should ignore user interaction.
+   */
+  disabled: boolean;
+  /**
+   * Indicates which side the corresponding popup is positioned relative to its anchor.
+   */
+  popupSide: Side | null;
+  /**
+   * Present when the corresponding items list is empty.
+   */
+  listEmpty: boolean;
+}
+export interface AutocompleteTriggerProps extends NativeButtonProps, BaseUIComponentProps<'button', AutocompleteTriggerState> {
+  /**
+   * Whether the component should ignore user interaction.
+   * @default false
+   */
+  disabled?: boolean | undefined;
+}
+export interface AutocompleteTrigger {
+  (componentProps: AutocompleteTriggerProps & React.RefAttributes<HTMLButtonElement>): React.JSX.Element;
+}
+export declare namespace AutocompleteTrigger {
+  type State = AutocompleteTriggerState;
+  type Props = AutocompleteTriggerProps;
+}

package/autocomplete/trigger/AutocompleteTrigger.js

@@ -0,0 +1,15 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AutocompleteTrigger = void 0;
+var _ComboboxTrigger = require("../../combobox/trigger/ComboboxTrigger");
+/**
+ * A button that opens the popup.
+ * Renders a `<button>` element.
+ *
+ * Documentation: [Base UI Autocomplete](https://base-ui.com/react/components/autocomplete)
+ */
+const AutocompleteTrigger = exports.AutocompleteTrigger = _ComboboxTrigger.ComboboxTrigger;

package/autocomplete/trigger/AutocompleteTriggerDataAttributes.d.ts

@@ -0,0 +1,55 @@
+export declare enum AutocompleteTriggerDataAttributes {
+  /**
+   * Present when the corresponding popup is open.
+   */
+  popupOpen = "data-popup-open",
+  /**
+   * Present when the trigger is pressed.
+   */
+  pressed = "data-pressed",
+  /**
+   * Present when the component is disabled.
+   */
+  disabled = "data-disabled",
+  /**
+   * 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.
+   */
+  required = "data-required",
+  /**
+   * Present when the component is in valid state (when wrapped in Field.Root).
+   */
+  valid = "data-valid",
+  /**
+   * Present when the component is in invalid state (when wrapped in Field.Root).
+   */
+  invalid = "data-invalid",
+  /**
+   * Present when the component has been touched (when wrapped in Field.Root).
+   */
+  touched = "data-touched",
+  /**
+   * Present when the component's value has changed (when wrapped in Field.Root).
+   */
+  dirty = "data-dirty",
+  /**
+   * Present when the component has a value (when wrapped in Field.Root).
+   */
+  filled = "data-filled",
+  /**
+   * 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",
+}