import type { ButtonType, ComponentSize, LinkTarget, RoundedSize, ThemeColor } from '../../types';
export declare const BUTTON_VARIANTS: readonly ["solid", "flat", "bordered", "outline", "ghost", "text", "frost"];
/** Visual variant for ore-button — derived from BUTTON_VARIANTS for a single source of truth. */
export type ButtonVariant = (typeof BUTTON_VARIANTS)[number];
/** Animated border effect for ore-button. */
export type ButtonEffect = 'shine' | 'rainbow';
/** Button component properties */
export type OreButtonProps = {
    /** Theme color */
    color?: ThemeColor;
    /** Disable interaction */
    disabled?: boolean;
    /** Animated border effect: 'shine' (color-aware neon sweep) or 'rainbow' */
    effect?: ButtonEffect;
    /**
     * Full height button (100% of container) — the inner `[part="button"]` fills its host's
     * height instead of the size preset's fixed height. Useful when the button itself is the
     * whole tappable surface of a container it doesn't otherwise control the size of (e.g. a
     * swipe-revealed row action in `ore-list-item`'s `actions-left`/`actions-right` slots).
     */
    fullheight?: boolean;
    /** Full width button (100% of container) */
    fullwidth?: boolean;
    /** When set, renders an `<a>` instead of `<button>` */
    href?: string;
    /** Icon-only mode (square aspect ratio, no padding) */
    iconOnly?: boolean;
    /** Accessible label for the inner button — required for icon-only buttons */
    label?: string;
    /** Show loading state with spinner */
    loading?: boolean;
    /** Link rel attribute (requires href) */
    rel?: string;
    /** Border radius size */
    rounded?: RoundedSize;
    /** Component size */
    size?: ComponentSize;
    /** Link target (requires href) */
    target?: LinkTarget;
    /** HTML button type attribute */
    type?: ButtonType;
    /** Visual style variant */
    variant?: ButtonVariant;
};
/**
 * A customizable button component with multiple variants, sizes, and states.
 * Supports icons, loading states, and animated border effects.
 *
 * @element ore-button
 *
 * @attr {string} type - HTML button type: 'button' | 'submit' | 'reset'
 * @attr {boolean} disabled - Disable button interaction
 * @attr {boolean} loading - Show loading state with spinner
 * @attr {string} color - Theme color: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'
 * @attr {string} variant - Visual variant: 'solid' | 'flat' | 'bordered' | 'outline' | 'ghost' | 'text' | 'frost'
 * @attr {string} size - Button size: 'sm' | 'md' | 'lg'
 * @attr {string} rounded - Border radius: 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full'
 * @attr {string} effect - Animated border effect: 'shine' | 'rainbow'
 * @attr {boolean} icon-only - Icon-only mode (square aspect ratio, no padding)
 * @attr {boolean} fullwidth - Full width button (100% of container)
 * @attr {boolean} fullheight - Full height button (100% of container)
 *
 * @fires click - Emitted when button is clicked (unless disabled/loading)
 *
 * @slot - Button content (text, icons, etc.)
 * @slot prefix - Content before the button text (e.g., icons)
 * @slot suffix - Content after the button text (e.g., icons, badges)
 *
 * @part button - The inner button or anchor element
 * @part loader - The loading spinner element
 * @part content - The button content wrapper
 *
 * @cssprop --button-bg - Background color override
 * @cssprop --button-color - Text color override
 * @cssprop --button-border - Border width override
 * @cssprop --button-border-color - Border color override
 * @cssprop --button-radius - Border radius override
 * @cssprop --button-padding - Inner padding override
 * @cssprop --button-gap - Gap between icon and text override
 * @cssprop --button-font-size - Font size override
 * @cssprop --button-frost-active-bg - Background when pressed (frost variant)
 * @cssprop --button-frost-active-border-color - Border color when pressed (frost variant)
 *
 * @example
 * ```html
 * <ore-button variant="solid" color="primary">Click me</ore-button>
 * <ore-button loading color="success">Processing...</ore-button>
 * <ore-button effect="shine" color="primary">Shine</ore-button>
 * <ore-button effect="rainbow" variant="frost">Rainbow</ore-button>
 * ```
 */
export declare const BUTTON_TAG: "ore-button";
//# sourceMappingURL=button.d.ts.map