/**
 * Adds one or more class names to the class list of the given element.
 *
 * @param el - The element to which the class names will be added.
 * @param classNames - The class names to be added.
 */
export declare function addClassName(el: Element, ...classNames: string[]): void;
/**
 * Removes one or more class names from the class list of the given element.
 *
 * @param el - The element from which the class name will be removed.
 * @param classNames - The class names to be removed.
 */
export declare function removeClassName(el: Element, ...classNames: string[]): void;
/**
 * @description add element style attribute for example:
 * addStyles(document.body, { color: 'ff0' })
 * @param { Element } el
 * @param el
 * @param styles
 */
export declare function addStyles(el: HTMLElement, styles: Record<string, unknown>): void;
/**
 * @description remove element style attribute
 * @param { Element } el
 * @param { String | String[] } styles
 **/
export declare function removeStyles(el: HTMLElement, styles: string | string[]): void;
/**
 * @description get element style attribute value
 * @param { Element } el
 * @param { String | null } styles
 * @returns { String | null }
 */
export declare function getStyles(el: HTMLElement, styles: string): string | null;
/**
 * Generates a string of class names from the provided arguments.
 *
 * @param params - The arguments can be a mix of strings, numbers, booleans, arrays of strings, or objects.
 * Strings, numbers, and truthy booleans are added directly to the class names.
 * Arrays are flattened and their string elements are added to the class names.
 * Objects are treated as {className: condition} pairs; class names with truthy conditions are added.
 *
 * @returns A string of class names separated by spaces.
 */
export declare function classNames(...params: (string | boolean | number | string[] | Record<string, any>)[]): string;
/**
 * Retrieves the padding values of an HTML element.
 *
 * @param el - The HTML element for which to get the padding.
 * @returns An object containing the left, right, top, and bottom padding values of the element.
 */
export declare const getPadding: (el: HTMLElement) => {
    left: number;
    right: number;
    top: number;
    bottom: number;
};
/**
 * Checks if a given HTML element is hidden.
 *
 * @param el - The HTML element to be checked.
 * @returns Returns true if the element is hidden, otherwise false.
 */
export declare const isHidden: (el: HTMLElement) => boolean;