fix(types): css() not giving correct suggestion, variants default opt…

…ion not accepting correct value

Fix #85

src/runtime/plugin.ts

@@ -46,7 +46,7 @@ export const plugin: Plugin = {
      */
     function usePinceauRuntime(
       props: any = {},
-      variants: Variants,
+      variants: Variants<typeof props>,
       computedStyles: { [key: string]: ComputedRef },
     ) {
       // Current component instance

src/types/css.ts

@@ -45,7 +45,7 @@ export type CSSFunctionType<
   UtilsProperties = PinceauUtils,
 > =
   {
-    variants?: Variants
+    variants?: Variants<ComponentProps>
   }
   &
   {

src/types/variants.ts

@@ -1,34 +1,17 @@
 import type { CSSProperties } from './css'
-import type { PinceauMediaQueries } from './theme'
 
-export interface VariantOptions<T = string> {
-  type?: string
-  required?: boolean
-  default?: T | { [key in PinceauMediaQueries]?: T }
-  mediaPrefix?: boolean
-}
-
-export interface BooleanVariant {
-  true?: CSSProperties
-  false?: CSSProperties
-  [key: string]: CSSProperties
-}
-
-export interface EnumVariant {
-  [key: string]: CSSProperties
-}
-
-export interface ClassVariant {
-  [key: string]: string | (CSSProperties & { $class?: string })
+export type Variant<T> = {
+  [K in keyof T]: {
+    [key: string]: string | (CSSProperties & { $class?: string })
+  } & {
+    options?: {
+      default?: T[K]
+      required?: boolean
+      mediaPrefix?: boolean
+      readonly type?: PropType<T[K]>
+    }
+  }
 }
 
-export type Variant =
-  (BooleanVariant | EnumVariant | ClassVariant)
-  &
-  {
-    options?: VariantOptions
-  }
+export type Variants<T> = T extends Record<string, any> ?  Variant<T> : any
 
-export interface Variants {
-  [key: string]: Variant
-}