import { MaybeRefOrGetter } from 'vue';
/** The 8 named directions, mirroring the `.to-*` utilities in gradients.css. */
export type GradientDir = 'to-t' | 'to-b' | 'to-l' | 'to-r' | 'to-tl' | 'to-tr' | 'to-bl' | 'to-br';
/** `gradient` prop: boolean (auto from `color`) or a space-separated tone list,
 *  e.g. "purple" (2-stop with `color`) or "blue purple pink" (full control). */
export type GradientProp = boolean | string;
/** `gradient-dir` prop: a named direction, or an angle in degrees (number or
 *  numeric string). Undefined → CSS default (135deg). */
export type GradientDirProp = GradientDir | number | string;
interface UseGradientVariantArgs {
    /** The `gradient` prop value. */
    gradient: MaybeRefOrGetter<GradientProp | undefined>;
    /** The `gradient-dir` prop value. */
    gradientDir?: MaybeRefOrGetter<GradientDirProp | undefined>;
    /** The component's `color` prop — used as the first stop when present. */
    color?: MaybeRefOrGetter<string | undefined>;
}
/**
 * Shared logic for the `gradient` variant across Btn / Badge (and anything else).
 *
 * Stop resolution:
 *   - `color` (if set) is the first stop, followed by tones from `gradient`.
 *   - With no `color`, all stops come from `gradient`.
 *   - A single resolved stop (boolean `gradient`, or one tone) lets the CSS
 *     `.gradient` modifier auto-derive a darker second stop — so we inject
 *     nothing and rely on its `--bgl-grad-default-*` fallback.
 *
 * Returns the inline CSS custom properties to bind via `:style`. Named direction
 * / via / extra stops authored as gradients.css classes still compose on top.
 */
export declare function useGradientVariant({ gradient, gradientDir, color }: UseGradientVariantArgs): {
    isGradient: import('vue').ComputedRef<boolean>;
    gradientStyle: import('vue').ComputedRef<Record<string, string>>;
    stops: import('vue').ComputedRef<string[]>;
};
export {};
//# sourceMappingURL=useGradientVariant.d.ts.map