/**
 * @sharpee/platform-browser/channels/animation — `animation`,
 * `animate`, `transition`, `layout`, `clear` channel renderers.
 *
 * Owner context: browser default. Lightweight defaults that emit
 * CSS animation classes / data-attributes on the relevant slots so
 * stories can hook styles. Concrete production renderers (specific
 * keyframes, scene-transition presets) override these.
 *
 * Per ADR-165 §8, the platform-default `animation`/`animate`/
 * `transition` renderers run named CSS animations against the media
 * slot. `layout` applies a configuration payload to a `data-layout`
 * attribute. `clear` runs no visual effect by default — the
 * dispatcher handles append-channel truncation.
 */
import type { ChannelRenderer } from '@sharpee/channel-service';
/**
 * `animation` channel — event, json. Adds a CSS class
 * `animation-${name}` to the slot for one animation frame, then
 * removes it. The story's CSS provides the keyframe definition.
 */
export declare function createAnimationChannelRenderer(slot: HTMLElement): ChannelRenderer;
/**
 * `animate` channel — event, json. Generic CSS-property animation
 * directive. Applies the payload's properties as inline styles.
 */
export declare function createAnimateChannelRenderer(slot: HTMLElement): ChannelRenderer;
/**
 * `transition` channel — event, json. Adds a CSS class
 * `transition-${kind}` to the body / root for the configured
 * duration, then removes it.
 */
export declare function createTransitionChannelRenderer(root: HTMLElement): ChannelRenderer;
/**
 * `layout` channel — replace, json. Writes the configuration to a
 * `data-layout` attribute on the root element so CSS / story scripts
 * can react. Stories that need richer layout swapping replace this
 * renderer with one that performs the actual DOM rewrite.
 */
export declare function createLayoutChannelRenderer(root: HTMLElement): ChannelRenderer;
/**
 * `clear` channel — event, json. The dispatcher handles append-mode
 * truncation; this renderer adds a visual side-effect (class
 * `clear-active`) for one frame so stories can fade. Default: no
 * effect.
 */
export declare function createClearChannelRenderer(root: HTMLElement): ChannelRenderer;
//# sourceMappingURL=animation.d.ts.map