import { type VariantProps } from 'class-variance-authority';
/**
 * Toast root styles
 *
 * @note ANIMATED PROPERTIES (cannot be set via className):
 * The following properties are animated and cannot be overridden using Tailwind classes:
 * - `opacity` - Animated for visibility transitions when toasts are pushed beyond visible stack limits
 * - `transform` (translateY) - Animated for vertical position transitions when toasts are stacked, and for swipe-to-dismiss gestures
 * - `transform` (scale) - Animated for size scaling transitions when toasts are stacked (toasts behind active one are scaled down)
 * - `height` - Animated for height transitions when toast content changes
 *
 * To customize these properties, use the `animation` prop on `Toast.Root`:
 * ```tsx
 * <Toast.Root
 *   animation={{
 *     opacity: {
 *       value: [1, 0],
 *       timingConfig: { duration: 300 }
 *     },
 *     translateY: {
 *       value: [0, 10],
 *       timingConfig: { duration: 300 }
 *     },
 *     scale: {
 *       value: [1, 0.97],
 *       timingConfig: { duration: 300 }
 *     }
 *   }}
 * />
 * ```
 *
 * To completely disable animated styles and apply your own via className or style prop,
 * set `isAnimatedStyleActive={false}` on `Toast.Root`.
 */
export declare const toastRootVariants: (props?: ({
    color?: "danger" | "warning" | "success" | "info" | "neutral" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
/**
 * Toast wrapper variants
 *
 * Applied to the outer `Animated.View` that carries `data-state="entering|open|closed"`.
 * On web the CSS engine drives the enter/exit animation via `data-state` transitions —
 * fade + short translate — replacing the Reanimated layout animations that ran on
 * the same element on native. Native ignores these classes (no `web:` prefix hits).
 *
 * `placement` picks the slide direction so top-placed toasts translate up on close and
 * bottom-placed toasts translate down. The unprefixed `-translate-y-2` / `translate-y-2`
 * on the `top-*` / `bottom-*` variants also seeds the entering-state offset synchronously
 * — CSS transitions to `translate-y-0` when `data-state` flips to `open`.
 *
 * `motion-reduce:transition-none` collapses the transition for users with
 * `prefers-reduced-motion: reduce`. In that case `transitionend` may never fire, so
 * the Toast component's safety timeout handles removal.
 */
export declare const toastWrapperVariants: (props?: ({
    placement?: "bottom" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export declare const toastLabelVariants: (props?: ({
    color?: "danger" | "warning" | "success" | "info" | "neutral" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export declare const toastDescriptionVariants: (props?: ({
    color?: "danger" | "warning" | "success" | "info" | "neutral" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export declare const toastIconVariants: (props?: ({
    color?: "danger" | "warning" | "success" | "info" | "neutral" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export declare const toastStyleSheet: {
    root: {
        borderCurve: "continuous";
    };
};
export type ToastColorProps = VariantProps<typeof toastRootVariants>;
//# sourceMappingURL=styles.d.ts.map