react-aria-components 1.16.0 → 1.18.0

package/dist/types/src/Breadcrumbs.d.ts

@@ -0,0 +1,55 @@
+import { AriaBreadcrumbsProps } from 'react-aria/useBreadcrumbs';
+import { AriaLabelingProps, GlobalDOMAttributes, Key } from '@react-types/shared';
+import { ClassNameOrFunction, ContextValue, DOMRenderProps, RenderProps, SlotProps, StyleProps } from './utils';
+import { CollectionProps } from './Collection';
+import React from 'react';
+export interface BreadcrumbsProps<T> extends Omit<CollectionProps<T>, 'disabledKeys'>, AriaBreadcrumbsProps, StyleProps, SlotProps, AriaLabelingProps, DOMRenderProps<'ol', undefined>, GlobalDOMAttributes<HTMLOListElement> {
+    /**
+     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
+     * element.
+     *
+     * @default 'react-aria-Breadcrumbs'
+     */
+    className?: string;
+    /** Whether the breadcrumbs are disabled. */
+    isDisabled?: boolean;
+    /** Handler that is called when a breadcrumb is clicked. */
+    onAction?: (key: Key) => void;
+}
+export declare const BreadcrumbsContext: React.Context<ContextValue<BreadcrumbsProps<any>, HTMLOListElement>>;
+/**
+ * Breadcrumbs display a hierarchy of links to the current page or resource in an application.
+ */
+export declare const Breadcrumbs: <T>(props: BreadcrumbsProps<T> & React.RefAttributes<HTMLOListElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export interface BreadcrumbRenderProps {
+    /**
+     * Whether the breadcrumb is for the current page.
+     *
+     * @selector [data-current]
+     */
+    isCurrent: boolean;
+    /**
+     * Whether the breadcrumb is disabled.
+     *
+     * @selector [data-disabled]
+     */
+    isDisabled: boolean;
+}
+export interface BreadcrumbProps extends RenderProps<BreadcrumbRenderProps, 'li'>, AriaLabelingProps, GlobalDOMAttributes<HTMLLIElement> {
+    /**
+     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
+     * element. A function may be provided to compute the class based on component state.
+     *
+     * @default 'react-aria-Breadcrumb'
+     */
+    className?: ClassNameOrFunction<BreadcrumbRenderProps>;
+    /**
+     * A unique id for the breadcrumb, which will be passed to `onAction` when the breadcrumb is
+     * pressed.
+     */
+    id?: Key;
+}
+/**
+ * A Breadcrumb represents an individual item in a `<Breadcrumbs>` list.
+ */
+export declare const Breadcrumb: (props: BreadcrumbProps & React.RefAttributes<HTMLLIElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;

package/dist/types/src/Button.d.ts

@@ -0,0 +1,66 @@
+import { AriaButtonProps } from 'react-aria/useButton';
+import { ClassNameOrFunction, ContextValue, RenderProps, SlotProps } from './utils';
+import { GlobalDOMAttributes } from '@react-types/shared';
+import { HoverEvents } from '@react-types/shared';
+import React from 'react';
+export interface ButtonRenderProps {
+    /**
+     * Whether the button is currently hovered with a mouse.
+     *
+     * @selector [data-hovered]
+     */
+    isHovered: boolean;
+    /**
+     * Whether the button is currently in a pressed state.
+     *
+     * @selector [data-pressed]
+     */
+    isPressed: boolean;
+    /**
+     * Whether the button is focused, either via a mouse or keyboard.
+     *
+     * @selector [data-focused]
+     */
+    isFocused: boolean;
+    /**
+     * Whether the button is keyboard focused.
+     *
+     * @selector [data-focus-visible]
+     */
+    isFocusVisible: boolean;
+    /**
+     * Whether the button is disabled.
+     *
+     * @selector [data-disabled]
+     */
+    isDisabled: boolean;
+    /**
+     * Whether the button is currently in a pending state.
+     *
+     * @selector [data-pending]
+     */
+    isPending: boolean;
+}
+export interface ButtonProps extends Omit<AriaButtonProps, 'children' | 'href' | 'target' | 'rel' | 'elementType'>, HoverEvents, SlotProps, RenderProps<ButtonRenderProps, 'button'>, Omit<GlobalDOMAttributes<HTMLButtonElement>, 'onClick'> {
+    /**
+     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
+     * element. A function may be provided to compute the class based on component state.
+     *
+     * @default 'react-aria-Button'
+     */
+    className?: ClassNameOrFunction<ButtonRenderProps>;
+    /**
+     * Whether the button is in a pending state. This disables press and hover events
+     * while retaining focusability, and announces the pending state to screen readers.
+     */
+    isPending?: boolean;
+}
+interface ButtonContextValue extends ButtonProps {
+    isPressed?: boolean;
+}
+export declare const ButtonContext: React.Context<ContextValue<ButtonContextValue, HTMLButtonElement>>;
+/**
+ * A button allows a user to perform an action, with mouse, touch, and keyboard interactions.
+ */
+export declare const Button: (props: ButtonProps & React.RefAttributes<HTMLButtonElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export {};

package/dist/types/src/Calendar.d.ts

@@ -0,0 +1,302 @@
+import { CalendarHeadingProps as AriaCalendarHeadingProps, CalendarMonthPickerProps as AriaCalendarMonthPickerProps, AriaCalendarProps, CalendarYearPickerProps as AriaCalendarYearPickerProps, CalendarMonthPickerAria, CalendarYearPickerAria } from 'react-aria/useCalendar';
+import { AriaRangeCalendarProps } from 'react-aria/useRangeCalendar';
+import { CalendarDate, CalendarIdentifier, DateDuration, Calendar as ICalendar } from '@internationalized/date';
+import { CalendarSelectionMode, CalendarState } from 'react-stately/useCalendarState';
+import { ClassNameOrFunction, ContextValue, DOMProps, DOMRenderProps, RenderProps, SlotProps, StyleProps } from './utils';
+import { DateValue } from 'react-stately/useRangeCalendarState';
+import { GlobalDOMAttributes, HoverEvents } from '@react-types/shared';
+import { HeadingProps } from './Heading';
+import { RangeCalendarState } from 'react-stately/useRangeCalendarState';
+import React, { JSX, ReactElement } from 'react';
+export interface CalendarRenderProps<M extends CalendarSelectionMode = 'single'> {
+    /**
+     * Whether the calendar is disabled.
+     *
+     * @selector [data-disabled]
+     */
+    isDisabled: boolean;
+    /**
+     * State of the calendar.
+     */
+    state: CalendarState<M>;
+    /**
+     * Whether the calendar is invalid.
+     *
+     * @selector [data-invalid]
+     */
+    isInvalid: boolean;
+}
+export interface RangeCalendarRenderProps extends Omit<CalendarRenderProps, 'state'> {
+    /**
+     * State of the range calendar.
+     */
+    state: RangeCalendarState;
+}
+export interface CalendarProps<T extends DateValue, M extends CalendarSelectionMode = 'single'> extends Omit<AriaCalendarProps<T, M>, 'errorMessage' | 'validationState'>, RenderProps<CalendarRenderProps<M>, 'div'>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
+    /**
+     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
+     * element. A function may be provided to compute the class based on component state.
+     *
+     * @default 'react-aria-Calendar'
+     */
+    className?: ClassNameOrFunction<CalendarRenderProps<M>>;
+    /**
+     * The amount of days that will be displayed at once. This affects how pagination works.
+     *
+     * @default { months: 1 }
+     */
+    visibleDuration?: DateDuration;
+    /**
+     * A function to create a new
+     * [Calendar](https://react-spectrum.adobe.com/internationalized/date/Calendar.html) object for a
+     * given calendar identifier. If not provided, the `createCalendar` function from
+     * `@internationalized/date` will be used.
+     */
+    createCalendar?: (identifier: CalendarIdentifier) => ICalendar;
+}
+export interface RangeCalendarProps<T extends DateValue> extends Omit<AriaRangeCalendarProps<T>, 'errorMessage' | 'validationState'>, RenderProps<RangeCalendarRenderProps, 'div'>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
+    /**
+     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
+     * element. A function may be provided to compute the class based on component state.
+     *
+     * @default 'react-aria-RangeCalendar'
+     */
+    className?: ClassNameOrFunction<RangeCalendarRenderProps>;
+    /**
+     * The amount of days that will be displayed at once. This affects how pagination works.
+     *
+     * @default { months: 1 }
+     */
+    visibleDuration?: DateDuration;
+    /**
+     * A function to create a new
+     * [Calendar](https://react-spectrum.adobe.com/internationalized/date/Calendar.html) object for a
+     * given calendar identifier. If not provided, the `createCalendar` function from
+     * `@internationalized/date` will be used.
+     */
+    createCalendar?: (identifier: CalendarIdentifier) => ICalendar;
+}
+export declare const CalendarContext: React.Context<ContextValue<CalendarProps<any, CalendarSelectionMode>, HTMLDivElement>>;
+export declare const RangeCalendarContext: React.Context<ContextValue<RangeCalendarProps<any>, HTMLDivElement>>;
+export declare const CalendarStateContext: React.Context<CalendarState<CalendarSelectionMode> | null>;
+export declare const RangeCalendarStateContext: React.Context<RangeCalendarState<DateValue> | null>;
+/**
+ * A calendar displays one or more date grids and allows users to select a single date.
+ */
+export declare const Calendar: <T extends DateValue, M extends CalendarSelectionMode = "single">(props: CalendarProps<T, M> & React.RefAttributes<HTMLDivElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+/**
+ * A range calendar displays one or more date grids and allows users to select a contiguous range of
+ * dates.
+ */
+export declare const RangeCalendar: <T extends DateValue>(props: RangeCalendarProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export interface CalendarCellRenderProps {
+    /** The date that the cell represents. */
+    date: CalendarDate;
+    /** The day number formatted according to the current locale. */
+    formattedDate: string;
+    /**
+     * Whether the cell is currently hovered with a mouse.
+     *
+     * @selector [data-hovered]
+     */
+    isHovered: boolean;
+    /**
+     * Whether the cell is currently being pressed.
+     *
+     * @selector [data-pressed]
+     */
+    isPressed: boolean;
+    /**
+     * Whether the cell is selected.
+     *
+     * @selector [data-selected]
+     */
+    isSelected: boolean;
+    /**
+     * Whether the cell is the first date in a range selection.
+     *
+     * @selector [data-selection-start]
+     */
+    isSelectionStart: boolean;
+    /**
+     * Whether the cell is the last date in a range selection.
+     *
+     * @selector [data-selection-end]
+     */
+    isSelectionEnd: boolean;
+    /**
+     * Whether the cell is focused.
+     *
+     * @selector [data-focused]
+     */
+    isFocused: boolean;
+    /**
+     * Whether the cell is keyboard focused.
+     *
+     * @selector [data-focus-visible]
+     */
+    isFocusVisible: boolean;
+    /**
+     * Whether the cell is disabled, according to the calendar's `minValue`, `maxValue`, and
+     * `isDisabled` props. Disabled dates are not focusable, and cannot be selected by the user. They
+     * are typically displayed with a dimmed appearance.
+     *
+     * @selector [data-disabled]
+     */
+    isDisabled: boolean;
+    /**
+     * Whether the cell is outside the visible range of the calendar.
+     * For example, dates before the first day of a month in the same week.
+     *
+     * @selector [data-outside-visible-range]
+     */
+    isOutsideVisibleRange: boolean;
+    /**
+     * Whether the cell is outside the current month.
+     *
+     * @selector [data-outside-month]
+     */
+    isOutsideMonth: boolean;
+    /**
+     * Whether the cell is unavailable, according to the calendar's `isDateUnavailable` prop.
+     * Unavailable dates remain focusable, but cannot be selected by the user. They should be
+     * displayed with a visual affordance to indicate they are unavailable, such as a different color
+     * or a strikethrough.
+     *
+     * Note that because they are focusable, unavailable dates must meet a 4.5:1 color contrast ratio,
+     * [as defined by WCAG](https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html).
+     *
+     * @selector [data-unavailable]
+     */
+    isUnavailable: boolean;
+    /**
+     * Whether the cell is part of an invalid selection.
+     *
+     * @selector [data-invalid]
+     */
+    isInvalid: boolean;
+    /**
+     * Whether the cell is today.
+     *
+     * @selector [data-today]
+     */
+    isToday: boolean;
+}
+export interface CalendarGridProps extends StyleProps, DOMRenderProps<'table', undefined>, GlobalDOMAttributes<HTMLTableElement> {
+    /**
+     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
+     * element.
+     *
+     * @default 'react-aria-CalendarGrid'
+     */
+    className?: string;
+    /**
+     * Either a function to render calendar cells for each date in the month,
+     * or children containing a `<CalendarGridHeader>`` and `<CalendarGridBody>`
+     * when additional customization is needed.
+     */
+    children?: ReactElement | ReactElement[] | ((date: CalendarDate) => ReactElement);
+    /**
+     * An offset from the beginning of the visible date range that this
+     * CalendarGrid should display. Useful when displaying more than one
+     * month at a time.
+     */
+    offset?: DateDuration;
+    /**
+     * The style of weekday names to display in the calendar grid header,
+     * e.g. single letter, abbreviation, or full day name.
+     *
+     * @default 'narrow'
+     */
+    weekdayStyle?: 'narrow' | 'short' | 'long';
+}
+/**
+ * A calendar grid displays a single grid of days within a calendar or range calendar which
+ * can be keyboard navigated and selected by the user.
+ */
+export declare const CalendarGrid: (props: CalendarGridProps & React.RefAttributes<HTMLTableElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export interface CalendarGridHeaderProps extends StyleProps, DOMRenderProps<'thead', undefined>, GlobalDOMAttributes<HTMLTableSectionElement> {
+    /**
+     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
+     * element.
+     *
+     * @default 'react-aria-CalendarGridHeader'
+     */
+    className?: string;
+    /** A function to render a `<CalendarHeaderCell>` for a weekday name. */
+    children: (day: string) => ReactElement;
+}
+/**
+ * A calendar grid header displays a row of week day names at the top of a month.
+ */
+declare const CalendarGridHeaderForwardRef: (props: CalendarGridHeaderProps & React.RefAttributes<HTMLTableSectionElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export { CalendarGridHeaderForwardRef as CalendarGridHeader };
+export interface CalendarHeaderCellProps extends DOMProps, DOMRenderProps<'th', undefined>, GlobalDOMAttributes<HTMLTableHeaderCellElement> {
+    /**
+     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
+     * element.
+     *
+     * @default 'react-aria-CalendarHeaderCell'
+     */
+    className?: string;
+}
+/**
+ * A calendar header cell displays a week day name at the top of a column within a calendar.
+ */
+declare const CalendarHeaderCellForwardRef: React.ForwardRefExoticComponent<CalendarHeaderCellProps & React.RefAttributes<HTMLTableCellElement>>;
+export { CalendarHeaderCellForwardRef as CalendarHeaderCell };
+export interface CalendarGridBodyProps extends StyleProps, DOMRenderProps<'tbody', undefined>, GlobalDOMAttributes<HTMLTableSectionElement> {
+    /**
+     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
+     * element.
+     *
+     * @default 'react-aria-CalendarGridBody'
+     */
+    className?: string;
+    /** A function to render a `<CalendarCell>` for a given date. */
+    children: (date: CalendarDate) => ReactElement;
+}
+/**
+ * A calendar grid body displays a grid of calendar cells within a month.
+ */
+declare const CalendarGridBodyForwardRef: (props: CalendarGridBodyProps & React.RefAttributes<HTMLTableSectionElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export { CalendarGridBodyForwardRef as CalendarGridBody };
+export interface CalendarCellProps extends RenderProps<CalendarCellRenderProps, 'div'>, HoverEvents, GlobalDOMAttributes<HTMLTableCellElement> {
+    /**
+     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
+     * element. A function may be provided to compute the class based on component state.
+     *
+     * @default 'react-aria-CalendarCell'
+     */
+    className?: ClassNameOrFunction<CalendarCellRenderProps>;
+    /** The date to render in the cell. */
+    date: CalendarDate;
+}
+/**
+ * A calendar cell displays a date cell within a calendar grid which can be selected by the user.
+ */
+export declare const CalendarCell: (props: CalendarCellProps & React.RefAttributes<HTMLTableCellElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export interface CalendarYearPickerProps extends AriaCalendarYearPickerProps {
+    /**
+     * A function to render the year picker.
+     */
+    children: (renderProps: CalendarYearPickerAria) => JSX.Element;
+}
+export declare function CalendarYearPicker(props: CalendarYearPickerProps): JSX.Element;
+export interface CalendarMonthPickerProps extends AriaCalendarMonthPickerProps {
+    /**
+     * A function to render the month picker.
+     */
+    children: (renderProps: CalendarMonthPickerAria) => JSX.Element;
+}
+export declare function CalendarMonthPicker(props: CalendarMonthPickerProps): JSX.Element;
+export interface CalendarHeadingProps extends AriaCalendarHeadingProps, HeadingProps {
+    /**
+     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
+     * element.
+     *
+     * @default 'react-aria-CalendarHeading'
+     */
+    className?: string;
+}
+export declare const CalendarHeading: React.ForwardRefExoticComponent<CalendarHeadingProps & React.RefAttributes<HTMLHeadingElement>>;

package/dist/types/src/Checkbox.d.ts

@@ -0,0 +1,206 @@
+import { AriaCheckboxGroupProps } from 'react-aria/useCheckboxGroup';
+import { AriaCheckboxProps } from 'react-aria/useCheckbox';
+import { CheckboxGroupState } from 'react-stately/useCheckboxGroupState';
+import { ClassNameOrFunction, ContextValue, RACValidation, RenderProps, SlotProps } from './utils';
+import { GlobalDOMAttributes, RefObject } from '@react-types/shared';
+import { HoverEvents } from '@react-types/shared';
+import React from 'react';
+export interface CheckboxGroupProps extends Omit<AriaCheckboxGroupProps, 'children' | 'label' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, RACValidation, RenderProps<CheckboxGroupRenderProps, 'div'>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
+    /**
+     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
+     * element. A function may be provided to compute the class based on component state.
+     *
+     * @default 'react-aria-CheckboxGroup'
+     */
+    className?: ClassNameOrFunction<CheckboxGroupRenderProps>;
+}
+export interface CheckboxProps extends Omit<AriaCheckboxProps, 'children' | 'validationState' | 'validationBehavior'>, HoverEvents, RACValidation, RenderProps<CheckboxRenderProps, 'label'>, SlotProps, Omit<GlobalDOMAttributes<HTMLLabelElement>, 'onClick'> {
+    /**
+     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
+     * element. A function may be provided to compute the class based on component state.
+     *
+     * @default 'react-aria-Checkbox'
+     */
+    className?: ClassNameOrFunction<CheckboxRenderProps>;
+    /**
+     * A ref for the HTML input element.
+     */
+    inputRef?: RefObject<HTMLInputElement | null>;
+}
+export interface CheckboxFieldProps extends Omit<AriaCheckboxProps, 'children' | 'validationState' | 'validationBehavior'>, RACValidation, RenderProps<CheckboxFieldRenderProps>, SlotProps, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {
+    /**
+     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
+     * element. A function may be provided to compute the class based on component state.
+     *
+     * @default 'react-aria-CheckboxField'
+     */
+    className?: ClassNameOrFunction<CheckboxFieldRenderProps>;
+    /**
+     * A ref for the HTML input element.
+     */
+    inputRef?: RefObject<HTMLInputElement | null>;
+}
+export interface CheckboxButtonProps extends HoverEvents, RenderProps<CheckboxButtonRenderProps, 'label'>, SlotProps, GlobalDOMAttributes<HTMLLabelElement> {
+    /**
+     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
+     * element. A function may be provided to compute the class based on component state.
+     *
+     * @default 'react-aria-CheckboxButton'
+     */
+    className?: ClassNameOrFunction<CheckboxButtonRenderProps>;
+}
+export interface CheckboxGroupRenderProps {
+    /**
+     * Whether the checkbox group is disabled.
+     *
+     * @selector [data-disabled]
+     */
+    isDisabled: boolean;
+    /**
+     * Whether the checkbox group is read only.
+     *
+     * @selector [data-readonly]
+     */
+    isReadOnly: boolean;
+    /**
+     * Whether the checkbox group is required.
+     *
+     * @selector [data-required]
+     */
+    isRequired: boolean;
+    /**
+     * Whether the checkbox group is invalid.
+     *
+     * @selector [data-invalid]
+     */
+    isInvalid: boolean;
+    /**
+     * State of the checkbox group.
+     */
+    state: CheckboxGroupState;
+}
+export interface CheckboxRenderProps {
+    /**
+     * Whether the checkbox is selected.
+     *
+     * @selector [data-selected]
+     */
+    isSelected: boolean;
+    /**
+     * Whether the checkbox is indeterminate.
+     *
+     * @selector [data-indeterminate]
+     */
+    isIndeterminate: boolean;
+    /**
+     * Whether the checkbox is currently hovered with a mouse.
+     *
+     * @selector [data-hovered]
+     */
+    isHovered: boolean;
+    /**
+     * Whether the checkbox is currently in a pressed state.
+     *
+     * @selector [data-pressed]
+     */
+    isPressed: boolean;
+    /**
+     * Whether the checkbox is focused, either via a mouse or keyboard.
+     *
+     * @selector [data-focused]
+     */
+    isFocused: boolean;
+    /**
+     * Whether the checkbox is keyboard focused.
+     *
+     * @selector [data-focus-visible]
+     */
+    isFocusVisible: boolean;
+    /**
+     * Whether the checkbox is disabled.
+     *
+     * @selector [data-disabled]
+     */
+    isDisabled: boolean;
+    /**
+     * Whether the checkbox is read only.
+     *
+     * @selector [data-readonly]
+     */
+    isReadOnly: boolean;
+    /**
+     * Whether the checkbox invalid.
+     *
+     * @selector [data-invalid]
+     */
+    isInvalid: boolean;
+    /**
+     * Whether the checkbox is required.
+     *
+     * @selector [data-required]
+     */
+    isRequired: boolean;
+}
+export interface CheckboxFieldRenderProps {
+    /**
+     * Whether the checkbox is selected.
+     *
+     * @selector [data-selected]
+     */
+    isSelected: boolean;
+    /**
+     * Whether the checkbox is indeterminate.
+     *
+     * @selector [data-indeterminate]
+     */
+    isIndeterminate: boolean;
+    /**
+     * Whether the checkbox is disabled.
+     *
+     * @selector [data-disabled]
+     */
+    isDisabled: boolean;
+    /**
+     * Whether the checkbox is read only.
+     *
+     * @selector [data-readonly]
+     */
+    isReadOnly: boolean;
+    /**
+     * Whether the checkbox invalid.
+     *
+     * @selector [data-invalid]
+     */
+    isInvalid: boolean;
+    /**
+     * Whether the checkbox is required.
+     *
+     * @selector [data-required]
+     */
+    isRequired: boolean;
+}
+export interface CheckboxButtonRenderProps extends CheckboxRenderProps {
+}
+export declare const CheckboxContext: React.Context<ContextValue<CheckboxProps, HTMLLabelElement>>;
+export declare const CheckboxFieldContext: React.Context<ContextValue<CheckboxFieldProps, HTMLDivElement>>;
+export declare const CheckboxGroupContext: React.Context<ContextValue<CheckboxGroupProps, HTMLDivElement>>;
+export declare const CheckboxGroupStateContext: React.Context<CheckboxGroupState | null>;
+/**
+ * A checkbox group allows a user to select multiple items from a list of options.
+ */
+export declare const CheckboxGroup: (props: CheckboxGroupProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+/**
+ * A checkbox allows a user to select an item, with support for validation and help text.
+ */
+export declare const CheckboxField: (props: CheckboxFieldProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+/**
+ * A checkbox allows a user to select multiple items from a list of individual items, or
+ * to mark one individual item as selected.
+ *
+ * @deprecated Use CheckboxField + CheckboxButton instead.
+ */
+export declare const Checkbox: (props: CheckboxProps & React.RefAttributes<HTMLLabelElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+/**
+ * A checkbox button is the clickable area of a checkbox, including the indicator and label.
+ */
+export declare const CheckboxButton: (props: CheckboxButtonProps & React.RefAttributes<HTMLLabelElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;