/**
 * @file reorderStyles.ts
 * @input StyleX and Astryx semantic color, motion, radius, and spacing tokens
 * @output Shared internal visual states for reorderable Lab components
 * @position Lab-internal drag-and-drop style contract; API arbitration required before public export
 */
import * as stylex from '@stylexjs/stylex';
/**
 * Default Lab reorder visuals. Keep interaction behavior component-owned until
 * vertical, horizontal, grid, and cross-list reorder APIs are reconciled.
 */
export declare const reorderStyles: Readonly<{
    readonly source: Readonly<{
        readonly opacity: stylex.StyleXClassNameFor<"opacity", 0.5>;
        readonly userSelect: stylex.StyleXClassNameFor<"userSelect", "none">;
    }>;
    readonly preview: Readonly<{
        readonly opacity: stylex.StyleXClassNameFor<"opacity", 0.5>;
        readonly pointerEvents: stylex.StyleXClassNameFor<"pointerEvents", "none">;
        readonly userSelect: stylex.StyleXClassNameFor<"userSelect", "none">;
        readonly willChange: stylex.StyleXClassNameFor<"willChange", "transform">;
    }>;
    readonly viewTransitionRoot: Readonly<{
        readonly '::view-transition-group(*)': stylex.StyleXClassNameFor<"::view-transition-group(*)", {
            readonly animationDuration: {
                readonly default: stylex.StyleXVar<"175ms">;
                readonly '@media (prefers-reduced-motion: reduce)': "0s";
            };
            readonly animationTimingFunction: stylex.StyleXVar<"cubic-bezier(0.24, 1, 0.4, 1)">;
        }>;
    }>;
    readonly dropBefore: Readonly<{
        readonly position: stylex.StyleXClassNameFor<"position", "relative">;
        readonly '::before': stylex.StyleXClassNameFor<"::before", {
            readonly insetBlockStart: `calc(-1 * ${stylex.StyleXVar<"2px">})`;
            readonly content: string;
            readonly position: "absolute";
            readonly insetInline: number;
            readonly height: stylex.StyleXVar<"2px">;
            readonly borderRadius: stylex.StyleXVar<"9999px">;
            readonly backgroundColor: stylex.StyleXVar<"light-dark(#0064E0, #2694FE)">;
            readonly pointerEvents: "none";
            readonly zIndex: number;
        }>;
    }>;
    readonly dropAfter: Readonly<{
        readonly position: stylex.StyleXClassNameFor<"position", "relative">;
        readonly '::after': stylex.StyleXClassNameFor<"::after", {
            readonly insetBlockEnd: `calc(-1 * ${stylex.StyleXVar<"2px">})`;
            readonly content: string;
            readonly position: "absolute";
            readonly insetInline: number;
            readonly height: stylex.StyleXVar<"2px">;
            readonly borderRadius: stylex.StyleXVar<"9999px">;
            readonly backgroundColor: stylex.StyleXVar<"light-dark(#0064E0, #2694FE)">;
            readonly pointerEvents: "none";
            readonly zIndex: number;
        }>;
    }>;
    readonly handle: Readonly<{
        readonly cursor: stylex.StyleXClassNameFor<"cursor", "grab">;
        readonly touchAction: stylex.StyleXClassNameFor<"touchAction", "none">;
    }>;
    readonly handleActive: Readonly<{
        readonly cursor: stylex.StyleXClassNameFor<"cursor", "grabbing">;
        readonly touchAction: stylex.StyleXClassNameFor<"touchAction", "none">;
    }>;
}>;
//# sourceMappingURL=reorderStyles.d.ts.map