import { TNode, Value, type Signal } from '@tempots/dom';
export type ToggleStatus = 'closed' | 'start-opening' | 'opening' | 'opened' | 'closing' | 'start-closing';
export type AnimatedToggleOptions = {
    initialStatus?: ToggleStatus;
    openedAfter: (cb: () => void) => () => void;
    closedAfter: (cb: () => void) => () => void;
    /** When true, skips animation delays and transitions instantly. */
    reducedMotion?: Signal<boolean>;
};
export declare function useAnimatedToggle({ initialStatus, openedAfter, closedAfter, reducedMotion, }: AnimatedToggleOptions): {
    status: Signal<ToggleStatus>;
    open: () => void;
    close: () => void;
    toggle: () => void;
    setOpen: (v: boolean) => void;
    display: import("@tempots/core").Computed<boolean>;
    isClosed: import("@tempots/core").Computed<boolean>;
    isStartOpening: import("@tempots/core").Computed<boolean>;
    isOpening: import("@tempots/core").Computed<boolean>;
    isOpened: import("@tempots/core").Computed<boolean>;
    isClosing: import("@tempots/core").Computed<boolean>;
    isStartClosing: import("@tempots/core").Computed<boolean>;
    dispose: () => void;
    listenOnClosed: (fn: () => void) => void;
};
export type TimedToggleOptions = {
    initialStatus?: ToggleStatus;
    openDuration?: number;
    closeDuration?: number;
    duration?: number;
    /** When true, skips animation delays and transitions instantly. */
    reducedMotion?: Signal<boolean>;
};
export declare function useTimedToggle({ initialStatus, duration, openDuration, closeDuration, reducedMotion, }?: TimedToggleOptions): {
    status: Signal<ToggleStatus>;
    open: () => void;
    close: () => void;
    toggle: () => void;
    setOpen: (v: boolean) => void;
    display: import("@tempots/core").Computed<boolean>;
    isClosed: import("@tempots/core").Computed<boolean>;
    isStartOpening: import("@tempots/core").Computed<boolean>;
    isOpening: import("@tempots/core").Computed<boolean>;
    isOpened: import("@tempots/core").Computed<boolean>;
    isClosing: import("@tempots/core").Computed<boolean>;
    isStartClosing: import("@tempots/core").Computed<boolean>;
    dispose: () => void;
    listenOnClosed: (fn: () => void) => void;
};
export type AnimatedElementToggleOptions = {
    initialStatus?: ToggleStatus;
    element?: HTMLElement;
    /** When true, skips animation delays and transitions instantly. */
    reducedMotion?: Signal<boolean>;
};
export declare function useAnimatedElementToggle({ initialStatus, element, reducedMotion, }?: AnimatedElementToggleOptions): {
    status: Signal<ToggleStatus>;
    open: () => void;
    close: () => void;
    toggle: () => void;
    setOpen: (v: boolean) => void;
    display: import("@tempots/core").Computed<boolean>;
    isClosed: import("@tempots/core").Computed<boolean>;
    isStartOpening: import("@tempots/core").Computed<boolean>;
    isOpening: import("@tempots/core").Computed<boolean>;
    isOpened: import("@tempots/core").Computed<boolean>;
    isClosing: import("@tempots/core").Computed<boolean>;
    isStartClosing: import("@tempots/core").Computed<boolean>;
    dispose: () => void;
    listenOnClosed: (fn: () => void) => void;
    setElement: (value: HTMLElement) => void;
};
export type SlideDirection = 'up' | 'down' | 'left' | 'right';
export type TransformOrigin = 'center' | 'top' | 'bottom' | 'left' | 'right' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
export type ComposableAnimation = {
    fade?: boolean;
    slide?: SlideDirection;
    scale?: boolean | number;
    transformOrigin?: TransformOrigin;
    duration?: number;
    easing?: string;
};
export type AnimationConfig = {
    enter?: ComposableAnimation;
    exit?: ComposableAnimation;
} | ComposableAnimation;
export declare function AnimatedToggleClass({ animation, status, }: {
    animation?: Value<AnimationConfig>;
    status: Signal<ToggleStatus>;
}): import("@tempots/core").Renderable<import("@tempots/dom").DOMContext, typeof import("@tempots/dom").DOM_RENDERABLE_TYPE>;
export declare function AnimatedToggle({ initialStatus, animation, reducedMotion, }: {
    initialStatus?: ToggleStatus;
    animation?: Value<AnimationConfig>;
    /** When true, skips animation delays and transitions instantly. */
    reducedMotion?: Signal<boolean>;
}, render: (options: {
    status: Signal<ToggleStatus>;
    open: () => void;
    close: () => void;
    toggle: () => void;
    setOpen: (v: boolean) => void;
    display: Signal<boolean>;
    isClosed: Signal<boolean>;
    isStartOpening: Signal<boolean>;
    isOpening: Signal<boolean>;
    isOpened: Signal<boolean>;
    isClosing: Signal<boolean>;
    isStartClosing: Signal<boolean>;
    listenOnClosed: (fn: () => void) => void;
}) => TNode): import("@tempots/dom").Renderable;