import * as react_jsx_runtime from 'react/jsx-runtime';
import { Checkbox } from '@base-ui/react/checkbox';
import { PortfolioCheckboxVisuals } from './portfolio-form-controls-visuals.js';

interface PortfolioCheckboxControlProps extends Checkbox.Root.Props {
    /**
     * Simulated focus ring for documentation / state matrices (checked, unchecked, or `disabled`).
     * Keeps ring opacity crisp when combined with `disabled` / `visualDisabled`.
     */
    showFocusRing?: boolean;
    /** Gray-out style while keeping control interactive. */
    visualDisabled?: boolean;
    /** Optional visual overrides for the Portfolio 3.0 chrome study. */
    visualSpec?: PortfolioCheckboxVisuals;
}
/**
 * Portfolio 3.0 checkbox: light border, brand green fill when checked or indeterminate,
 * neutral disabled fill. Uses Base UI Checkbox for behavior and a11y.
 * The root is a 24×24px hit target; the drawn control stays 16×16px (`size-4`) centered inside.
 */
declare function PortfolioCheckboxControl({ className, disabled, showFocusRing, visualDisabled, visualSpec, style, ...props }: PortfolioCheckboxControlProps): react_jsx_runtime.JSX.Element;

export { PortfolioCheckboxControl, type PortfolioCheckboxControlProps };
