/**
 * DynamicToggle style slots + CVA variants.
 *
 * Layout via Tailwind. State animations via CSS file (`:has()`, `clip-path`).
 * Shape propagated to indicators via `--dt-radius` CSS variable.
 *
 * @module @mks2508/mks-ui/react/ui/DynamicToggle
 */
import { type VariantProps } from 'class-variance-authority';
import type { StyleSlots } from '../../../core/types';
/** Slot names for DynamicToggle */
export type DynamicToggleSlot = 'root' | 'track' | 'option' | 'indicator' | 'group' | 'groupIndicator' | 'groupLabel';
/**
 * Default styles for each DynamicToggle slot.
 *
 * Width is set by size variants — required because indicator uses `width: 50%`
 * and clip-path uses container query units. Override: `slots={{ root: 'w-80' }}`.
 */
export declare const dynamicToggleStyles: StyleSlots<DynamicToggleSlot>;
/**
 * CVA variants for DynamicToggle root.
 *
 * @example
 * ```tsx
 * <DynamicToggle size="sm" variant="outline" shape="rounded">
 * ```
 */
export declare const dynamicToggleVariants: (props?: ({
    variant?: "muted" | "default" | "outline" | "ghost" | null | undefined;
    size?: "default" | "sm" | "lg" | null | undefined;
    shape?: "square" | "pill" | "rounded" | null | undefined;
    morph?: "filter" | "path" | "none" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
/** Variant props extracted from CVA */
export type DynamicToggleVariantProps = VariantProps<typeof dynamicToggleVariants>;
//# sourceMappingURL=DynamicToggle.styles.d.ts.map