use-vibes
Version:
Transform any DOM element into an AI-powered micro-app
56 lines (55 loc) • 1.62 kB
TypeScript
/**
* Utility functions for managing component styling
*/
/**
* Combines multiple class names into a single string, filtering out falsy values
* Also adds backward compatibility class names for testing and legacy support
*
* @example
* // Returns "foo bar baz"
* combineClasses('foo', 'bar', 'baz')
*
* @example
* // Returns "btn btn-primary"
* combineClasses('btn', condition && 'btn-primary', false && 'btn-large')
*
* @example
* // Returns "imggen-root img-gen-container" (with legacy class name)
* combineClasses('imggen-root', classes.root)
*/
export declare function combineClasses(...classes: (string | boolean | null | undefined)[]): string;
/**
* Type definitions for component classes props pattern
*/
export interface ImgGenClasses {
/** Root container class */
root?: string;
/** Image container class */
container?: string;
/** Image element class */
image?: string;
/** Overlay panel class */
overlay?: string;
/** Progress indicator class */
progress?: string;
/** Placeholder element class */
placeholder?: string;
/** Error container class */
error?: string;
/** Control buttons container class */
controls?: string;
/** Button class */
button?: string;
/** Prompt container class */
prompt?: string;
/** Delete confirmation overlay class */
deleteOverlay?: string;
/** Drop zone class for file uploads */
dropZone?: string;
/** Upload waiting container class */
uploadWaiting?: string;
}
/**
* Default empty classes object
*/
export declare const defaultClasses: ImgGenClasses;