/**
 * Conditional rendering directive.
 *
 * @packageDocumentation
 */
import { Directive } from '../types.js';
/** Attribute used to mark elements processed by g-if */
export declare const IF_PROCESSED_ATTR = "data-g-if-processed";
/**
 * Conditionally render an element.
 *
 * @remarks
 * Unlike g-show which uses display:none, g-if completely removes
 * the element from the DOM when the condition is falsy.
 *
 * State within the conditional block is preserved across toggles.
 * The scope is anchored to the placeholder, not the rendered element.
 *
 * On server: evaluates once and removes element if false.
 * On client: sets up reactive effect to toggle element.
 *
 * @example
 * ```html
 * <div g-if="isLoggedIn">Welcome back!</div>
 * <div g-if="items.length > 0">Has items</div>
 * ```
 */
export declare const cif: Directive<['$expr', '$element', '$eval', '$scope', '$mode']>;