import * as React from 'react'; import type { CheckedState } from '../checkbox/types.js'; import type { CheckboxGroupContextValue, CheckboxGroupProps } from './types.js'; export declare const CheckboxGroupProvider: React.FC, useCheckboxGroupContext: (consumerName: string) => CheckboxGroupContextValue; /** * DOM id for one item, derived from the group id and item value, so select-all can name it in `aria-controls`. * @internal */ export declare function checkboxGroupItemId(baseId: string, value: string): string; /** * Select-all tri-state derived from enabled items only; an empty group reads unchecked. * @internal */ export declare function getSelectAllChecked(enabledValues: string[], value: string[]): CheckedState; /** * Multi-selection checkbox group rendering `role="group"` with `data-disabled`/`aria-invalid`/`data-invalid`, each item its own tab stop. * * @example * ```tsx *
* Notifications * *
* ``` */ export declare const CheckboxGroup: { ({ value: valueProp, defaultValue, onValueChange, name, form, max, required, disabled, readOnly, invalid, options, children, size, ref: forwardedRef, ...props }: CheckboxGroupProps): React.ReactNode; displayName: string; };