css.ts

import type { ASTNode } from 'ast-types'
import type * as Utils from './utils'
import type { PinceauMediaQueries, PinceauUtils } from './theme'
import type { DefaultThemeMap } from './map'
import type { Variants } from './variants'
import type { NativeProperties, PropertyValue, PseudosProperties, UsableTokens } from './properties'

export type ColorSchemeModes = 'media' | 'class'

export type ComputedStyleProp<T extends string> = T | { [key in PinceauMediaQueries]?: T }

export type ComputedStyleDefinition<T extends string, ComponentProps = {}> = (props: ComponentProps) => PropertyValue<T> | { [key in PinceauMediaQueries]?: PropertyValue<T> }

export type MappedProperty<K extends string, ComponentProps = {}> = K | PropertyValue<K> | ComputedStyleDefinition<K, ComponentProps>

export type CSSProperties<
  ComponentProps = {},
  MediaQueries extends string = Utils.WrapUnion<PinceauMediaQueries, '@', ''>,
  UtilsProperties = PinceauUtils,
> =
    // Theme-based tokens
    {
      [K in keyof DefaultThemeMap]?: MappedProperty<K, ComponentProps> | {}
    }
    &
    // Native properties tokens
    {
      [K in keyof NativeProperties]?: MappedProperty<K, ComponentProps> | {}
    }
    &
    {
      [K in keyof PseudosProperties]?: CSSProperties<ComponentProps> | {}
    }
    &
    // MediaQueries
    {
      [K in MediaQueries]?: CSSProperties<ComponentProps> | {}
    }
    &
    // Custom properties
    {
      [K in keyof UtilsProperties]?: UsableTokens | ComputedStyleDefinition<UsableTokens, ComponentProps> | {}
    }
    &
    {
      [K in string]?: CSSProperties<ComponentProps> | MappedProperty<K, ComponentProps> | {}
    }

export type CSSFunctionType<
  ComponentProps = {},
  MediaQueries extends string = Utils.WrapUnion<PinceauMediaQueries, '@', ''>,
  UtilsProperties = PinceauUtils,
> =
  {
    variants?: Variants
  }
  &
  {
    [K in keyof UtilsProperties]?: K extends string ? MappedProperty<K, ComponentProps> : never | ComputedStyleDefinition<UsableTokens, ComponentProps>
  }
  &
  {
    [K in MediaQueries]?: CSSProperties<ComponentProps> | {}
  }
  &
  {
    [K in string]: CSSProperties<ComponentProps> | never
  }

export interface AnimationAst {
  animationName: string
  animationCode: ASTNode
}