/**
 * Styles for MiddleTruncate.
 *
 * @module @mks2508/mks-ui/react/ui/MiddleTruncate
 */
import type { StyleSlots } from '../../../core/types';
/**
 * Visual regions of the MiddleTruncate component.
 *
 * | Slot | Region |
 * |------|--------|
 * | `root` | Container `<span>` wrapping start + ellipsis + end segments |
 * | `start` | Truncatable leading portion (collapses when narrow) |
 * | `ellipsis` | Ellipsis character(s) between start and end |
 * | `end` | Fixed trailing portion (always visible) |
 */
export type TMiddleTruncateSlot = 'root' | 'start' | 'ellipsis' | 'end';
/**
 * Default Tailwind classes for each MiddleTruncate slot.
 *
 * Uses CSS-only flex truncation — `start` segment has `min-w-0 flex-1 truncate`
 * so the browser truncates it automatically when the container is too narrow.
 * No JS measurement, no ResizeObserver.
 */
export declare const MiddleTruncateStyles: StyleSlots<TMiddleTruncateSlot>;
/** CVA variants for the MiddleTruncate root. */
export declare const middleTruncateVariants: (props?: ({} & import("class-variance-authority/types").ClassProp) | undefined) => string;
/** Tailwind classes used when text is short enough to skip splitting. */
export declare const MiddleTruncateShortRootStyles: "truncate";
//# sourceMappingURL=MiddleTruncate.styles.d.ts.map