import * as React from 'react';
import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
import type { LucideIcon } from 'lucide-react';
/**
 * Chip — Material Design Filter Chip
 *
 * 基於 Radix ToggleGroup，橋接設計系統 token。
 * 必須在 <ChipGroup> 內使用。
 *
 * ── 內部結構（鏡射 Button）──
 *   [startIcon?] [<span px-1>label</span>] [<span gap-1>badge? + endIcon?</span>]
 *
 * ── Size ──
 *   單一 size = h-field-sm（28/32 density-aware）
 *   對齊 Material 3 / Atlassian / Polaris 世界級共識
 *
 * ── State ──
 *   default   bg-surface border-border text-fg-secondary
 *   hover     border-border-hover text-foreground（對齊 Input / SegmentedControl）
 *   selected  bg-surface（不變） border-primary-hover text-primary-hover
 *   disabled  cursor-not-allowed text-fg-disabled
 *
 * ── 詳見 chip.spec.md ──
 */
declare const chipVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
export interface ChipProps extends React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item> {
    /** 左側 icon（LucideIcon），最多一個 */
    startIcon?: LucideIcon;
    /** 右側 badge（通常是計數指示器）*/
    badge?: React.ReactNode;
    /** 右側 icon（少見，通常是 ChevronDown 指示可展開）*/
    endIcon?: LucideIcon;
}
declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLButtonElement>>;
export type ChipGroupLayout = 'wrap' | 'scroll' | 'menu';
export type ChipGroupProps = React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> & {
    /** Overflow 處理模式。預設 `wrap`（塞不下換行）。詳見 chip.spec.md */
    layout?: ChipGroupLayout;
};
declare const ChipGroup: React.ForwardRefExoticComponent<ChipGroupProps & React.RefAttributes<HTMLDivElement>>;
export declare const chipMeta: {
    readonly component: "Chip";
    readonly family: 3;
    readonly variants: {};
    readonly sizes: {};
    readonly states: readonly ["default", "hover", "active", "focus-visible", "disabled"];
    readonly tokens: {
        readonly bg: readonly ["bg-surface"];
        readonly fg: readonly ["text-fg-disabled", "text-fg-secondary", "text-foreground"];
        readonly ring: readonly ["ring-ring"];
    };
};
export { Chip, ChipGroup, chipVariants };
//# sourceMappingURL=chip.d.ts.map