import type { ColorScheme, Orientation, Platform } from '@/common/consts'
import type {
    AbsoluteFontWeight,
    Declaration,
    GradientItemFor_DimensionPercentageFor_LengthValue,
    LineDirection,
    MathFunctionFor_DimensionPercentageFor_LengthValue,
    MathFunctionFor_Length,
    MediaFeatureValue,
    ParsedComponent,
    Token,
    TokenOrValue,
    UnresolvedColor,
} from 'lightningcss'

export type MediaQueryResolver = {
    maxWidth: any
    minWidth: any
    platform: Platform | null
    rtl: boolean | null
    important: boolean
    importantProperties?: Array<string>
    colorScheme: ColorScheme | null
    theme: string | null
    orientation: Orientation | null
    disabled: boolean | null
    active: boolean | null
    focus: boolean | null
    dataAttributes: Record<string, string> | null
}

type TakeArray<T> = T extends Array<any> ? T : never

export type DeclarationValues =
    | Declaration['value']
    | TakeArray<Declaration['value']>[number]
    | TokenOrValue
    | Token
    | ParsedComponent
    | Array<TokenOrValue>
    | MediaFeatureValue
    | MathFunctionFor_DimensionPercentageFor_LengthValue
    | MathFunctionFor_Length
    | LineDirection
    | GradientItemFor_DimensionPercentageFor_LengthValue
    | AbsoluteFontWeight
    | UnresolvedColor

export type DeclarationProperty = Declaration['property']

export type ProcessMetaValues = {
    className?: string | null
}

export type StyleSheetTemplate = {
    [K: string]: Array<MediaQueryResolver & Record<string, unknown>>
}