tiwi/build/esm/src/types.d.ts

React library to create components with Tailwind styles baked in.

import { ComponentProps, ComponentRef, ElementType, JSX, NamedExoticComponent, PropsWithoutRef, RefAttributes } from "react";
export interface TiwiProps {
    className?: string;
}
export type TiwiVariants<T extends string> = {
    [K in T]?: string;
};
type TiwiVariantsMap<T extends string> = {
    [K in T]?: boolean;
};
export type TiwiVariantsProp<T extends string> = TiwiVariantsMap<T> | ReadonlyArray<T | undefined> | T | false | null | undefined;
export type TiwiComponentProps<T extends string> = [T] extends [never] ? {} : {
    variants: TiwiVariantsProp<T>;
};
export type PropsWithoutVariants<P> = P extends any ? "variants" extends keyof P ? Omit<P, "variants"> : P : P;
export declare const tiwiComponentSymbol: unique symbol;
export interface TiwiExoticComponent<TProps extends object, TRef, TVariant extends string> extends NamedExoticComponent<PropsWithoutRef<PropsWithoutVariants<TProps> & TiwiComponentProps<TVariant>> & RefAttributes<TRef>> {
    [tiwiComponentSymbol]: true;
}
export type VariantsOf<T extends TiwiExoticComponent<any, any, any>> = T extends TiwiExoticComponent<any, any, infer TVariants> ? TVariants : never;
export interface TiwiBuilder<TProps extends object, TRef, TVariant extends string = never> {
    <T extends string = never>(classNames: TemplateStringsArray, ...variantDefinitions: TiwiVariants<T>[]): TiwiExoticComponent<TProps, TRef, T | TVariant>;
}
export type ElementWithTiwiProps<E> = E extends ElementType<infer Props> ? keyof Props extends never ? never : Props extends TiwiProps ? E : never : never;
export interface TiwiFunction {
    <E extends ElementType>(Element: ElementWithTiwiProps<E>): TiwiBuilder<ComponentProps<E>, ComponentRef<E>, E extends TiwiExoticComponent<any, any, infer T> ? T : never>;
}
export type IntrinsicElementsBuilderMap = {
    [K in keyof JSX.IntrinsicElements]: TiwiBuilder<JSX.IntrinsicElements[K], ComponentRef<K>>;
};
export interface Tiwi extends TiwiFunction, IntrinsicElementsBuilderMap {
}
export {};