/**
 * Reactive viewport dimensions.
 *
 * Provides a reactive signal tracking the browser viewport's
 * width, height, and orientation.
 *
 * @module bquery/media
 */
import type { ViewportSignal } from './types';
/**
 * Returns a reactive signal tracking the current viewport dimensions and orientation.
 *
 * Updates automatically when the window is resized. Uses `window.innerWidth`
 * and `window.innerHeight` under the hood.
 *
 * @returns A readonly reactive signal with `{ width, height, orientation }`
 * and a `destroy()` method to remove the resize listener
 *
 * @example
 * ```ts
 * import { useViewport } from '@bquery/bquery/media';
 * import { effect } from '@bquery/bquery/reactive';
 *
 * const viewport = useViewport();
 * effect(() => {
 *   console.log(`Viewport: ${viewport.value.width}x${viewport.value.height}`);
 *   console.log(`Orientation: ${viewport.value.orientation}`);
 * });
 * ```
 */
export declare const useViewport: () => ViewportSignal;
//# sourceMappingURL=viewport.d.ts.map