import type { ViewRef } from '../../helpers/internal/types/index.js'; import * as CheckboxPrimitives from '../../primitives/checkbox/index.js'; import type { CheckboxIndicatorProps, CheckboxProps } from './checkbox.types.js'; declare const useCheckbox: typeof CheckboxPrimitives.useCheckboxContext; /** * Compound Checkbox component with sub-components * * @component Checkbox - Main container that handles selection state and user interaction. * Renders default indicator with checkmark if no children provided. * Animates background and border color based on selection state. * * @component Checkbox.Indicator - Optional checkmark container that scales in when selected. * Renders default check icon if no children provided. Handles enter/exit animations * and can be replaced with custom indicators. * * @component Checkbox.Background - Absolute-fill background container behind the * checkbox content. With no children, the active library theme decides the * default content (e.g. a glass blur layer) * * Props flow from Checkbox to sub-components via context (isSelected). * The checkbox supports controlled and uncontrolled modes through isSelected/onSelectedChange. * * @see Full documentation: https://heroui.com/docs/native/components/checkbox */ declare const CompoundCheckbox: import("react").ForwardRefExoticComponent> & { /** @optional Custom indicator with scale animations */ Indicator: import("react").ForwardRefExoticComponent>; /** Checkbox background - absolute-fill container behind the checkbox content */ Background: import("react").ForwardRefExoticComponent>; }; export { useCheckbox }; export default CompoundCheckbox; //# sourceMappingURL=checkbox.d.ts.map