import React from 'react';
import { Theme } from '../theme';
export type DeepPartial<T> = {
    [P in keyof T]?: DeepPartial<T[P]>;
};
export type SizeValue = 'auto' | '100%' | 'fit-content' | `${number}px` | number;
export type BaseComponentProps = {
    theme?: DeepPartial<Theme>;
};
export type ComponentProps<K extends keyof JSX.IntrinsicElements | React.JSXElementConstructor<any>> = BaseComponentProps & React.ComponentProps<K>;
export type Trigger = 'click' | 'hover' | 'contextmenu' | Array<'click' | 'hover' | 'contextmenu'>;
export type Placement = 'top-start' | 'top-left' | 'top-center' | 'top-right' | 'top-end' | 'right-start' | 'right-top' | 'right-center' | 'right-bottom' | 'right-end' | 'bottom-start' | 'bottom-left' | 'bottom-center' | 'bottom-right' | 'bottom-end' | 'left-start' | 'left-top' | 'left-center' | 'left-bottom' | 'left-end';