/**
 * ControlledByVowelFrame - Visual frame to indicate AI control
 *
 * This component creates a visual border around the entire page using a single
 * mesh gradient background. The page content (body) is transformed to create
 * an inset effect, making the gradient visible as a border.
 *
 * Key features:
 * - Single div with continuous mesh gradient (no four-div approach)
 * - CSS transform on body element to create border illusion
 * - "controlled by vowel" text banner at the top
 * - Rounded inner corners
 * - Works across any page type (React, vanilla, etc.)
 * - Uses Paper Design shaders for high-quality animated gradient
 *
 * @module @vowel.to/client/components/ControlledByVowelFrame
 */
/**
 * Props for ControlledByVowelFrame component
 */
export interface ControlledByVowelFrameProps {
    /** Whether the frame is visible (default: true) */
    visible?: boolean;
    /** Border width in viewport units (default: 1.2vw, ~20px on 1080p) */
    borderWidth?: string;
    /** Top border height multiplier for text (default: 2) */
    topHeightMultiplier?: number;
    /** Inner corner radius (default: 1rem) */
    cornerRadius?: string;
    /** Mesh gradient colors (default: Paper Design colors) */
    gradientColors?: string[];
    /** Gradient distortion (default: 0.8) */
    distortion?: number;
    /** Gradient swirl effect (default: 0.1) */
    swirl?: number;
    /** Animation speed (default: 1) */
    speed?: number;
}
/**
 * ControlledByVowelFrame Component
 *
 * Creates a visual frame around the page with mesh gradient and banner text.
 * Uses CSS transforms to shrink the body element and show gradient border.
 *
 * @example
 * ```tsx
 * // In your VowelAgent or web component:
 * {isControlled && <ControlledByVowelFrame />}
 * ```
 */
export declare function ControlledByVowelFrame({ visible, borderWidth, // ~20px on 1920px width (1080p)
topHeightMultiplier, cornerRadius, gradientColors, distortion, swirl, speed, }: ControlledByVowelFrameProps): import('react').ReactPortal | null;
//# sourceMappingURL=ControlledByVowelFrame.d.ts.map