/**
 * Styles for FileItem.
 *
 * @module @mks2508/mks-ui/react/ui/FileItem
 */
import type { StyleSlots } from '../../../core/types';
/** Visual regions of the FileItem component. */
export type FileItemSlot = 'root' | 'icon' | 'path' | 'modifiedChip' | 'boost' | 'gitStatus';
/**
 * Tailwind utility classes per git change status. All values resolve to
 * theme design tokens (CSS variables) so the dot colours adapt across
 * light/dark and custom themes without hardcoded hex.
 *
 * Consumers can override via `slots.gitStatus` when a view needs a
 * different palette (e.g. VSCode-style gutter).
 */
export declare const FileItemGitStatusClasses: {
    readonly modified: "bg-primary";
    readonly added: "bg-accent-foreground";
    readonly deleted: "bg-destructive";
    readonly untracked: "bg-ring";
    readonly renamed: "bg-secondary-foreground";
};
/**
 * Default Tailwind classes for each FileItem slot.
 *
 * | Slot | Region |
 * |------|--------|
 * | `root` | Row container |
 * | `icon` | Leading file/folder icon |
 * | `path` | Middle-truncated path |
 * | `modifiedChip` | Trailing "Xh ago" chip |
 * | `boost` | Trailing boost (⭐) glyph |
 * | `gitStatus` | Leading git change-status dot (only rendered when `changeStatus` is set to a non-null value) |
 */
export declare const FileItemStyles: StyleSlots<FileItemSlot>;
/**
 * CVA variants for the FileItem root.
 *
 * Density variants:
 * - `compact` — 28px row (h-7), smaller icon
 * - `comfortable` — 32px row (h-8), default icon size
 */
export declare const fileItemVariants: (props?: ({
    density?: "compact" | "comfortable" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
//# sourceMappingURL=FileItem.styles.d.ts.map