import type { FilterFn } from '@tanstack/react-table'; import type { TailwindBreakpoint } from './types'; /** Ascending breakpoint scale `hideAt` is expressed in. */ export declare const BREAKPOINT_ORDER: TailwindBreakpoint[]; /** * Generates Tailwind hide classes based on breakpoint configuration. * * @example * getHideClasses('md') // 'hidden md:flex' * getHideClasses(['md', 'lg']) // 'md:hidden lg:hidden xl:flex' */ export declare function getHideClasses(hideAt?: TailwindBreakpoint | TailwindBreakpoint[]): string; /** * The visibility `getHideClasses(hideAt)` actually produces, evaluated per * breakpoint: `[base, md, lg, xl, 2xl]`. * * The header needs to *know* this rather than emit it, because its cells carry a * second rule on top (only filterable columns show below `lg`) and the two cannot * be layered as classes — Tailwind orders `max-*` media queries BEFORE `min-*` * ones, so a `max-lg:` override loses to any `md:`/`lg:` class it is meant to * cancel. Combining the two rules here, on plain booleans, sidesteps that * entirely: the header emits one unambiguous min-width ladder. * * Must stay in step with `getHideClasses` — the body rows and the skeleton apply * those classes directly, and a disagreement is a header that shows a different * set of columns than the rows beneath it. */ export declare function getHideAtVisibility(hideAt?: TailwindBreakpoint | TailwindBreakpoint[]): boolean[]; /** Maps `meta.align` to flex justify classes. */ export declare function alignJustify(align?: 'left' | 'center' | 'right'): string; /** * Default `filterFn` for columns that use `meta.filter` with multi-select options. * Passes the row when the selected filter values contain the row's cell value. * * Use with `clientSideFiltering: true` on `useDataTable`. For server-side filtering * (Relay/REST), TanStack doesn't call `filterFn` at all — `manualFiltering` is on * and you translate `columnFilters` state into backend query variables yourself. * * @example * const columns: ColumnDef[] = [ * { * accessorKey: 'status', * header: 'Status', * filterFn: multiSelectFilterFn, * meta: { filter: { options: STATUS_OPTIONS } }, * }, * ] */ export declare const multiSelectFilterFn: FilterFn; //# sourceMappingURL=utils.d.ts.map