import * as React from 'react';
import type { FloatingPanelContextValue, FloatingPanelGeometry, FloatingPanelGesture, FloatingPanelProps, FloatingPanelRootProps } from './types.js';
/**
 * Default release announcement for {@link FloatingPanelProps.getGestureAnnouncement}.
 */
export declare function gestureAnnouncement(gesture: FloatingPanelGesture, { position, size }: FloatingPanelGeometry): string;
export declare const FloatingPanelProvider: React.FC<FloatingPanelContextValue & {
    children: React.ReactNode;
}>, useFloatingPanelContext: (consumerName: string) => FloatingPanelContextValue;
/**
 * FloatingPanel's state/context primitive: owns open state, position, size
 * and stage, and renders `children` verbatim with no DOM element of its own.
 *
 * @example
 * ```tsx
 * <FloatingPanelRoot defaultPosition={{ x: 40, y: 40 }}>
 *   <FloatingPanelTrigger>Open panel</FloatingPanelTrigger>
 *   <FloatingPanelPortal>
 *     <FloatingPanelContent>
 *       <FloatingPanelHeader aria-label="Drag to move panel">
 *         <FloatingPanelTitle>Inspector</FloatingPanelTitle>
 *         <FloatingPanelStageTrigger stage="minimized">Minimize</FloatingPanelStageTrigger>
 *         <FloatingPanelCloseTrigger>Close</FloatingPanelCloseTrigger>
 *       </FloatingPanelHeader>
 *       <p>Panel body.</p>
 *       <FloatingPanelResizeTrigger direction="se" aria-label="Resize panel" />
 *     </FloatingPanelContent>
 *   </FloatingPanelPortal>
 * </FloatingPanelRoot>
 * ```
 */
export declare function FloatingPanelRoot({ children, open: openProp, defaultOpen, onOpenChange, onOpenChangeComplete, position: positionProp, defaultPosition, onPositionChange, onPositionCommit, size: sizeProp, defaultSize, onSizeChange, onSizeCommit, minSize, maxSize, boundary, stage: stageProp, defaultStage, onStageChange, draggable, resizable, step, disabled, getGestureAnnouncement, }: FloatingPanelRootProps): React.JSX.Element;
export declare namespace FloatingPanelRoot {
    var displayName: string;
}
/**
 * A draggable, resizable, non-modal floating panel — the movable window
 * pattern — deriving its header, stage buttons, close button and resize grip.
 *
 * @example
 * ```tsx
 * <FloatingPanel
 *   title="Layers"
 *   open={open}
 *   onOpenChange={setOpen}
 *   stages={[{ stage: 'minimized', label: 'Minimize' }]}
 * >
 *   <LayerList />
 * </FloatingPanel>
 * ```
 */
export declare function FloatingPanel({ children, title, stages, dismissible, resizable, open, defaultOpen, onOpenChange, onOpenChangeComplete, position, defaultPosition, onPositionChange, onPositionCommit, size, defaultSize, onSizeChange, onSizeCommit, minSize, maxSize, boundary, stage, defaultStage, onStageChange, draggable, step, disabled, getGestureAnnouncement, portalContainer, ...rest }: FloatingPanelProps): React.JSX.Element;
export declare namespace FloatingPanel {
    var displayName: string;
}