import { VariantProps } from 'class-variance-authority'; import { ComponentProps, ReactElement } from 'react'; import { FilterOperator, FilterSelectOption, FilterTypes } from '~/types/filters'; import { type DatePickerProps } from '../calendar'; import { BaseSelectProps } from '../select/select-root'; declare const chip: (props?: ({ variant?: "text" | "default" | null | undefined; } & import("class-variance-authority/types").ClassProp) | undefined) => string; export type FilterChipValue = string | string[] | number | Date; /** * Subset of `DatePickerProps` that consumers may forward to the chip's * built-in DatePicker via `calendarProps`. `value`/`onSelect`/`defaultValue` * are owned by `FilterChip`; `children` would replace the input trigger and * break the chip layout. */ export type FilterChipCalendarProps = Omit; export interface FilterChipProps extends ComponentProps<'div'>, VariantProps { label: string; value?: FilterChipValue; onRemove?: () => void; columnType?: FilterTypes; options?: FilterSelectOption[]; onValueChange?: (value: FilterChipValue, operation: string) => void; onOperationChange?: (operation: string) => void; leadingIcon?: ReactElement; operations?: FilterOperator[]; selectProps?: BaseSelectProps; /** * Props forwarded to the underlying `DatePicker` for `columnType="date"`. * `value`/`onSelect`/`defaultValue` are owned by `FilterChip` and excluded; * `children` is excluded so the chip's input trigger isn't replaced. */ calendarProps?: FilterChipCalendarProps; } /** * A compact, removable filter pill that pairs a label and operator with a * value control chosen by `columnType`: a `Select` (`select`/`multiselect`), * a `DatePicker` (`date`), or a text `Input` (`string`/`number`). The value * control sizes to its content so the chip hugs the active filter. Emits * `onValueChange`/`onOperationChange` and renders a remove button when * `onRemove` is provided. */ export declare const FilterChip: { ({ label, value, onRemove, className, ref, columnType, options, onValueChange, onOperationChange, leadingIcon, variant, operations, selectProps, calendarProps, ...props }: FilterChipProps): import("react/jsx-runtime").JSX.Element; displayName: string; }; export {}; //# sourceMappingURL=filter-chip.d.ts.map