@kitn.ai/ui/dist/components/loader.d.ts

Framework-agnostic, Shadow-DOM web components for building AI chat interfaces — works in React, Vue, Angular, Svelte, or plain HTML. Authored in SolidJS.

export type LoaderVariant = 'circular' | 'classic' | 'pulse' | 'pulse-dot' | 'dots' | 'typing' | 'wave' | 'bars' | 'terminal' | 'text-blink' | 'text-shimmer' | 'loading-dots';
export type LoaderSize = 'sm' | 'md' | 'lg';
export interface LoaderProps {
    variant?: LoaderVariant;
    size?: LoaderSize;
    text?: string;
    class?: string;
}
export declare function CircularLoader(props: {
    class?: string;
    size?: LoaderSize;
}): import("solid-js").JSX.Element;
export declare function ClassicLoader(props: {
    class?: string;
    size?: LoaderSize;
}): import("solid-js").JSX.Element;
export declare function PulseLoader(props: {
    class?: string;
    size?: LoaderSize;
}): import("solid-js").JSX.Element;
export declare function PulseDotLoader(props: {
    class?: string;
    size?: LoaderSize;
}): import("solid-js").JSX.Element;
export declare function DotsLoader(props: {
    class?: string;
    size?: LoaderSize;
}): import("solid-js").JSX.Element;
export declare function TypingLoader(props: {
    class?: string;
    size?: LoaderSize;
}): import("solid-js").JSX.Element;
export declare function WaveLoader(props: {
    class?: string;
    size?: LoaderSize;
}): import("solid-js").JSX.Element;
export declare function BarsLoader(props: {
    class?: string;
    size?: LoaderSize;
}): import("solid-js").JSX.Element;
export declare function TerminalLoader(props: {
    class?: string;
    size?: LoaderSize;
}): import("solid-js").JSX.Element;
export declare function TextBlinkLoader(props: {
    text?: string;
    class?: string;
    size?: LoaderSize;
}): import("solid-js").JSX.Element;
export declare function TextShimmerLoader(props: {
    text?: string;
    class?: string;
    size?: LoaderSize;
}): import("solid-js").JSX.Element;
export declare function TextDotsLoader(props: {
    text?: string;
    class?: string;
    size?: LoaderSize;
}): import("solid-js").JSX.Element;
export declare function Loader(props: LoaderProps): import("solid-js").JSX.Element;