import * as React from 'react';
import type { EditableContextValue, EditableProps } from './types.js';
export declare const EditableProvider: React.FC<EditableContextValue & {
    children: React.ReactNode;
}>, useEditableContext: (consumerName: string) => EditableContextValue;
/**
 * Root of a click-to-edit inline text field, owning the text and the preview/edit mode, rendering a `<div>` with `data-state="editing"|"preview"` and `data-empty` for your CSS to lay out.
 *
 * @example
 * ```tsx
 * <Editable defaultValue="Untitled" placeholder="Name this board" onValueCommit={save} aria-label="Board name" />
 * ```
 */
export declare const Editable: {
    ({ value: valueProp, defaultValue, onValueChange, onValueCommit, onValueRevert, editing: editingProp, defaultEditing, onEditChange, placeholder, finalFocusEl, disabled, readOnly, required, invalid, maxLength, name, form, activationMode, submitMode, selectOnFocus, multiline, showControls, children, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ref: forwardedRef, ...props }: EditableProps): React.ReactNode;
    displayName: string;
};