@octanejs/base-ui 0.1.50 → 0.1.51

package/src/accordion/root/AccordionRootContext.ts

@@ -0,0 +1,31 @@
+/** @jsxImportSource octane */
+'use client';
+import * as React from 'octane';
+import type { AccordionRoot } from './AccordionRoot.tsrx';
+
+export interface AccordionRootContext<Value = any> {
+	disabled: boolean;
+	handleValueChange: (
+		newValue: AccordionRoot.Value<Value>[number],
+		nextOpen: boolean,
+		eventDetails: AccordionRoot.ChangeEventDetails,
+	) => void;
+	hiddenUntilFound: boolean;
+	keepMounted: boolean;
+	state: AccordionRoot.State<Value>;
+	value: AccordionRoot.Value<Value>;
+}
+
+export const AccordionRootContext = React.createContext<AccordionRootContext<any> | undefined>(
+	undefined,
+);
+
+export function useAccordionRootContext<Value = any>() {
+	const context = React.useContext<AccordionRootContext<Value> | undefined>(AccordionRootContext);
+	if (context === undefined) {
+		throw new Error(
+			'Base UI: AccordionRootContext is missing. Accordion parts must be placed within <Accordion.Root>.',
+		);
+	}
+	return context;
+}

package/src/accordion/root/AccordionRootDataAttributes.ts

@@ -0,0 +1,8 @@
+/**
+ * Present when the accordion is disabled.
+ */
+export const disabled = 'data-disabled';
+/**
+ * Indicates the orientation of the accordion.
+ */
+export const orientation = 'data-orientation';

package/src/accordion/trigger/AccordionTrigger.tsrx

@@ -0,0 +1,81 @@
+'use client';
+import type * as React from 'octane';
+import { useIsoLayoutEffect } from '@octanejs/base-ui-utils/useIsoLayoutEffect';
+import { triggerOpenStateMapping } from '../../utils/collapsibleOpenStateMapping';
+import type { BaseUIComponentProps, NativeButtonProps } from '../../internals/types';
+import { useButton } from '../../internals/use-button';
+import { useCollapsibleRootContext } from '../../collapsible/root/CollapsibleRootContext';
+import type { AccordionItemState } from '../item/AccordionItem.tsrx';
+import { useAccordionItemContext } from '../item/AccordionItemContext';
+import { useRenderElement } from '../../internals/useRenderElement.tsrx';
+
+/**
+ * A button that opens and closes the corresponding panel.
+ * Renders a `<button>` element.
+ *
+ * Documentation: [Base UI Accordion](https://base-ui.com/react/components/accordion)
+ */
+
+export const AccordionTrigger = function AccordionTrigger(
+	componentPropsWithRef: React.PropsWithoutRef<AccordionTrigger.Props> & {
+		ref?: React.Ref<HTMLElement>;
+	},
+) {
+	const { ref: forwardedRef = null, ...componentProps } = componentPropsWithRef;
+	const {
+		disabled: disabledProp,
+		className,
+		id: idProp,
+		render,
+		nativeButton = true,
+		style,
+		...elementProps
+	} = componentProps;
+
+	const { panelId, open, handleTrigger, disabled: contextDisabled } = useCollapsibleRootContext();
+
+	const disabled = disabledProp || contextDisabled;
+
+	const { getButtonProps, buttonRef } = useButton({
+		disabled,
+		focusableWhenDisabled: true,
+		native: nativeButton,
+	});
+
+	const { defaultTriggerId, state, setTriggerId } = useAccordionItemContext();
+	const registeredId = idProp || undefined;
+	const id = registeredId ?? defaultTriggerId;
+
+	useIsoLayoutEffect(() => {
+		setTriggerId((currentId) => registeredId ?? (currentId === null ? undefined : currentId));
+		return () => {
+			setTriggerId((currentId) => (currentId === registeredId ? null : currentId));
+		};
+	}, [registeredId, setTriggerId]);
+
+	const props = {
+		'aria-controls': open ? panelId : undefined,
+		'aria-expanded': open,
+		id,
+		onClick: handleTrigger,
+	};
+
+	const element = useRenderElement('button', componentProps, {
+		state,
+		ref: [forwardedRef, buttonRef],
+		props: [props, elementProps, getButtonProps],
+		stateAttributesMapping: triggerOpenStateMapping,
+	});
+
+	return element;
+};
+
+export interface AccordionTriggerState extends AccordionItemState {}
+
+export interface AccordionTriggerProps
+	extends NativeButtonProps, BaseUIComponentProps<'button', AccordionTriggerState> {}
+
+export namespace AccordionTrigger {
+	export type State = AccordionTriggerState;
+	export type Props = AccordionTriggerProps;
+}

package/src/accordion/trigger/AccordionTriggerDataAttributes.ts

@@ -0,0 +1,8 @@
+/**
+ * Present when the accordion panel is open.
+ */
+export const panelOpen = 'data-panel-open';
+/**
+ * Present when the accordion item is disabled.
+ */
+export const disabled = 'data-disabled';

package/src/alert-dialog/handle.ts

@@ -0,0 +1,22 @@
+import { DialogHandle } from '../dialog/store/DialogHandle';
+
+/**
+ * Controls an Alert Dialog imperatively and associates detached `AlertDialog.Trigger` components with
+ * an `AlertDialog.Root`. Create one with `AlertDialog.createHandle()` and pass it to the `handle`
+ * prop of the root and of any triggers rendered outside of it.
+ *
+ * The imperative methods take effect only while a root using this handle is mounted; calls made
+ * before a root attaches (or after it unmounts) are ignored.
+ */
+export class AlertDialogHandle<Payload> extends DialogHandle<Payload> {
+	// Nominal brand: makes this handle type distinct from `DialogHandle` and sibling handles so they
+	// can't be passed interchangeably. Type-only; has no runtime presence.
+	private readonly __alertDialogBrand!: never;
+}
+
+/**
+ * Creates a new handle to connect an AlertDialog.Root with detached AlertDialog.Trigger components.
+ */
+export function createAlertDialogHandle<Payload>(): AlertDialogHandle<Payload> {
+	return new AlertDialogHandle<Payload>();
+}

package/src/alert-dialog/index.parts.ts

@@ -0,0 +1,10 @@
+export { AlertDialogRoot as Root } from './root/AlertDialogRoot.tsrx';
+export { DialogBackdrop as Backdrop } from '../dialog/backdrop/DialogBackdrop.tsrx';
+export { DialogClose as Close } from '../dialog/close/DialogClose.tsrx';
+export { DialogDescription as Description } from '../dialog/description/DialogDescription.tsrx';
+export { DialogPopup as Popup } from '../dialog/popup/DialogPopup.tsrx';
+export { DialogPortal as Portal } from '../dialog/portal/DialogPortal.tsrx';
+export { DialogTitle as Title } from '../dialog/title/DialogTitle.tsrx';
+export { AlertDialogTrigger as Trigger } from './trigger/AlertDialogTrigger.tsrx';
+export { DialogViewport as Viewport } from '../dialog/viewport/DialogViewport.tsrx';
+export { AlertDialogHandle as Handle, createAlertDialogHandle as createHandle } from './handle';

package/src/alert-dialog/index.ts

@@ -0,0 +1,39 @@
+export * as AlertDialog from './index.parts';
+
+export type * from './root/AlertDialogRoot.tsrx';
+
+export type {
+	DialogBackdropProps as AlertDialogBackdropProps,
+	DialogBackdropState as AlertDialogBackdropState,
+} from '../dialog/backdrop/DialogBackdrop.tsrx';
+export type {
+	DialogCloseProps as AlertDialogCloseProps,
+	DialogCloseState as AlertDialogCloseState,
+} from '../dialog/close/DialogClose.tsrx';
+export type {
+	DialogDescriptionProps as AlertDialogDescriptionProps,
+	DialogDescriptionState as AlertDialogDescriptionState,
+} from '../dialog/description/DialogDescription.tsrx';
+export type {
+	DialogPopupProps as AlertDialogPopupProps,
+	DialogPopupState as AlertDialogPopupState,
+} from '../dialog/popup/DialogPopup.tsrx';
+export type {
+	DialogPortalProps as AlertDialogPortalProps,
+	DialogPortalState as AlertDialogPortalState,
+} from '../dialog/portal/DialogPortal.tsrx';
+export type {
+	DialogTitleProps as AlertDialogTitleProps,
+	DialogTitleState as AlertDialogTitleState,
+} from '../dialog/title/DialogTitle.tsrx';
+export type * from './trigger/AlertDialogTrigger.tsrx';
+export type {
+	DialogViewportProps as AlertDialogViewportProps,
+	DialogViewportState as AlertDialogViewportState,
+} from '../dialog/viewport/DialogViewport.tsrx';
+
+// Retain the named runtime exports of the previous Octane binding.
+export {
+	Handle as AlertDialogHandle,
+	createHandle as createAlertDialogHandle,
+} from './index.parts';

package/src/alert-dialog/root/AlertDialogRoot.tsrx

@@ -0,0 +1,58 @@
+'use client';
+import type * as React from 'octane';
+import type { BaseUIChangeEventDetails } from '../../internals/createBaseUIEventDetails';
+import type { DialogRoot } from '../../dialog/root/DialogRoot.tsrx';
+import { useRenderDialogRoot } from '../../dialog/root/useRenderDialogRoot.tsrx';
+import type { AlertDialogHandle } from '../handle';
+
+/**
+ * Groups all parts of the alert dialog.
+ * Doesn't render its own HTML element.
+ *
+ * Documentation: [Base UI Alert Dialog](https://base-ui.com/react/components/alert-dialog)
+ */
+export function AlertDialogRoot<Payload>(props: AlertDialogRoot.Props<Payload>) {
+	return useRenderDialogRoot('alert-dialog', props);
+}
+
+export interface AlertDialogRootState {}
+
+export interface AlertDialogRootProps<Payload = unknown> extends Omit<
+	DialogRoot.Props<Payload>,
+	'modal' | 'disablePointerDismissal' | 'onOpenChange' | 'actionsRef' | 'handle'
+> {
+	/**
+	 * Event handler called when the alert dialog is opened or closed.
+	 */
+	onOpenChange?:
+		((open: boolean, eventDetails: AlertDialogRoot.ChangeEventDetails) => void) | undefined;
+	/**
+	 * A ref to imperative actions.
+	 * - `unmount`: Manually unmounts the alert dialog.
+	 * Call this after any externally controlled closing animation finishes.
+	 * - `close`: Closes the alert dialog imperatively when called.
+	 */
+	actionsRef?: React.RefObject<AlertDialogRoot.Actions | null> | undefined;
+	/**
+	 * 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?: AlertDialogHandle<Payload> | undefined;
+}
+
+export type AlertDialogRootActions = DialogRoot.Actions;
+
+export type AlertDialogRootChangeEventReason = DialogRoot.ChangeEventReason;
+export type AlertDialogRootChangeEventDetails =
+	BaseUIChangeEventDetails<AlertDialogRoot.ChangeEventReason> & {
+		preventUnmountOnClose(): void;
+	};
+
+export namespace AlertDialogRoot {
+	export type State = AlertDialogRootState;
+	export type Props<Payload = unknown> = AlertDialogRootProps<Payload>;
+	export type Actions = AlertDialogRootActions;
+	export type ChangeEventReason = AlertDialogRootChangeEventReason;
+	export type ChangeEventDetails = AlertDialogRootChangeEventDetails;
+}

package/src/alert-dialog/trigger/AlertDialogTrigger.tsrx

@@ -0,0 +1,38 @@
+'use client';
+import type * as React from 'octane';
+import {
+	DialogTrigger,
+	type DialogTriggerProps,
+	type DialogTriggerState,
+} from '../../dialog/trigger/DialogTrigger.tsrx';
+import type { AlertDialogHandle } from '../handle';
+
+/**
+ * A button that opens the alert dialog.
+ * Renders a `<button>` element.
+ *
+ * Documentation: [Base UI Alert Dialog](https://base-ui.com/react/components/alert-dialog)
+ */
+export const AlertDialogTrigger = DialogTrigger as AlertDialogTrigger;
+
+export interface AlertDialogTrigger {
+	<Payload>(componentProps: AlertDialogTriggerProps<Payload>): React.ReactElement;
+}
+
+export interface AlertDialogTriggerProps<Payload = unknown> extends Omit<
+	DialogTriggerProps<Payload>,
+	'handle'
+> {
+	/**
+	 * A handle to associate the trigger with an alert dialog.
+	 * Can be created with the AlertDialog.createHandle() method.
+	 */
+	handle?: AlertDialogHandle<Payload> | undefined;
+}
+
+export interface AlertDialogTriggerState extends DialogTriggerState {}
+
+export namespace AlertDialogTrigger {
+	export type Props<Payload = unknown> = AlertDialogTriggerProps<Payload>;
+	export type State = AlertDialogTriggerState;
+}

package/src/alert-dialog/trigger/AlertDialogTriggerDataAttributes.ts

@@ -0,0 +1,10 @@
+import { CommonTriggerDataAttributes } from '../../utils/popupStateMapping';
+
+/**
+ * Present when the trigger is disabled.
+ */
+export const disabled = 'data-disabled';
+/**
+ * Present when the corresponding alert dialog is open.
+ */
+export const popupOpen = CommonTriggerDataAttributes.popupOpen;

package/src/autocomplete/clear/AutocompleteClearDataAttributes.ts

@@ -0,0 +1 @@
+export * from '../../combobox/clear/ComboboxClearDataAttributes';

package/src/autocomplete/index.parts.ts

@@ -0,0 +1,25 @@
+export { AutocompleteRoot as Root } from './root/AutocompleteRoot.tsrx';
+export { AutocompleteValue as Value } from './value/AutocompleteValue.tsrx';
+export { AutocompleteTrigger as Trigger } from './trigger/AutocompleteTrigger.tsrx';
+export { ComboboxInput as Input } from '../combobox/input/ComboboxInput.tsrx';
+export { AutocompleteInputGroup as InputGroup } from './input-group/AutocompleteInputGroup.tsrx';
+export { ComboboxIcon as Icon } from '../combobox/icon/ComboboxIcon.tsrx';
+export { ComboboxClear as Clear } from '../combobox/clear/ComboboxClear.tsrx';
+export { ComboboxList as List } from '../combobox/list/ComboboxList.tsrx';
+export { ComboboxStatus as Status } from '../combobox/status/ComboboxStatus.tsrx';
+export { ComboboxPortal as Portal } from '../combobox/portal/ComboboxPortal.tsrx';
+export { ComboboxBackdrop as Backdrop } from '../combobox/backdrop/ComboboxBackdrop.tsrx';
+export { ComboboxPositioner as Positioner } from '../combobox/positioner/ComboboxPositioner.tsrx';
+export { ComboboxPopup as Popup } from '../combobox/popup/ComboboxPopup.tsrx';
+export { ComboboxArrow as Arrow } from '../combobox/arrow/ComboboxArrow.tsrx';
+export { ComboboxGroup as Group } from '../combobox/group/ComboboxGroup.tsrx';
+export { ComboboxGroupLabel as GroupLabel } from '../combobox/group-label/ComboboxGroupLabel.tsrx';
+export { AutocompleteItem as Item } from './item/AutocompleteItem.tsrx';
+export { ComboboxRow as Row } from '../combobox/row/ComboboxRow.tsrx';
+export { ComboboxCollection as Collection } from '../combobox/collection/ComboboxCollection.tsrx';
+export { ComboboxEmpty as Empty } from '../combobox/empty/ComboboxEmpty.tsrx';
+
+export { AutocompleteSeparator as Separator } from './separator/AutocompleteSeparator.tsrx';
+
+export { useCoreFilter as useFilter } from '../combobox/root/utils/useFilter';
+export { useFilteredItems } from '../combobox/root/utils/useFilteredItems';

package/src/autocomplete/index.ts

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

package/src/autocomplete/input-group/AutocompleteInputGroup.tsrx

@@ -0,0 +1,53 @@
+'use client';
+import type * as React from 'octane';
+import { ComboboxInputGroup } from '../../combobox/input-group/ComboboxInputGroup.tsrx';
+import type { FieldRoot } from '../../field/root/FieldRoot.tsrx';
+import type { Side } from '../../internals/useAnchorPositioning';
+import type { BaseUIComponentProps } from '../../internals/types';
+
+/**
+ * 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 const AutocompleteInputGroup = ComboboxInputGroup as 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.ReactElement;
+}
+
+export namespace AutocompleteInputGroup {
+	export type State = AutocompleteInputGroupState;
+	export type Props = AutocompleteInputGroupProps;
+}

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

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

package/src/autocomplete/item/AutocompleteItem.tsrx

@@ -0,0 +1,56 @@
+'use client';
+import type * as React from 'octane';
+import { ComboboxItem } from '../../combobox/item/ComboboxItem.tsrx';
+import type { BaseUIComponentProps, NonNativeButtonProps } from '../../internals/types';
+
+/**
+ * An individual item in the list.
+ * Renders a `<div>` element.
+ *
+ * Documentation: [Base UI Autocomplete](https://base-ui.com/react/components/autocomplete)
+ */
+export const AutocompleteItem = ComboboxItem as 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.OctaneNode;
+	/**
+	 * 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.ReactElement;
+}
+
+export namespace AutocompleteItem {
+	export type State = AutocompleteItemState;
+	export type Props = AutocompleteItemProps;
+}

package/src/autocomplete/item/AutocompleteItemDataAttributes.ts

@@ -0,0 +1,10 @@
+import * as ComboboxItemDataAttributes from '../../combobox/item/ComboboxItemDataAttributes';
+
+/**
+ * Present when the item is highlighted.
+ */
+export const highlighted = ComboboxItemDataAttributes.highlighted;
+/**
+ * Present when the item is disabled.
+ */
+export const disabled = ComboboxItemDataAttributes.disabled;