/**
 * Shared Style Utilities
 *
 * Common style patterns used across multiple components to reduce duplication
 */
import * as stylex from '@stylexjs/stylex';
/**
 * Shared focus-visible styles for keyboard navigation
 * Used across 15+ components for consistent focus indication
 */
export declare const focusVisibleStyles: Readonly<{
    readonly focusVisible: Readonly<{
        readonly ':focus': stylex.StyleXClassNameFor<":focus", {
            readonly outline: "none";
        }>;
        readonly ':focus-visible': stylex.StyleXClassNameFor<":focus-visible", {
            readonly outline: `2px solid ${stylex.StyleXVar<string>}`;
            readonly outlineOffset: "2px";
        }>;
    }>;
}>;
/**
 * Button reset styles - removes default browser button styling
 */
export declare const buttonResetStyles: Readonly<{
    readonly reset: Readonly<{
        readonly border: stylex.StyleXClassNameFor<"border", "none">;
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "transparent">;
        readonly padding: stylex.StyleXClassNameFor<"padding", 0>;
        readonly margin: stylex.StyleXClassNameFor<"margin", 0>;
        readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", "inherit">;
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "inherit">;
        readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "inherit">;
        readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
        readonly ':focus': stylex.StyleXClassNameFor<":focus", {
            readonly outline: "none";
        }>;
        readonly ':focus-visible': stylex.StyleXClassNameFor<":focus-visible", {
            readonly outline: `2px solid ${stylex.StyleXVar<string>}`;
            readonly outlineOffset: "2px";
        }>;
    }>;
}>;