import { ThemeTokens } from '../../utils/index.ts'; import { Ref } from 'vue'; export interface UseThemeOptions { tokens?: Partial; dark?: boolean; } export declare function useTheme(options?: UseThemeOptions): { overrides: Ref<{ colorPrimary?: string | undefined; colorSuccess?: string | undefined; colorWarning?: string | undefined; colorDanger?: string | undefined; colorInfo?: string | undefined; colorFill1?: string | undefined; colorFill2?: string | undefined; colorFill3?: string | undefined; colorFill4?: string | undefined; colorFill5?: string | undefined; colorFill6?: string | undefined; colorFill7?: string | undefined; colorFill8?: string | undefined; colorFill9?: string | undefined; colorFill10?: string | undefined; colorText1?: string | undefined; colorText2?: string | undefined; colorText3?: string | undefined; colorBg1?: string | undefined; colorBg2?: string | undefined; colorBg3?: string | undefined; colorBg4?: string | undefined; shadow1?: string | undefined; shadow2?: string | undefined; shadow3?: string | undefined; sizeTiny?: string | undefined; sizeMini?: string | undefined; sizeSmall?: string | undefined; sizeMedium?: string | undefined; sizeLarge?: string | undefined; fontSizeMini?: string | undefined; fontSizeSmall?: string | undefined; fontSizeMedium?: string | undefined; fontSizeLarge?: string | undefined; fontSizeLarger?: string | undefined; lineHeightMini?: string | undefined; lineHeightSmall?: string | undefined; lineHeightMedium?: string | undefined; lineHeightLarge?: string | undefined; lineHeightLarger?: string | undefined; radiusMini?: string | undefined; radiusSmall?: string | undefined; radiusMedium?: string | undefined; radiusLarge?: string | undefined; radiusLarger?: string | undefined; radiusRound?: string | undefined; radiusCircle?: string | undefined; bezier1?: string | undefined; bezierIn?: string | undefined; bezierOut?: string | undefined; }, Partial | { colorPrimary?: string | undefined; colorSuccess?: string | undefined; colorWarning?: string | undefined; colorDanger?: string | undefined; colorInfo?: string | undefined; colorFill1?: string | undefined; colorFill2?: string | undefined; colorFill3?: string | undefined; colorFill4?: string | undefined; colorFill5?: string | undefined; colorFill6?: string | undefined; colorFill7?: string | undefined; colorFill8?: string | undefined; colorFill9?: string | undefined; colorFill10?: string | undefined; colorText1?: string | undefined; colorText2?: string | undefined; colorText3?: string | undefined; colorBg1?: string | undefined; colorBg2?: string | undefined; colorBg3?: string | undefined; colorBg4?: string | undefined; shadow1?: string | undefined; shadow2?: string | undefined; shadow3?: string | undefined; sizeTiny?: string | undefined; sizeMini?: string | undefined; sizeSmall?: string | undefined; sizeMedium?: string | undefined; sizeLarge?: string | undefined; fontSizeMini?: string | undefined; fontSizeSmall?: string | undefined; fontSizeMedium?: string | undefined; fontSizeLarge?: string | undefined; fontSizeLarger?: string | undefined; lineHeightMini?: string | undefined; lineHeightSmall?: string | undefined; lineHeightMedium?: string | undefined; lineHeightLarge?: string | undefined; lineHeightLarger?: string | undefined; radiusMini?: string | undefined; radiusSmall?: string | undefined; radiusMedium?: string | undefined; radiusLarge?: string | undefined; radiusLarger?: string | undefined; radiusRound?: string | undefined; radiusCircle?: string | undefined; bezier1?: string | undefined; bezierIn?: string | undefined; bezierOut?: string | undefined; }>; dark: Ref; setTheme: (tokens: Partial) => void; toggleDark: (dark?: boolean) => void; resetTokens: () => void; };