/**
 * SButton 색상/사이즈 설정 — sd-button(component.button 토큰) 충실 포팅.
 * Stencil `name`(예: primary_sm)의 preset을 color + outline(boolean) + size 로 분리.
 *  - primary / danger : solid·outline 모두 지원
 *  - secondary        : solid 전용 (outline 스타일 없음 → outline 무시)
 *  - neutral          : 흰 배경 고정, outline 은 회색 테두리만 추가(solid = 테두리 없는 흰 버튼)
 * 색상은 theme.css의 `--cmp-button-*` CSS 변수를 참조한다.
 */
export declare const BUTTON_COLORS: readonly ["primary", "secondary", "neutral", "danger"];
export declare const BUTTON_SIZES: readonly ["xs", "sm", "md", "lg"];
export type SButtonColor = (typeof BUTTON_COLORS)[number];
export type SButtonSize = (typeof BUTTON_SIZES)[number];
interface PresetColors {
    bg: string;
    bgHover: string;
    text: string;
    icon: string;
    border: string;
}
/**
 * (color, outline) → 색상 프리셋.
 * secondary 는 outline 을 지원하지 않으므로 outline 인자를 무시하고 항상 solid 를 돌려준다.
 */
export declare function buttonPreset(color: SButtonColor, outline: boolean): PresetColors;
export declare const BUTTON_SIZE_CONFIG: Record<SButtonSize, {
    height: string;
    paddingX: string;
    gap: string;
    iconSize: number;
    fontSize: number;
    fontWeight: number;
    radius: string;
    minWidth: number;
}>;
export declare const BUTTON_FOCUS_RING = "var(--sys-color-border-accent)";
export declare const BUTTON_DISABLED_BG = "var(--cmp-button-bg-disabled, #E1E1E1)";
export declare const BUTTON_DISABLED_BORDER = "var(--cmp-button-border-disabled, #CCCCCC)";
export declare const BUTTON_DISABLED_TEXT = "var(--cmp-button-text-disabled, #888888)";
export declare const BUTTON_DISABLED_ICON = "var(--cmp-button-icon-disabled, #BBBBBB)";
export {};