/**
 * Design tokens and styles for the Drawer component.
 *
 * @remarks
 * This layout relies on CSS logical properties to support various writing modes
 * (horizontal, vertical-lr, vertical-rl).
 */
/**
 * The size of the drawer (width for inline variants, height for block variants).
 * Defaults to 250px.
 */
export declare let drawerSize: `var(--${string})`;
/**
 * The CSS transform applied when the drawer is in its closed state.
 * This is dynamically calculated in the React component based on the variant and writing mode.
 */
export declare let drawerClosedTransform: `var(--${string})`;
/**
 * Base styling for the drawer panel.
 */
export declare let drawer: string;
/**
 * Position-based variants for the drawer.
 *
 * @remarks
 * - `blockStart`: Top (in horizontal writing mode).
 * - `blockEnd`: Bottom (in horizontal writing mode).
 * - `inlineStart`: Left (in LTR horizontal writing mode).
 * - `inlineEnd`: Right (in LTR horizontal writing mode).
 */
export declare let drawerVariants: Record<"blockStart" | "blockEnd" | "inlineStart" | "inlineEnd", string>;
/**
 * The standard easing function for drawer animations.
 */
export declare let easingFunction: string;
/**
 * Keyframes for the sliding-in animation.
 * Animates from the calculated `drawerClosedTransform` to its open position (translate(0)).
 */
export declare let slideIn: string;
/**
 * Keyframes for the sliding-out animation.
 * Animates from the open position (translate(0)) back to `drawerClosedTransform`.
 */
export declare let slideOut: string;