import { type ClassValue } from 'clsx'; import React, { ElementType } from 'react'; export declare const cn: (...inputs: ClassValue[]) => string; type Breakpoint = '@initial' | '@sm' | '@md' | '@lg' | '@xl'; export declare const Theme: ({ children, theme }: React.PropsWithChildren<{ theme?: Record; }>) => React.JSX.Element; export declare const createTheme: (config: Record>) => { [k: string]: string; }; type ResponsiveVariant = V | Partial>; type Keys = keyof V; type StringKeys = Extract, string>; type NumberKeys = Extract, number>; type BooleanKeys = Extract, 'true' | 'false'>; type HasBoolLikeKeys = BooleanKeys extends never ? Extract, 'true' | 'false'> extends never ? false : true : true; type VariantValueType = HasBoolLikeKeys extends true ? boolean : [NumberKeys] extends [never] ? StringKeys : NumberKeys | `${NumberKeys}`; type VariantConfig = Record>; type VariantProps = V extends VariantConfig ? R extends true ? { [K in keyof V]?: ResponsiveVariant>; } : { [K in keyof V]?: VariantValueType; } : unknown; type StyledConfig = { base?: string | string[]; variants?: V; compoundVariants?: Array<{ class?: string | string[]; } & (V extends VariantConfig ? { [K in keyof V]?: VariantValueType | VariantValueType[]; } : Record)>; defaultVariants?: V extends VariantConfig ? { [K in keyof V]?: VariantValueType; } : Record; }; export declare function styled(el: TElement, styles: StyledConfig, options: { enabledResponsiveVariants: true; }): React.ForwardRefExoticComponent, keyof V> & VariantProps & { as?: ElementType; }>; export declare function styled(el: TElement, styles: StyledConfig): React.ForwardRefExoticComponent, V extends VariantConfig ? keyof V : never> & VariantProps & { as?: ElementType; }>; export {};