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