import * as React from 'react';
import { type HTMLMotionProps } from 'motion/react';
type AnyProps = Record<string, unknown>;
type DOMMotionProps<T extends HTMLElement = HTMLElement> = Omit<HTMLMotionProps<keyof HTMLElementTagNameMap>, 'ref'> & {
    ref?: React.Ref<T>;
};
type WithAsChild<Base extends object> = (Base & {
    asChild: true;
    children: React.ReactElement;
}) | (Base & {
    asChild?: false | undefined;
});
/**
 * Props for the Slot component.
 *
 * @example
 * ```tsx
 * <Slot asChild>
 *   <button>Click me</button>
 * </Slot>
 * ```
 */
export interface ISlotProps<T extends HTMLElement = HTMLElement> extends DOMMotionProps<T> {
    /** Child element to render with motion enhancements. */
    children?: any;
}
type SlotProps<T extends HTMLElement = HTMLElement> = ISlotProps<T>;
/**
 * Slot component - Motion-enhanced composition primitive.
 *
 * Wraps a child element with motion capabilities using the asChild pattern.
 * When the child is already a motion component, it's used directly.
 * Otherwise, a motion wrapper is created with the child's element type.
 *
 * @param children - Child element to render with motion enhancements
 * @param ref - Ref to the merged element
 *
 * @example
 * ```tsx
 * // Basic usage
 * <Slot asChild>
 *   <button>Click me</button>
 * </Slot>
 *
 * // With motion props
 * <Slot asChild>
 *   <button onClick={handleClick}>Hover me</button>
 * </Slot>
 * ```
 */
export declare function Slot<T extends HTMLElement = HTMLElement>({ children, ref, ...props }: SlotProps<T>): import("react/jsx-runtime").JSX.Element | null;
export type { WithAsChild, DOMMotionProps, AnyProps };
//# sourceMappingURL=index.d.ts.map