import * as React from "react";
import { type VariantProps } from "class-variance-authority";
declare const progressBlockVariants: (props?: ({
    variant?: "error" | "default" | "success" | "warning" | "neutral" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export interface EnhancedProgressProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "style">, VariantProps<typeof progressBlockVariants> {
    /**
     * Progress value (0 to max)
     */
    value: number;
    /**
     * Maximum value
     * @default 100
     */
    max?: number;
    /**
     * Progress style/appearance
     * - `dash`: Block-based segmented style (default)
     * - `solid`: Smooth continuous bar style
     * @default "dash"
     */
    style?: "dash" | "solid";
    /**
     * Number of blocks to display (optional - auto-calculated if not provided)
     * Only applies when style="dash"
     */
    blocks?: number;
    /**
     * Show tooltip on hover showing progress percentage
     * @default false
     */
    showTooltip?: boolean;
    /**
     * Enable hover opacity effect on blocks
     * Only applies when style="dash"
     * @default false
     */
    hoverEffect?: boolean;
    /**
     * Show animation transition when value changes
     * @default false
     */
    showAnimation?: boolean;
    /**
     * Optional label text to display next to progress bar
     * Only applies when style="solid"
     */
    label?: string;
    /**
     * Height override (Tailwind class or CSS value)
     * @default "h-8" for dash, "h-2" for solid
     */
    height?: string;
}
/**
 * Enhanced Progress component with block-based segmented design or solid bar style
 *
 * Supports two styles:
 * - `dash`: Displays progress as discrete colored blocks, similar to GitHub's contribution graph.
 *   Supports auto-calculated block count based on container width, or manual block count override.
 * - `solid`: Displays progress as a smooth continuous bar with rounded corners.
 *
 * @example
 * ```tsx
 * // Dash style (default)
 * <EnhancedProgress value={75} variant="success" />
 * <EnhancedProgress value={50} blocks={100} height="h-12" />
 *
 * // Solid style
 * <EnhancedProgress value={75} variant="success" style="solid" />
 * <EnhancedProgress value={75} variant="success" style="solid" label="75%" showAnimation />
 * ```
 */
declare const EnhancedProgress: React.ForwardRefExoticComponent<EnhancedProgressProps & React.RefAttributes<HTMLDivElement>>;
export { EnhancedProgress };
//# sourceMappingURL=enhanced-progress.d.ts.map