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