import * as React from 'react';
import * as SliderPrimitive from '@radix-ui/react-slider';
import { type VariantProps } from 'class-variance-authority';
/**
 * Slider — 數值範圍選取器
 *
 * 基於 Radix Slider primitive,橋接設計系統 token。詳細設計原則見 `slider.spec.md`。
 *
 * ── 核心設計 ──
 * 1. **視覺單一**:track 厚度、thumb 直徑、thumb 邊框都是固定值,不隨 `size` 變
 * 2. **`size` 只控容器外高**:對齊 Field family 的 `h-field-*` tier,讓 Slider 能跟
 *    Input / NumberInput / Select 在 Field 內並排對齊
 * 3. **Range mode 免費**:Radix 原生支援 `value: number[]`,傳多值自動多 thumb
 * 4. **Hover / active 用 elevation 陰影**:不用色變,避免暗示「這是 button」
 */
declare const sliderRootVariants: (props?: ({
    size?: "sm" | "md" | "lg" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export interface SliderProps extends Omit<React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>, 'children'>, VariantProps<typeof sliderRootVariants> {
}
declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLSpanElement>>;
export declare const sliderMeta: {
    readonly component: "Slider";
    readonly family: 4;
    readonly variants: {};
    readonly sizes: {
        readonly sm: {
            readonly fieldHeight: 28;
            readonly when: "Toolbar / inline 編輯";
        };
        readonly md: {
            readonly fieldHeight: 32;
            readonly when: "預設 — Form / cell inline edit";
        };
        readonly lg: {
            readonly fieldHeight: 36;
            readonly when: "Marketing / 高 touch 區";
        };
    };
    readonly states: readonly ["default", "hover", "active", "focus-visible", "disabled"];
    readonly tokens: {
        readonly bg: readonly ["bg-muted", "bg-primary", "bg-secondary", "bg-surface"];
        readonly fg: readonly [];
        readonly ring: readonly [];
    };
};
export { Slider, sliderRootVariants };
//# sourceMappingURL=slider.d.ts.map