import { LitElement } from 'lit';
/**
 * Position component for absolute/relative/fixed positioning
 *
 * @slot - Content to position
 *
 * @cssprop --position-top - Top position
 * @cssprop --position-right - Right position
 * @cssprop --position-bottom - Bottom position
 * @cssprop --position-left - Left position
 * @cssprop --position-z-index - Z-index value
 *
 * @example
 * ```html
 * <ui-position type="absolute" top="0" right="0">Top right corner</ui-position>
 * <ui-position type="fixed" bottom="lg" right="lg">Floating button</ui-position>
 * <ui-position type="sticky" top="0">Sticky header</ui-position>
 * ```
 */
export declare class UIPosition extends LitElement {
    static styles: import("lit").CSSResult;
    type: 'relative' | 'absolute' | 'fixed' | 'sticky' | 'static';
    top?: string;
    right?: string;
    bottom?: string;
    left?: string;
    z?: string;
    inset?: string;
    center: boolean;
    centerX: boolean;
    centerY: boolean;
    full: boolean;
    render(): import("lit-html").TemplateResult<1>;
}
/**
 * Overlay component for creating overlays
 *
 * @slot - Content to display in overlay
 *
 * @fires click - Dispatched when overlay is clicked
 *
 * @cssprop --overlay-bg - Overlay background color
 * @cssprop --overlay-blur - Backdrop blur amount
 *
 * @example
 * ```html
 * <ui-overlay blur="sm" opacity="50">
 *   <div>Modal content</div>
 * </ui-overlay>
 * ```
 */
export declare class UIOverlay extends LitElement {
    static styles: import("lit").CSSResult;
    opacity: '25' | '50' | '75' | '90';
    blurAmount: 'none' | 'sm' | 'md' | 'lg' | 'xl';
    light: boolean;
    clickable: boolean;
    animateIn: boolean;
    private handleClick;
    render(): import("lit-html").TemplateResult<1>;
}
/**
 * Aspect ratio component for maintaining aspect ratios
 *
 * @slot - Content to constrain by aspect ratio
 *
 * @example
 * ```html
 * <ui-aspect-ratio ratio="16/9">
 *   <img src="video-thumbnail.jpg" />
 * </ui-aspect-ratio>
 * <ui-aspect-ratio ratio="1/1">Square content</ui-aspect-ratio>
 * ```
 */
export declare class UIAspectRatio extends LitElement {
    static styles: import("lit").CSSResult;
    ratio: '16/9' | '4/3' | '3/2' | '1/1' | '21/9' | '2/1';
    fit: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
    render(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'ui-position': UIPosition;
        'ui-overlay': UIOverlay;
        'ui-aspect-ratio': UIAspectRatio;
    }
}
//# sourceMappingURL=position.d.ts.map