/**
 * MiddleTruncate — CSS-only middle truncation primitive.
 *
 * Truncates text from the middle, preserving the start and/or end portions.
 * Supports two strategies:
 *
 * - `strategy='chars'` — splits by individual characters, useful for hashes,
 *   UUIDs, commit SHAs, or any long identifier where you want to keep the
 *   first N and last M characters visible.
 *
 * - `strategy='segments'` — splits by a separator string (e.g. '/', '.', '-'),
 *   useful for file paths, domain names, or k8s resource names where segment
 *   boundaries are semantically meaningful.
 *
 * Uses CSS-only flex truncation: the `start` segment uses `flex-1 min-w-0 truncate`
 * so the browser truncates it automatically when the container is too narrow.
 * Zero JS measurement, zero ResizeObserver.
 *
 * @module @mks2508/mks-ui/react/ui/MiddleTruncate
 *
 * @example
 * ```tsx
 * // Hash truncation — preserve first 6 and last 4 chars
 * <MiddleTruncate strategy="chars" text="0xABCDEF1234567890" keepStart={6} keepEnd={4} />
 * // → 0xABCD…7890
 * ```
 *
 * @example
 * ```tsx
 * // File path — preserve filename + parent dir
 * <MiddleTruncate
 *   strategy="segments"
 *   separator="/"
 *   text="src/components/Terminal/primitives/ChromeShell.tsx"
 *   keepEnd={2}
 * />
 * // → src/…/ChromeShell.tsx
 * ```
 *
 * @example
 * ```tsx
 * // Domain — preserve root + TLD
 * <MiddleTruncate
 *   strategy="segments"
 *   separator="."
 *   text="api.production.eu-west.example.com"
 *   keepStart={1}
 *   keepEnd={2}
 * />
 * // → api.…example.com
 * ```
 *
 * @example
 * ```tsx
 * // With slot overrides for custom styling
 * <MiddleTruncate
 *   strategy="segments"
 *   separator="/"
 *   text={path}
 *   keepEnd={2}
 *   slots={{
 *     start: 'text-muted-foreground/60',
 *     ellipsis: 'text-muted-foreground/40 mx-0.5',
 *     end: 'font-semibold text-foreground',
 *   }}
 * />
 * ```
 */
import type { IMiddleTruncateProps } from './MiddleTruncate.types';
/**
 * Middle-truncates text, preserving start and/or end portions.
 *
 * @param props - See {@link IMiddleTruncateProps}
 */
export declare const MiddleTruncate: import("react").MemoExoticComponent<(props: IMiddleTruncateProps) => React.ReactElement>;
export { MiddleTruncateStyles, middleTruncateVariants, } from './MiddleTruncate.styles';
export type { TMiddleTruncateSlot } from './MiddleTruncate.styles';
export type { IMiddleTruncateProps } from './MiddleTruncate.types';
//# sourceMappingURL=index.d.ts.map