import { LitElement } from 'lit';
/**
* @element ui-show
* @description Conditionally shows content based on breakpoints
*
* @slot - Content to show/hide based on breakpoint
*
* @example
* ```html
* Only visible on tablet and up
* Only visible on mobile
* Only visible on tablet
* ```
*/
export declare class UIShow extends LitElement {
static styles: import("lit").CSSResult;
/**
* Show content above this breakpoint (inclusive)
* @type {'sm' | 'md' | 'lg' | 'xl'}
*/
above?: 'sm' | 'md' | 'lg' | 'xl';
/**
* Show content below this breakpoint (exclusive)
* @type {'sm' | 'md' | 'lg' | 'xl'}
*/
below?: 'sm' | 'md' | 'lg' | 'xl';
/**
* Show content only at this specific breakpoint
* @type {'sm' | 'md' | 'lg' | 'xl'}
*/
at?: 'sm' | 'md' | 'lg' | 'xl';
render(): import("lit-html").TemplateResult<1>;
}
/**
* @element ui-hide
* @description Conditionally hides content based on breakpoints
*
* @slot - Content to hide based on breakpoint
*
* @example
* ```html
* Hidden on tablet and up
* Hidden on mobile
* Hidden on tablet
* ```
*/
export declare class UIHide extends LitElement {
static styles: import("lit").CSSResult;
/**
* Hide content above this breakpoint (inclusive)
* @type {'sm' | 'md' | 'lg' | 'xl'}
*/
above?: 'sm' | 'md' | 'lg' | 'xl';
/**
* Hide content below this breakpoint (exclusive)
* @type {'sm' | 'md' | 'lg' | 'xl'}
*/
below?: 'sm' | 'md' | 'lg' | 'xl';
/**
* Hide content only at this specific breakpoint
* @type {'sm' | 'md' | 'lg' | 'xl'}
*/
at?: 'sm' | 'md' | 'lg' | 'xl';
render(): import("lit-html").TemplateResult<1>;
}
declare global {
interface HTMLElementTagNameMap {
'ui-show': UIShow;
'ui-hide': UIHide;
}
}
//# sourceMappingURL=responsive.d.ts.map