Type: Compound Variants Util Function

Author: Jeong-jj

packages/css/src/rules/types.ts

@@ -85,7 +85,8 @@ export type PatternOptions<
     ConditionalVariants<Variants, ToggleVariants>
   >;
   compoundVariants?: Array<
-    CompoundVariant<ConditionalVariants<Variants, ToggleVariants>>
+    | CompoundVariant<ConditionalVariants<Variants, ToggleVariants>>
+    | CompoundFnType<VariantGroups>
   >;
 };
 
@@ -106,6 +107,16 @@ export type RulesVariants<RuleFn extends RuntimeFn<VariantGroups>> =
 export type RecipeVariants<RecipeFn extends RuntimeFn<VariantGroups>> =
   RulesVariants<RecipeFn>;
 
+type CompoundCondition<Variants extends VariantGroups> = {
+  [K in keyof Variants]: { [key in keyof Variants[K]]: string };
+};
+export type CompoundFnType<Variants extends VariantGroups> = (
+  context: Variants
+) => Array<{
+  condition: CompoundCondition<Variants>;
+  style: RecipeStyleRule;
+}>;
+
 // == Tests ====================================================================
 if (import.meta.vitest) {
   const { describe, it, assertType, expectTypeOf } = import.meta.vitest;