/**
 * TWD Theme Configuration
 *
 * This file defines CSS variables that can be customized by users
 * to personalize their TWD UI experience.
 *
 * Users can override these variables by setting them in their CSS:
 *
 * ```css
 * :root {
 *   --twd-primary: #2563eb;
 *   --twd-background: #1e293b;
 *    ... other variables
 * }
 *
 */
export interface TWDTheme {
    primary: string;
    background: string;
    backgroundSecondary: string;
    border: string;
    borderLight: string;
    text: string;
    textSecondary: string;
    textMuted: string;
    describeBg: string;
    describeText: string;
    describeBorder: string;
    success: string;
    successBg: string;
    error: string;
    errorBg: string;
    warning: string;
    warningBg: string;
    skip: string;
    skipBg: string;
    buttonPrimary: string;
    buttonPrimaryText: string;
    buttonSecondary: string;
    buttonSecondaryText: string;
    buttonBorder: string;
    spacingXs: string;
    spacingSm: string;
    spacingMd: string;
    spacingLg: string;
    spacingXl: string;
    fontSizeXs: string;
    fontSizeSm: string;
    fontSizeMd: string;
    fontSizeLg: string;
    fontWeightNormal: string;
    fontWeightMedium: string;
    fontWeightBold: string;
    sidebarWidth: string;
    borderRadius: string;
    borderRadiusLg: string;
    shadow: string;
    shadowSm: string;
    zIndexSidebar: string;
    zIndexSticky: string;
    animationDuration: string;
    iconColor: string;
    iconColorSecondary: string;
}
export declare const defaultTheme: TWDTheme;
/**
 * Converts theme object to CSS variables string
 */
export declare function themeToCSSVariables(theme?: Partial<TWDTheme>): string;
/**
 * Injects theme CSS variables into the document
 * This should be called once when the sidebar is initialized
 */
export declare function injectTheme(theme?: Partial<TWDTheme>): void;